@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lcdo7z9xd2.bundle.scp.css';

/* /Components/Congrats/AppPromoCard.razor.rz.scp.css */
/* "Download the Winn-Dixie App" card — ported rule-for-rule from live's own published stylesheet,
   winndixie.com/bundles/sass/WD/_congrats-wd.css (.congrats__welcome__block .rewards__promo ...).
   The ancestor chain is dropped because .rewards__promo is this component's root.

   Every selector below the root is ::deep: the card's contents are CMS-authored markup from the
   htmltext "NeverMissADeal" fragment, so nothing in it carries this component's scope attribute.

   Colours are live's verbatim (#24125f, #56b7e6, #c8102e). font-family is the one substitution —
   live declares `Asap`, which lint-brand-tokens.sh bans, so var(--wd-font-body) stands in. */

.rewards__promo[b-fi51dohbr3] {
    padding: 16px;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.25);
    background-color: #ffffff;
    margin: 25px 0;
}

.rewards__promo[b-fi51dohbr3]  .promo__title {
    padding: 16px 16px 16px 32px;
    background-color: #24125f;
    margin: 0;
}

.rewards__promo[b-fi51dohbr3]  .promo__title h2 {
    font-family: var(--wd-font-body);
    font-size: 1.375em;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: -0.25px;
    color: #ffffff;
    margin: 0;
    padding-bottom: 5px;
}

.rewards__promo[b-fi51dohbr3]  .promo__title p {
    font-family: var(--wd-font-body);
    font-size: 1em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: -0.25px;
    color: #ffffff;
}

.rewards__promo[b-fi51dohbr3]  .promo__body {
    background-color: #56b7e6;
    padding: 32px 14px;
    margin: 0;
    padding-bottom: 0;
}

.rewards__promo[b-fi51dohbr3]  .promo__body img {
    margin: auto;
}

.rewards__promo[b-fi51dohbr3]  .promo__apps {
    text-align: center;
    display: inline-block;
    padding: 25px 0;
}

.rewards__promo[b-fi51dohbr3]  .promo__apps img {
    float: left;
    padding: 0 9px;
}

/* --- Below here: NOT in live's congrats stylesheet. ---------------------------------------
   Live gets these from its global Bootstrap 3 bundle and from the fragment's own CMS stylesheet
   (a *_css field, which this app never renders). Without them the card still uses live's rules
   above but loses the pieces those two sources supply. */

/* Bootstrap 3's .img-responsive, which this route does not load. */
.rewards__promo[b-fi51dohbr3]  .img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

/* The fragment layers a yellow blob behind the phone screenshot; its CMS stylesheet positions
   that absolutely. position:relative on .promo__body is required for it to anchor here — live
   does not declare it, because on live the same anchoring comes from the CMS rule itself. */
.rewards__promo[b-fi51dohbr3]  .promo__body {
    position: relative;
}

.rewards__promo[b-fi51dohbr3]  .overlap_style {
    position: absolute;
    left: 50%;
    top: 12%;
    transform: translateX(-50%);
    max-width: 62%;
}

/* Bootstrap 3 responsive display utilities. The fragment ships desktop store badges
   (a.hidden-sm) and a mobile "Download App" button (a.dwnld_App_cta.hidden-md.hidden-lg.hidden-xs)
   and switches between them with these classes; live resolves them from its global bundle. Keyed
   to the same device-width breakpoints live's own congrats rules use. */
.rewards__promo[b-fi51dohbr3]  .dwnld_App_cta {
    display: none;
}

@media only screen and (min-device-width: 100px) and (max-device-width: 767px) {
    .rewards__promo[b-fi51dohbr3]  .promo__title {
        padding: 16px 16px 16px 16px;
    }

    .rewards__promo[b-fi51dohbr3]  .promo__title h2 {
        font-size: 1.125em;
    }

    .rewards__promo[b-fi51dohbr3]  .promo__title p {
        font-size: 0.875em;
    }

    .rewards__promo[b-fi51dohbr3]  .promo__apps img {
        float: initial;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .rewards__promo[b-fi51dohbr3] {
        margin: 0px;
    }

    .rewards__promo[b-fi51dohbr3]  .promo__title {
        padding: 16px;
    }

    .rewards__promo[b-fi51dohbr3]  .promo__title h2 {
        font-size: 1.125em;
        line-height: 1.22;
        letter-spacing: -0.25px;
    }

    .rewards__promo[b-fi51dohbr3]  .promo__title p {
        font-size: 0.875em;
        line-height: 1.43;
        letter-spacing: -0.25px;
    }

    .rewards__promo[b-fi51dohbr3]  .promo__apps {
        padding: 10px 0 0;
    }

    .rewards__promo[b-fi51dohbr3]  .promo__apps a.hidden-sm {
        display: none;
    }

    .rewards__promo[b-fi51dohbr3]  .promo__apps .dwnld_App_cta {
        width: 197px;
        height: 49px;
        border: solid 1px #c8102e;
        background: #ffffff;
        font-size: 1.125em;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: normal;
        text-align: center;
        color: #c8102e !important;
        padding: 9px 0px;
        display: inline-block;
        margin: 20px 0;
        text-decoration: none;
    }
}
/* /Components/Congrats/EnrollmentCard.razor.rz.scp.css */
/* Left "Thanks for enrolling" card — ported rule-for-rule from live's own published stylesheet,
   winndixie.com/bundles/sass/WD/_congrats-wd.css (.rewards-congrats .congrats__welcome__block
   .congrats__welcome ...). The ancestor chain is dropped from each selector because
   .congrats__welcome is this component's root and appears nowhere else.

   Colours are live's verbatim, including the four the 2026-08-21 rebrand retired (#c8102e,
   #24125f, #4d4d4f, and the #f3f3f3/#ffdc00 pair around them) — a deliberate call, with matching
   exclusions added to lint-brand-tokens.sh. font-family is the ONE value not taken from live:
   it declares `Asap`, which that same lint bans outright, so var(--wd-font-body) stands in. */

.congrats__welcome[b-9vu4olhv97] {
    padding: 1em;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.25);
    background: #ffffff;
}

.congrats__welcome .congrats__head[b-9vu4olhv97] {
    padding-left: 1.125em;
    background-color: #ffdc00;
}

.congrats__welcome .congrats__head h1[b-9vu4olhv97] {
    font-family: var(--wd-font-body);
    font-size: 1.375em;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: -0.25px;
    color: #f3f3f3;
    padding: 20px 0px 20px 25px;
    background-color: #24125f;
    margin: 0;
}

.congrats__welcome .congrats__body[b-9vu4olhv97] {
    padding: 20px 0 20px 43px;
}

.congrats__welcome .congrats__body h2[b-9vu4olhv97] {
    font-family: var(--wd-font-body);
    font-size: 1.125em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.15px;
    color: #ca2034;
}

.congrats__welcome .congrats__body .congrats__couponsad[b-9vu4olhv97] {
    display: flex;
    align-items: center;
    line-height: 1.38;
}

/* Live's `.congrats__couponsad p` values, on the wrapper that stands in for that <p> (the CMS
   fragment is authored as a <div>, which can't nest inside one — see the component markup).
   The fragment's own elements inherit all of it. */
.congrats__welcome .congrats__body .congrats__couponsad .congrats__couponsad__copy[b-9vu4olhv97] {
    font-family: var(--wd-font-body);
    font-size: 1em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: -0.25px;
    color: #4d4d4f;
    width: 417px;
    margin: 0;
}

.congrats__welcome .congrats__body .congrats__couponsad img[b-9vu4olhv97] {
    margin: auto;
    height: 98px;
    width: auto;
}

/* Placeholder for a missing CMS badge — no live equivalent. Sized to the real image's rendered
   height so a missing asset leaves the flex row intact instead of collapsing it. */
.congrats__welcome .congrats__body .congrats__couponsad .congrats__couponsad__missing[b-9vu4olhv97] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    height: 98px;
    width: 124px;
    background: var(--wd-color-surface-alt);
    border: 1px dashed var(--wd-color-border);
    color: var(--wd-color-text-muted);
}

.congrats__welcome .congrats__body .cta__redirect__link[b-9vu4olhv97] {
    width: 187px;
    height: 50px;
    font-size: 1.125em;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    padding: 13px 0;
    display: inline-block;
    margin: 20px 0;
    text-decoration: none;
    color: #ffffff;
    background-color: #c8102e;
    border: 1px solid #c8102e;
    border-radius: 6px;
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
}

.congrats__welcome .congrats__body .cta__redirect__link:focus[b-9vu4olhv97] {
    border: solid 2px #ffffff !important;
}

.congrats__welcome .congrats__body .cta__redirect__link:hover[b-9vu4olhv97] {
    /* Live's own hover value happens to be identical to the current --wd-color-primary-hover
       token default, so the token is used rather than the literal — hardcoding it would trip
       lint-brand-tokens.sh's NEWVAL_HEX guard and would stop tracking a future CMS change. */
    background-color: var(--wd-color-primary-hover) !important;
    border: 1px solid var(--wd-color-primary-hover);
    color: #ffffff;
}

/* Placeholder variant — no live equivalent; keeps the button's footprint without reading as a
   working CTA. */
.congrats__welcome .congrats__body .cta__redirect__link--missing[b-9vu4olhv97] {
    background-color: var(--wd-color-surface-alt);
    border: 1px dashed var(--wd-color-border);
    color: var(--wd-color-text-muted);
}

.congrats__welcome .congrats__body p[b-9vu4olhv97] {
    font-family: var(--wd-font-body);
    font-size: 1em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: -0.25px;
    color: #4d4d4f;
}

/* ::deep — the link comes from the CMS HTML fragment (htmltext "Faqs"), so it is not in this
   component's own markup and carries no scope attribute of its own. */
.congrats__welcome .congrats__body .congrats__faq[b-9vu4olhv97]  .faq_link {
    color: #c8102e !important;
    text-decoration: underline !important;
    cursor: pointer;
    display: inline-block;
}

.congrats__welcome .congrats__body .congrats__faq[b-9vu4olhv97]  .faq_link:hover {
    font-weight: 600;
    text-decoration: underline !important;
}

/* Not in live's congrats stylesheet: the fragment switches between a long and a short phrasing
   with Bootstrap 3's responsive display utilities, which live gets from its global bundle and
   this route does not. Declared here so one of the two is always hidden instead of both showing.
   Keyed to the same device-width breakpoint live's own congrats rules use. */
.congrats__welcome .congrats__body .congrats__faq[b-9vu4olhv97]  .hidden-xs {
    display: inline;
}

.congrats__welcome .congrats__body .congrats__faq[b-9vu4olhv97]  .hidden-sm,
.congrats__welcome .congrats__body .congrats__faq[b-9vu4olhv97]  .hidden-md,
.congrats__welcome .congrats__body .congrats__faq[b-9vu4olhv97]  .hidden-lg {
    display: none;
}

@media only screen and (min-device-width: 100px) and (max-device-width: 767px) {
    .congrats__welcome .congrats__head[b-9vu4olhv97] {
        padding-left: 6px;
    }

    .congrats__welcome .congrats__head h1[b-9vu4olhv97] {
        font-size: 1.125em;
        padding: 20px 0 20px 10px;
        line-height: 1.38;
    }

    .congrats__welcome .congrats__body[b-9vu4olhv97] {
        padding: 16px 5px;
    }

    .congrats__welcome .congrats__body h2[b-9vu4olhv97] {
        font-size: 0.875em;
    }

    .congrats__welcome .congrats__body .congrats__couponsad[b-9vu4olhv97] {
        display: block;
    }

    .congrats__welcome .congrats__body .congrats__couponsad .congrats__couponsad__copy[b-9vu4olhv97] {
        font-size: 0.875em;
        width: 100%;
    }

    .congrats__welcome .congrats__body .congrats__couponsad img[b-9vu4olhv97] {
        padding: 10px 0;
    }

    .congrats__welcome .congrats__body .cta__redirect__link[b-9vu4olhv97] {
        width: 100%;
    }

    .congrats__welcome .congrats__body p[b-9vu4olhv97] {
        font-size: 0.875em;
    }

    .congrats__welcome .congrats__body .congrats__faq[b-9vu4olhv97]  .hidden-xs {
        display: none;
    }

    .congrats__welcome .congrats__body .congrats__faq[b-9vu4olhv97]  .hidden-sm,
    .congrats__welcome .congrats__body .congrats__faq[b-9vu4olhv97]  .hidden-md,
    .congrats__welcome .congrats__body .congrats__faq[b-9vu4olhv97]  .hidden-lg {
        display: inline;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .congrats__welcome .congrats__head[b-9vu4olhv97] {
        padding-left: 6px;
    }

    .congrats__welcome .congrats__head h1[b-9vu4olhv97] {
        font-size: 1.125em;
    }

    .congrats__welcome .congrats__head h2[b-9vu4olhv97] {
        font-size: 0.875em;
    }

    .congrats__welcome .congrats__body[b-9vu4olhv97] {
        padding: 20px 0 20px 0px;
    }

    .congrats__welcome .congrats__body h2[b-9vu4olhv97] {
        font-size: 0.875em;
        margin-top: 4px;
    }

    .congrats__welcome .congrats__body h1[b-9vu4olhv97] {
        font-size: 1.125em;
    }

    .congrats__welcome .congrats__body p[b-9vu4olhv97] {
        font-size: 0.75em;
    }

    .congrats__welcome .congrats__body .congrats__couponsad[b-9vu4olhv97] {
        display: block;
        font-size: 0.875em;
    }

    .congrats__welcome .congrats__body .cta__redirect__link[b-9vu4olhv97] {
        width: 221px;
        height: 49px;
        padding: 10px 0px;
    }
}
/* /Components/Congrats/GetStartedCard.razor.rz.scp.css */
/* Right "Let's Get Started" card — ported rule-for-rule from live's own published stylesheet,
   winndixie.com/bundles/sass/WD/_congrats-wd.css (.congrats__myad__block .congrats__myad ...).
   The ancestor chain is dropped because .congrats__myad is this component's root.

   ::deep appears wherever the target comes from a CMS fragment rather than this component's own
   markup — the heading/cut-line/intro inside .myad__head, the .not__urstore paragraph, and the
   useful-links list — since none of those carry this component's scope attribute.

   Colours are live's verbatim, including the retired #c8102e, #4d4d4f and #3c3c3b; font-family is
   the one substitution, since live's `Asap` is banned by lint-brand-tokens.sh. */

.congrats__myad[b-sn0k4p39ru] {
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.25);
    background-color: #ffffff;
    padding: 16px;
}

.congrats__myad .myad__head[b-sn0k4p39ru] {
    background-color: #c8102e;
    padding: 16px 16px 16px 20px;
    padding-left: 32px;
    color: #ffffff;
}

.congrats__myad .myad__head[b-sn0k4p39ru]  h2 {
    font-family: var(--wd-font-body);
    font-size: 1.375em;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: -0.25px;
    color: #ffffff;
    margin: 0;
}

.congrats__myad .myad__head[b-sn0k4p39ru]  p {
    font-family: var(--wd-font-body);
    font-size: 1em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: -0.25px;
    color: #ffffff;
}

.congrats__myad .myad__head[b-sn0k4p39ru]  .myad__cutline {
    margin: 10px 0;
    background: none;
    height: 1px;
    width: 99%;
    background-image: linear-gradient(to right, transparent 5px, #ffffff 0%);
    background-size: 15px 100%;
    border-top: 0;
}

/* Live positions a real scissor <img> on the cut-line. That asset (a Sitecore-era
   /Areas/V2/Images/scissorOpen.png path) does not exist in this app, so the tag is stripped
   before render and the glyph is drawn here instead — the same offsets live gives the image, so
   the motif lands in the same place. Decoration alongside the dashed rule, not content: the
   heading and paragraph already carry the card's meaning. */
.congrats__myad .myad__head[b-sn0k4p39ru]  .myad__cutline::before {
    content: "\2702";
    position: relative;
    display: inline-block;
    top: -11px;
    left: -16px;
    width: 15px;
    font-size: 15px;
    line-height: 1;
    color: #ffffff;
}

.congrats__myad .myad__store[b-sn0k4p39ru] {
    display: flex;
    padding: 22px 0;
}

/* Live's own chevron treatment for the useful links: suppress Font Awesome's ::before glyph (it
   would render to the LEFT of the label) and draw \f105 on the trailing edge instead. The FA4
   "FontAwesome" family this shorthand names IS served by this app's bundles/css/all.css, so the
   declaration ports verbatim. The label itself stays in the body face because
   .myadd__store-info .a__redirect__link's own font-family out-specifies the .fa class the CMS
   markup hangs on the same anchor. */
.congrats__myad .myad__store .fa-angle-right[b-sn0k4p39ru]:after,
.congrats__myad .myad__store[b-sn0k4p39ru]  .fa-angle-right:after {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: x-large;
    padding-left: 12px;
    position: relative;
    top: 2px;
}

.congrats__myad .myad__store .fa-angle-right[b-sn0k4p39ru]:before,
.congrats__myad .myad__store[b-sn0k4p39ru]  .fa-angle-right:before {
    display: none;
}

.congrats__myad .myad__store .myad__store__in[b-sn0k4p39ru] {
    min-width: 182px;
}

/* Placeholder for a missing CMS weekly-ad thumbnail — no live equivalent; holds the column's
   width so the flex row keeps live's proportions. */
.congrats__myad .myad__store .myad__store__in .myad__store__missing[b-sn0k4p39ru] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 108px;
    background: var(--wd-color-surface-alt);
    border: 1px dashed var(--wd-color-border);
    color: var(--wd-color-text-muted);
}

.congrats__myad .myad__store .myadd__store-info p[b-sn0k4p39ru],
.congrats__myad .myad__store .myadd__store-info[b-sn0k4p39ru]  p {
    font-family: var(--wd-font-body);
    font-size: 1em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: -0.25px;
    color: #3c3c3b;
}

/* Not in live's stylesheet: live's store block is separate lines of runtime data, this one renders
   them as spans inside the single <p> its rule targets. */
.congrats__myad .myad__store .myadd__store-info .myadd__store-address span[b-sn0k4p39ru] {
    display: block;
}

/* Also not in live's stylesheet, which has no rule for the store phone. It is rendered as a tel:
   link here so it is dialable on a phone, and inherits the address block's own colour rather than
   picking up the sitewide link red, which would read as a third CTA in a card that already has
   two. */
.congrats__myad .myad__store .myadd__store-info .myadd__store-address a[b-sn0k4p39ru] {
    color: inherit;
    text-decoration: none;
}

.congrats__myad .myad__store .myadd__store-info .myadd__store-address a:hover[b-sn0k4p39ru],
.congrats__myad .myad__store .myadd__store-info .myadd__store-address a:focus[b-sn0k4p39ru] {
    text-decoration: underline;
}

.congrats__myad .myad__store .myadd__store-info[b-sn0k4p39ru]  .not__urstore {
    font-family: var(--wd-font-body);
    font-size: 0.875em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.23px;
    color: #4d4d4f;
    padding-top: 10px;
}

.congrats__myad .myad__store .myadd__store-info[b-sn0k4p39ru]  .not__urstore a {
    color: #c8102e;
    text-decoration: underline;
}

.congrats__myad .myad__store .myadd__store-info[b-sn0k4p39ru]  .not__urstore a:hover {
    font-weight: 600;
}

.congrats__myad .myad__store .myadd__store-info .myadd__usefullinks[b-sn0k4p39ru] {
    padding-top: 20px;
    margin-bottom: -15px;
}

.congrats__myad .myad__store .myadd__store-info .a__redirect__link[b-sn0k4p39ru],
.congrats__myad .myad__store .myadd__store-info[b-sn0k4p39ru]  .a__redirect__link {
    font-family: var(--wd-font-body);
    font-size: 1em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.27px;
    color: #c8102e;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    padding: 8px 0;
}

/* Not in live's stylesheet: the useful-links fragment ships a bare <hr> and <ul>, which live
   flattens through its global bundle's list/hr resets. */
.congrats__myad .myad__store .myadd__store-info .myadd__usefullinks[b-sn0k4p39ru]  hr {
    display: none;
}

.congrats__myad .myad__store .myadd__store-info .myadd__usefullinks[b-sn0k4p39ru]  ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

@media only screen and (min-device-width: 100px) and (max-device-width: 767px) {
    .congrats__myad .myad__head[b-sn0k4p39ru]  h2 {
        font-size: 1.125em;
    }

    .congrats__myad .myad__head[b-sn0k4p39ru]  p {
        font-size: 0.875em;
    }

    .congrats__myad .myad__store[b-sn0k4p39ru] {
        display: block;
    }

    .congrats__myad .myad__store .myadd__store-info p[b-sn0k4p39ru],
    .congrats__myad .myad__store .myadd__store-info[b-sn0k4p39ru]  p {
        font-size: 0.875em;
    }

    .congrats__myad .myad__store .myadd__store-info[b-sn0k4p39ru]  .not__urstore {
        font-size: 0.875em;
        margin-top: 15px;
    }

    .congrats__myad .myad__store .myadd__store-info .a__redirect__link[b-sn0k4p39ru],
    .congrats__myad .myad__store .myadd__store-info[b-sn0k4p39ru]  .a__redirect__link {
        font-size: 0.875em;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .congrats__myad .myad__head[b-sn0k4p39ru]  h2 {
        font-size: 1.125em;
        line-height: 1.22;
        letter-spacing: -0.25px;
    }

    .congrats__myad .myad__head[b-sn0k4p39ru]  p {
        font-size: 0.875em;
        line-height: 1.43;
        letter-spacing: -0.25px;
    }

    .congrats__myad .myad__store[b-sn0k4p39ru] {
        display: block;
    }

    .congrats__myad .myad__store .myadd__store-info .a__redirect__link[b-sn0k4p39ru],
    .congrats__myad .myad__store .myadd__store-info[b-sn0k4p39ru]  .a__redirect__link,
    .congrats__myad .myad__store .myadd__store-info p[b-sn0k4p39ru],
    .congrats__myad .myad__store .myadd__store-info[b-sn0k4p39ru]  p {
        font-size: 0.875em;
    }

    .congrats__myad .myad__store .myadd__store-info .a__redirect__link[b-sn0k4p39ru],
    .congrats__myad .myad__store .myadd__store-info[b-sn0k4p39ru]  .a__redirect__link {
        line-height: 1.79;
        letter-spacing: -0.23px;
    }

    .congrats__myad .myad__store .myadd__store-info p[b-sn0k4p39ru],
    .congrats__myad .myad__store .myadd__store-info[b-sn0k4p39ru]  p {
        line-height: 1.43;
        letter-spacing: -0.25px;
    }
}
/* /Components/Coupons/AddedCouponDrawer.razor.rz.scp.css */
/* Moved from the original page .razor.css when AddedCouponDrawer was extracted into its own
   component. Some rules below were shared with sibling components extracted from the same
   page and are intentionally duplicated verbatim in each — a selector that doesn't match
   anything in a given component's scope is simply inert there. */

/* The drawer's own root (#couponadd). Rules written `.ee__coupons ::deep …` only match inside an
   .ee__coupons element that THIS component renders, and it renders none, so stacking has to be
   set here. Without it the drawer keeps Bootstrap's .modal z-index (1055) and the sticky site
   header (.sticky-header-group, 9999) covers its top edge, including the close button. */
.main-modal[b-1t94dcowd5] {
  z-index:10000;
}

.ee__coupons[b-1t94dcowd5]  .product-list {
  border:2px solid var(--wd-color-bread);
  margin:13px;
  min-height:346px;
  border-radius:4px;
}

.ee__coupons[b-1t94dcowd5]  .product-list .product-info {
  padding:0 13px;
}

.ee__coupons[b-1t94dcowd5]  .product-list .product-img {
  width:228px;
  height:124px;
  margin:auto;
  position:relative;
  margin-top:33px;
}

@media(min-width:992px) and (max-width:1199px) {
  .ee__coupons[b-1t94dcowd5]  .product-list .product-img {
    width:auto;
  }
}

.ee__coupons[b-1t94dcowd5]  .product-list .product-img img {
  max-width:100%;
  max-height:100%;
  margin:auto;
  display:block;
}

.ee__coupons[b-1t94dcowd5]  .product-list h3 {
  font-size:1.125em;
  color:var(--wd-color-brand-red);
  font-weight:700;
  margin-bottom:0;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  white-space:nowrap;
  min-height:23px;
}

.ee__coupons[b-1t94dcowd5]  .product-list p {
  font-size:1em;
  line-height:1.1;
  color:#000;
  height:35px;
  white-space:normal;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:2;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  margin:6px 0;
}

.ee__coupons[b-1t94dcowd5]  .product-list a {
  color:var(--wd-color-brand-red);
  font-size:.875em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.57;
  letter-spacing:-.23px;
  text-decoration:underline;
  margin-top:10px;
  display:inline-block;
}

.ee__coupons[b-1t94dcowd5]  .product-list:hover {
  cursor:pointer;
}

.ee__coupons[b-1t94dcowd5]  .product-main>div:nth-child(3n-0) .product-list {
  border-right:none !important;
}

.ee__coupons[b-1t94dcowd5]  .main-modal {
  position:absolute;
  overflow:visible;
}

.ee__coupons[b-1t94dcowd5]  .main-modal .product-list {
  border:none;
  margin:0;
  padding:0;
  min-height:100%;
}

.ee__coupons[b-1t94dcowd5]  .main-modal .product-list .product-info {
  padding:0;
}

.ee__coupons[b-1t94dcowd5]  .main-modal .product-list h3 {
  white-space:normal;
  overflow:inherit;
  text-overflow:initial;
  -webkit-line-clamp:initial;
  -webkit-box-orient:vertical;
}

.ee__coupons[b-1t94dcowd5]  .main-modal .product-list p {
  font-size:1em;
  white-space:normal;
  overflow:inherit;
  text-overflow:initial;
  -webkit-line-clamp:initial;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  display:inline-block;
}

.ee__coupons[b-1t94dcowd5]  .main-modal .product-list span {
  font-size:1em;
}

.ee__coupons[b-1t94dcowd5]  .main-modal .product-list .product-img {
  float:none;
  margin:0;
}

.ee__coupons[b-1t94dcowd5]  .main-modal .product-list:hover {
  cursor:pointer;
}

.ee__coupons[b-1t94dcowd5]  .main-modal .more-info {
  padding:5px;
}

.ee__coupons[b-1t94dcowd5]  .main-modal .more-info h3 {
  color:var(--wd-color-text);
  font-size:1em;
  line-height:1.38;
  letter-spacing:-.25px;
  margin:0;
  margin-bottom:10px;
}

.ee__coupons[b-1t94dcowd5]  .main-modal .more-info p {
  font-size:.875em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.43;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  word-wrap:break-word;
}

.ee__coupons[b-1t94dcowd5]  .coupon-info {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  padding:15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.ee__coupons[b-1t94dcowd5]  .coupon-info h3 {
  color:var(--wd-color-brand-red);
  font-size:.875em;
  margin:0;
}

.ee__coupons[b-1t94dcowd5]  .coupon-info h3 span {
  color:var(--wd-color-text);
}

.ee__coupons[b-1t94dcowd5]  .coupon-info a {
  color:var(--wd-color-brand-red);
  font-size:.875em;
  margin:0;
  text-decoration:underline;
}

.ee__coupons[b-1t94dcowd5]  .custom-panel .items .product-list {
  display:flex;
  align-items:center;
}

.ee__coupons[b-1t94dcowd5]  .custom-panel .items .product-list .product-info {
  padding:0;
  margin-left:10px;
  width:60%;
}

.ee__coupons[b-1t94dcowd5]  .custom-panel .items .product-list h3 {
  margin:0;
  font-size:1.25em;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
}

.ee__coupons[b-1t94dcowd5]  .custom-panel .items .product-list span {
  font-size:.875em;
}

.ee__coupons[b-1t94dcowd5]  .custom-panel .items .product-list p {
  font-size:.875em;
  height:40px;
  white-space:normal;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:2;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  letter-spacing:-.25px;
}

.ee__coupons[b-1t94dcowd5]  .custom-panel .items .product-list a {
  color:var(--wd-color-brand-red);
  font-size:.875em;
}

.ee__coupons[b-1t94dcowd5]  .clipped__saving .product-img {
  min-width:107px;
  width:107px;
  height:99px;
}

.ee__coupons[b-1t94dcowd5]  .filter-coupon-section .modal-content {
  background-color:#fff;
}

.ee__coupons[b-1t94dcowd5]  .filter-coupon-section .filter-modal .header-modal button.close {
  opacity:1;
  float:right;
  right:20px;
  position:absolute;
}

.ee__coupons[b-1t94dcowd5]  .filter-coupon-section .filter-modal .header-modal button.close img {
  width:16px;
  height:16px;
}

.ee__coupons[b-1t94dcowd5]  .filter-coupon-section .filter-modal .modal-dialog {
  margin:0;
  border-radius:0;
  border:none;
  width:100%;
  height:100%;
}

.ee__coupons[b-1t94dcowd5]  .filter-coupon-section .filter-modal .modal-dialog .modal-content {
  border:none;
  border-radius:0;
  padding-top:24px;
  padding-bottom:30px;
  height:100%;
  overflow:auto;
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-1t94dcowd5]  .filter-coupon-section .filter-modal .modal-dialog .modal-content {
    height:auto;
    overflow:initial;
  }
}

.ee__coupons[b-1t94dcowd5]  .filter-coupon-section .filter-modal .modal-dialog .modal-content h3 {
  color:var(--wd-color-text);
  font-family: var(--wd-font-body);
  font-size:1.375em;
  font-weight:bold;
  margin:0;
  margin-right:10px;
}

.ee__coupons[b-1t94dcowd5]  .filter-coupon-section .filter-modal .modal-dialog .modal-content .modal-body {
  padding:10px 20px;
  padding-bottom:0;
  display:flow-root;
}

.ee__coupons[b-1t94dcowd5]  .filter-coupon-section .modal.left .modal-dialog,.ee__coupons[b-1t94dcowd5]  .filter-coupon-section .modal.right .modal-dialog {
  position:fixed;
  margin:auto;
  width:320px;
  height:100%;
  -webkit-transform:translate3d(0%,0,0);
  -ms-transform:translate3d(0%,0,0);
  -o-transform:translate3d(0%,0,0);
  transform:translate3d(0%,0,0);
}

@media(max-width:767px) {
  .ee__coupons[b-1t94dcowd5]  .filter-coupon-section .modal.left .modal-dialog,.ee__coupons[b-1t94dcowd5]  .filter-coupon-section .modal.right .modal-dialog {
    width:100%;
  }
}

.ee__coupons[b-1t94dcowd5]  .coupon-detail-modal .modal-title {
  float:left;
  font-size:1.375em;
  font-weight:bold;
  font-family: var(--wd-font-body);
  color:var(--wd-color-brand-red);
  letter-spacing:-.31px;
}

.ee__coupons[b-1t94dcowd5]  .coupon-detail-modal .modal-dialog {
  width:480px;
  height:auto;
}

@media(max-width:767px) {
  .ee__coupons[b-1t94dcowd5]  .coupon-detail-modal .modal-dialog {
    width:auto;
  }
}

.ee__coupons[b-1t94dcowd5]  .coupon-detail-modal .modal-content {
  width:483px;
  padding:32px;
  background-color:#fff;
  border-radius:0;
  box-shadow:0 2px 14px 0 var(--wd-color-border);
}

@media(max-width:767px) {
  .ee__coupons[b-1t94dcowd5]  .coupon-detail-modal .modal-content {
    width:100%;
    padding:25px;
  }
}

.ee__coupons[b-1t94dcowd5]  .coupon-detail-modal .modal-content .modal-body {
  padding:0;
  margin-top:30px;
}

.ee__coupons[b-1t94dcowd5]  .congrats-detail-modal h2.modal-title {
  font-family: var(--wd-font-body);
  font-weight:700;
  font-size:1.375em;
  line-height:30px;
  letter-spacing:-.31px;
  text-align:center;
  vertical-align:middle;
  color:var(--wd-color-brand-red);
  margin:15px 0;
}

.ee__coupons[b-1t94dcowd5]  .congrats-detail-modal .modal-dialog {
  width:480px;
  height:auto;
}

@media(max-width:767px) {
  .ee__coupons[b-1t94dcowd5]  .congrats-detail-modal .modal-dialog {
    width:auto;
  }
}

.ee__coupons[b-1t94dcowd5]  .congrats-detail-modal .modal-content {
  width:483px;
  padding:64px 30px 0 32px;
  background-color:#fff;
  border-radius:0;
  box-shadow:0 2px 14px 0 var(--wd-color-border);
  text-align:center;
}

@media(max-width:767px) {
  .ee__coupons[b-1t94dcowd5]  .congrats-detail-modal .modal-content {
    width:100%;
    padding:25px;
    border-radius:8px;
  }
}

.ee__coupons[b-1t94dcowd5]  .congrats-detail-modal .modal-content .modal-body {
  padding:0;
}

@media(max-width:767px) {
  .ee__coupons[b-1t94dcowd5]  .filter-coupon-section .modal.left .modal-dialog {
    width:100%;
  }
  .ee__coupons[b-1t94dcowd5]  .filter-coupon-section .modal.right .modal-dialog {
    width:100%;
  }
}

.ee__coupons[b-1t94dcowd5]  .modal.left .modal-dialog,.ee__coupons[b-1t94dcowd5]  .modal.right .modal-dialog {
  position:fixed;
  margin:auto;
  width:437px;
  height:100%;
  -webkit-transform:translate3d(0%,0,0);
  -ms-transform:translate3d(0%,0,0);
  -o-transform:translate3d(0%,0,0);
  transform:translate3d(0%,0,0);
}

@media(max-width:767px) {
  .ee__coupons[b-1t94dcowd5]  .modal.left .modal-dialog,.ee__coupons[b-1t94dcowd5]  .modal.right .modal-dialog {
    width:100%;
  }
}

.ee__coupons[b-1t94dcowd5]  .modal.left .modal-content,.ee__coupons[b-1t94dcowd5]  .modal.right .modal-content {
  background:#fff;
  min-height:100%;
}

.ee__coupons[b-1t94dcowd5]  .modal.left .modal-body,.ee__coupons[b-1t94dcowd5]  .modal.right .modal-body {
  padding:0 25px 24px;
  padding-bottom:0;
}

.ee__coupons[b-1t94dcowd5]  .modal.left.fade .modal-dialog {
  left:-320px;
  -webkit-transition:opacity .3s linear,left .3s ease-out;
  -moz-transition:opacity .3s linear,left .3s ease-out;
  -o-transition:opacity .3s linear,left .3s ease-out;
  transition:opacity .3s linear,left .3s ease-out;
}

.ee__coupons[b-1t94dcowd5]  .modal.left.fade.in .modal-dialog {
  left:0;
}

.ee__coupons[b-1t94dcowd5]  .modal.right.fade .modal-dialog {
  right:-320px;
  -webkit-transition:opacity .3s linear,right .3s ease-out;
  -moz-transition:opacity .3s linear,right .3s ease-out;
  -o-transition:opacity .3s linear,right .3s ease-out;
  transition:opacity .3s linear,right .3s ease-out;
}

.ee__coupons[b-1t94dcowd5]  .modal.right.fade.in .modal-dialog {
  right:0;
  overflow-y:auto;
}

.ee__coupons[b-1t94dcowd5]  .main-modal .modal-content {
  border:none;
  border-radius:0;
}

.ee__coupons[b-1t94dcowd5]  .main-modal button.close {
  font-size:xxx-large;
  margin-top:-18px;
  color:var(--wd-color-brand-red);
  opacity:1;
  float:right;
}

.ee__coupons[b-1t94dcowd5]  .main-modal h4.modal-title {
  font-size:22px;
  font-weight:bold;
  line-height:1.18;
  letter-spacing:-.25px;
  color:var(--wd-color-brand-red);
}

.ee__coupons[b-1t94dcowd5]  .main-modal .modal-header {
  border:none;
  padding:36px 24px;
}

.ee__coupons[b-1t94dcowd5]  .filterCoupon-Modal .modal-dialog {
  margin:0;
  width:100%;
  bottom:-250px;
  opacity:0;
  -webkit-transform:translateY(20%);
  -moz-transform:translateY(20%);
  -ms-transform:translateY(20%);
  transform:translateY(20%);
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  transition:all .3s;
}

.ee__coupons[b-1t94dcowd5]  .filterCoupon-Modal .modal-dialog .modal-content {
  background:#fff;
  min-height:calc(100vh - 140px);
}

.ee__coupons[b-1t94dcowd5]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header {
  position:sticky;
  padding:20px 20px;
  border:none;
  top:2px;
  background:#fff;
  z-index:2;
}

.ee__coupons[b-1t94dcowd5]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .modal-heading h4.modal-title {
  font-family: var(--wd-font-body);
  font-size:30px;
  font-weight:bold;
  color:var(--wd-color-brand-red);
}

.ee__coupons[b-1t94dcowd5]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .modal-heading button.close {
  width:34px;
  height:34px;
  margin-top:0 !important;
  opacity:1;
  margin-right:7px;
}

.ee__coupons[b-1t94dcowd5]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body {
  position:relative;
  padding:5px 20px 15px 20px;
  width:100%;
  overscroll-behavior:contain;
  overflow:scroll;
  height:100%;
  min-height:calc(100vh - 430px);
}

.ee__coupons[b-1t94dcowd5]  .filterCoupon-Modal.in .modal-dialog {
  bottom:0;
  opacity:1;
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
  opacity:1;
}

.couponhelp_model .modal[b-1t94dcowd5] {
  display:none;
  position:fixed;
  z-index:1;
  padding:100px 0;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
}

.couponhelp_model .modal.in[b-1t94dcowd5] {
  top:0;
  left:0;
  width:100%;
  z-index:1050;
  padding-right:0 !important;
}

.couponhelp_model .modal.in .modal-dialog[b-1t94dcowd5] {
  margin:60px auto;
}

.couponhelp_model .modal-content[b-1t94dcowd5] {
  background-color:#fefefe;
  border-radius:4px;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
}

.couponhelp_model .modal-body[b-1t94dcowd5] {
  padding:0 58px;
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-1t94dcowd5]  .headline h1 {
    font-size:2.125em;
    padding:0 10px !important;
  }
  .ee__coupons[b-1t94dcowd5]  .item-slider .coupon__category .c-list button {
    font-size:.75em;
  }
  .ee__coupons[b-1t94dcowd5]  h2.sub-heading {
    font-size:1.125em;
  }
  .ee__coupons[b-1t94dcowd5]  h2.sub-heading span {
    font-size:.875em;
  }
  .ee__coupons[b-1t94dcowd5]  .drop-select button.btn {
    font-size:.875em;
  }
  .ee__coupons[b-1t94dcowd5]  .saving-nos span {
    font-size:.75em;
  }
  .ee__coupons[b-1t94dcowd5]  .saving-nos i.count {
    font-size:.75em;
  }
  .ee__coupons[b-1t94dcowd5]  .product-list .product-img {
    width:192px;
    height:115px;
  }
  .ee__coupons[b-1t94dcowd5]  .product-list h3 {
    font-size:1em;
  }
  .ee__coupons[b-1t94dcowd5]  .product-list p {
    font-size:.75em;
    height:34px;
    line-height:1.5;
  }
  .ee__coupons[b-1t94dcowd5]  .product-list a {
    font-size:.75em;
  }
  .ee__coupons[b-1t94dcowd5]  .product-list .product-info .couponadded__failed {
    font-size:.75em;
  }
  .ee__coupons[b-1t94dcowd5]  .cliping-grid {
    box-shadow:none;
    padding:0;
  }
  .ee__coupons[b-1t94dcowd5]  .cliping-grid p {
    font-size:.75em;
  }
  .ee__coupons[b-1t94dcowd5]  .heading {
    background-color:var(--wd-color-brand-red);
  }
  .ee__coupons[b-1t94dcowd5]  .heading h2,.ee__coupons[b-1t94dcowd5]  .heading h3 {
    margin:0;
    color:#fff;
    font-size:1.125em;
    font-weight:600;
    font-style:normal;
    line-height:1.38;
    letter-spacing:-.25px;
  }
  .ee__coupons[b-1t94dcowd5]  .heading.blue-bg h2,.ee__coupons[b-1t94dcowd5]  .heading.blue-bg h3 {
    color:#fff;
  }
  .ee__coupons[b-1t94dcowd5]  .list-main .list-info h2 {
    font-size:.75em;
  }
  .ee__coupons[b-1t94dcowd5]  .list-main .list-info p {
    font-size:.875em;
  }
  .ee__coupons[b-1t94dcowd5]  .save-list {
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    min-height:100%;
    margin:0 10px;
  }
  .ee__coupons[b-1t94dcowd5]  .save-list .s-list a {
    font-size:.875em;
    padding:12px 0;
  }
  .ee__coupons[b-1t94dcowd5]  .tab-view {
    margin:32px 0 48px;
  }
  .ee__coupons[b-1t94dcowd5]  .grid__twocoulmn {
    display:flex;
    margin-bottom:32px;
  }
  .ee__coupons[b-1t94dcowd5]  .grid__twocoulmn .grid__row.grid__row--right {
    margin-right:16px;
  }
  .ee__coupons[b-1t94dcowd5]  .grid__twocoulmn .grid__row.grid__row--left {
    margin-left:16px;
  }
  .ee__coupons[b-1t94dcowd5]  .main-btn {
    width:171px;
  }
  .ee__coupons[b-1t94dcowd5]  .clipped__saving .product-img {
    min-width:107px;
    width:107px;
    height:99px;
  }
  .ee__coupons[b-1t94dcowd5]  .container.filter-path {
    padding-bottom:15px;
  }
  .ee__coupons[b-1t94dcowd5]  .filter-coupon-section {
    margin:0 12px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-1t94dcowd5]  .container {
    padding:0 20px 80px 20px;
  }
  .ee__coupons[b-1t94dcowd5]  .container .headerbar {
    margin-bottom:18px;
  }
  .ee__coupons[b-1t94dcowd5]  .container .headline,.ee__coupons[b-1t94dcowd5]  .container .item-slider,.ee__coupons[b-1t94dcowd5]  .container #couponGallery,.ee__coupons[b-1t94dcowd5]  .container .header-inner {
    padding:0;
  }
  .ee__coupons[b-1t94dcowd5]  .container.filter-path {
    padding:10px 0;
  }
  .ee__coupons[b-1t94dcowd5]  .product-main {
    padding-bottom:0;
  }
  .ee__coupons[b-1t94dcowd5]  .headline h1 {
    font-size:30px;
    margin:24px 0 0;
    padding-bottom:10px;
    width:100%;
  }
  .ee__coupons[b-1t94dcowd5]  .item-slider {
    margin:0;
  }
  .ee__coupons[b-1t94dcowd5]  .item-slider .coupon__category .c-list button {
    font-size:.875em;
    padding:0;
    margin:10px 0 10px;
    max-width:inherit;
  }
  .ee__coupons[b-1t94dcowd5]  .item-slider .coupon__category .c-list .active__category {
    padding-bottom:5px;
  }
  .ee__coupons[b-1t94dcowd5]  h2.sub-heading {
    font-size:1.125em;
  }
  .ee__coupons[b-1t94dcowd5]  h2.sub-heading span {
    font-size:.875em;
  }
  .ee__coupons[b-1t94dcowd5]  .drop-select button.btn {
    font-size:.875em;
  }
  .ee__coupons[b-1t94dcowd5]  .product-list {
    padding:0 0 8px 0;
    border:solid 2px var(--wd-color-bread);
    cursor:pointer;
    display:flex;
    align-items:center;
    border-right:0;
    border-left:0;
    border-top:0;
    margin:0;
    width:100%;
    height:auto;
    min-height:0;
    border-radius:0;
  }
  .ee__coupons[b-1t94dcowd5]  .product-list .product-img {
    height:auto;
    min-width:100px;
    margin:0 12px 0 -4px;
    width:auto;
  }
  .ee__coupons[b-1t94dcowd5]  .product-list .product-img img {
    max-width:64px;
    height:64px;
  }
  .ee__coupons[b-1t94dcowd5]  .product-list .product-info {
    padding:0;
    height:auto;
    width:auto;
    align-items:center;
  }
  .ee__coupons[b-1t94dcowd5]  .product-list .product-info .product__sub_desc {
    position:absolute;
    right:5px;
    top:50px;
  }
  .ee__coupons[b-1t94dcowd5]  .product-list .product-info .product__sub_desc button {
    border:none;
    background:none;
  }
  .ee__coupons[b-1t94dcowd5]  .product-list .product-info .product__sub_desc button .icon-add-plus {
    width:30px;
    height:30px;
    transform:rotate(45deg);
    background:url(/Areas/V2/Images/add.svg);
  }
  .ee__coupons[b-1t94dcowd5]  .product-list .product-info .product__sub_desc button .icon-scissor {
    width:30px;
    height:30px;
    background:url(/Areas/V2/Images/scrissor.png);
  }
  .ee__coupons[b-1t94dcowd5]  .product-list .product-info .couponadded__failed {
    position:relative;
    padding-bottom:10px;
    margin:0;
  }
  .ee__coupons[b-1t94dcowd5]  .product-list h3 {
    font-size:1.125em;
    white-space:normal;
    word-break:break-word;
    padding-right:60px;
    margin-bottom:5px;
  }
  .ee__coupons[b-1t94dcowd5]  .product-list .er-span {
    height:auto !important;
    padding-right:60px;
  }
  .ee__coupons[b-1t94dcowd5]  .product-list p {
    padding-right:65px;
  }
  .ee__coupons[b-1t94dcowd5]  .product-list a {
    font-size:.875em;
    padding:0;
  }
  .ee__coupons[b-1t94dcowd5]  .product-list .left-info {
    padding:3px 10px;
  }
  .ee__coupons[b-1t94dcowd5]  .product-list:has(+div) {
    border-bottom:0;
  }
  .ee__coupons[b-1t94dcowd5]  .product-list:has(+div.ng-hide) {
    border-bottom:solid 2px var(--wd-color-bread);
  }
  .ee__coupons[b-1t94dcowd5]  .cliping-grid {
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    padding:15px;
  }
  .ee__coupons[b-1t94dcowd5]  .cliping-grid p {
    font-size:.75em;
  }
  .ee__coupons[b-1t94dcowd5]  .heading {
    background-color:var(--wd-color-brand-red);
  }
  .ee__coupons[b-1t94dcowd5]  .heading h2,.ee__coupons[b-1t94dcowd5]  .heading h3 {
    margin:0;
    color:#fff;
    font-size:1em;
    font-weight:600;
    font-style:normal;
    line-height:1.38;
    letter-spacing:-.25px;
  }
  .ee__coupons[b-1t94dcowd5]  .heading.blue-bg h2,.ee__coupons[b-1t94dcowd5]  .heading.blue-bg h3 {
    color:#fff;
  }
  .ee__coupons[b-1t94dcowd5]  .list-main .list-info h2 {
    font-size:.75em;
  }
  .ee__coupons[b-1t94dcowd5]  .list-main .list-info p {
    font-size:.875em;
  }
  .ee__coupons[b-1t94dcowd5]  .save-list {
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    margin-top:20px;
  }
  .ee__coupons[b-1t94dcowd5]  .save-list .s-list a {
    font-size:.875em;
  }
  .ee__coupons[b-1t94dcowd5]  .add-btn.minus-btn {
    width:150px;
  }
  .ee__coupons[b-1t94dcowd5]  .add-btn i {
    font-size:.75em;
    width:22px;
    height:22px;
    padding:0;
    padding-left:0;
    top:-1px;
    line-height:20px;
  }
  .ee__coupons[b-1t94dcowd5]  .product__sub_desc .coupon-add-btn {
    width:auto;
    display:block;
    background-color:transparent;
    border:none;
    color:var(--wd-color-text);
    font-size:.875em;
    margin:0;
    height:49px;
    font-family: var(--wd-font-body);
    font-weight:bold;
    font-size:.875em;
    font-style:normal;
    font-stretch:normal;
    line-height:normal;
    letter-spacing:normal;
    margin:24px 0;
    margin-right:0;
    width:125px;
    height:34px;
    display:inline-block;
    padding:0;
  }
  .ee__coupons[b-1t94dcowd5]  .coupon-add-btn-mob {
    margin:0;
    margin-right:0;
    font-size:.875em;
    font-weight:bold;
    width:35px;
    height:34px;
    display:inline-block;
    padding:0;
    color:var(--wd-color-text) !important;
  }
  .ee__coupons[b-1t94dcowd5]  .coupon-add-btn-mob:hover {
    background:none !important;
    color:var(--wd-color-text) !important;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-1t94dcowd5]  .con-device-btn {
    font-family:SEGFoco;
    font-weight:700;
    font-size:.875em;
    line-height:20px;
    letter-spacing:-.23px;
    color:#2f723c;
  }
  .ee__coupons[b-1t94dcowd5]  .main-modal .add-btn {
    padding:0;
    display:block;
  }
  .ee__coupons[b-1t94dcowd5]  .main-modal .coupon-add-btn {
    display:block;
  }
  .ee__coupons[b-1t94dcowd5]  .main-modal .total-count {
    margin:0 -25px;
  }
  .ee__coupons[b-1t94dcowd5]  .main-modal .more-info p {
    padding-bottom:29px;
  }
  .ee__coupons[b-1t94dcowd5]  .clippedCoupon {
    display:flex;
    align-items:center;
    padding:0 9px;
    color:#fff;
    background-color:var(--wd-color-brand-red);
    border:1px solid #fff;
    width:50px;
    height:50px;
    text-align:center;
    line-height:20px;
    border-radius:50px;
    bottom:10%;
    right:32px;
    position:fixed;
    z-index:1051;
  }
  .ee__coupons[b-1t94dcowd5]  .clippedCoupon .clippedCount {
    background-color:#fedb00;
    border:1px solid #fff;
    width:30px;
    height:30px;
    text-align:center;
    line-height:20px;
    border-radius:50px;
    margin-right:9px;
    font-size:.75em;
    color:var(--wd-color-brand-red);
    font-style:normal;
    font-weight:600;
    position:relative;
    padding:5px;
    min-width:30px;
    min-height:30px;
  }
  .ee__coupons[b-1t94dcowd5]  .clippedCoupon .clippedCount:after {
    content:"";
    font-family:fontawesome;
    position:absolute;
    top:-6px;
    background-color:#fff;
    height:20px;
    width:20px;
    line-height:10px;
    left:23px;
    text-align:center;
    font-size:.75em;
    border-radius:50px;
    -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
    -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
    box-shadow:0 0 5px 0 rgba(0,0,0,.75);
    padding:5px;
  }
  .ee__coupons[b-1t94dcowd5]  .coupon-wrapper .bx-controls {
    display:none;
  }
  .ee__coupons[b-1t94dcowd5]  .tab-view {
    margin:16px 0 48px;
  }
  .ee__coupons[b-1t94dcowd5]  .modal.right.fade.in .modal-dialog {
    margin-top:0;
  }
  .ee__coupons[b-1t94dcowd5]  .main-btn {
    width:230px;
  }
  .ee__coupons[b-1t94dcowd5]  .clipped__saving .product-img {
    min-width:77px;
    width:77px;
    height:auto;
  }
  .ee__coupons[b-1t94dcowd5]  .custom-panel {
    border-top:none;
  }
  .ee__coupons[b-1t94dcowd5]  .custom-panel .tab-content {
    margin:20px 0;
  }
  .ee__coupons[b-1t94dcowd5]  .fiter-stripe {
    margin:0 -22px;
  }
  .ee__coupons[b-1t94dcowd5]  .modal-content {
    border-radius:0;
  }
  .ee__coupons[b-1t94dcowd5]  .filter-coupon-section {
    padding:0 !important;
  }
}

@media(max-width:1024px) and (min-width:768px) {
  .pointoffer[b-1t94dcowd5] {
    font-size:1.125em;
    line-height:22px;
    letter-spacing:-.25px;
  }
  .qtn-style[b-1t94dcowd5] {
    height:25px;
    width:25px;
  }
  .couponhelp_model .modal.in[b-1t94dcowd5] {
    top:6%;
  }
}

@media only screen and (max-width:767px) {
  .pointoffer[b-1t94dcowd5] {
    font-size:1.25em;
    line-height:25px;
    letter-spacing:-.33px;
  }
  .qtn-style[b-1t94dcowd5] {
    height:25px;
    width:25px;
  }
  .couponhelp_model .modal.in[b-1t94dcowd5] {
    top:6%;
  }
  .couponhelp_model .modal-body[b-1t94dcowd5] {
    padding:0 16px;
  }
  .couponhelp_model .modal-footer[b-1t94dcowd5] {
    display:flex;
    padding:0;
    flex-direction:column-reverse;
    align-items:center;
  }
  .couponhelp_model h2[b-1t94dcowd5] {
    font-size:1.625em;
  }
  .couponhelp_model p[b-1t94dcowd5] {
    font-size:.875em;
  }
}
/* /Components/Coupons/AlertToasts.razor.rz.scp.css */
/* Moved from the original page .razor.css when AlertToasts was extracted into its own
   component. Some rules below were shared with sibling components extracted from the same
   page and are intentionally duplicated verbatim in each — a selector that doesn't match
   anything in a given component's scope is simply inert there. */

.ee__coupons[b-vpdy5ds2te]  .draw-alert-popup,.ee__coupons[b-vpdy5ds2te]  .draw-alert-popup-success {
  width:100%;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  outline:0;
  margin-top:190px;
  z-index:999999;
}

.ee__coupons[b-vpdy5ds2te]  .draw-alert-popup .draw-alert-popup-dialog,.ee__coupons[b-vpdy5ds2te]  .draw-alert-popup-success .draw-alert-popup-dialog {
  width:330px;
  margin:auto;
  background-color:#f7cece;
  padding:15px;
  padding-bottom:20px;
  color:#000;
  border:2px #ff0d0d solid;
  border-radius:6px;
  text-align:center;
}

.ee__coupons[b-vpdy5ds2te]  .draw-alert-popup .draw-alert-popup-dialog i,.ee__coupons[b-vpdy5ds2te]  .draw-alert-popup-success .draw-alert-popup-dialog i {
  color:var(--wd-color-brand-red);
  font-size:1.563em;
  position:relative;
  top:3px;
  left:-10px;
}

.ee__coupons[b-vpdy5ds2te]  .draw-alert-popup .draw-alert-popup-dialog span,.ee__coupons[b-vpdy5ds2te]  .draw-alert-popup-success .draw-alert-popup-dialog span {
  font-weight:600;
}

.ee__coupons[b-vpdy5ds2te]  .draw-alert-popup-success .draw-alert-popup-dialog {
  color:#063520;
  border:2px #063520 solid;
  background-color:#c2e2d3;
}

.ee__coupons[b-vpdy5ds2te]  .draw-alert-popup-success .draw-alert-popup-dialog i {
  color:#063520;
}
/* /Components/Coupons/CongratsModal.razor.rz.scp.css */
/* Moved from the original page .razor.css when CongratsModal was extracted into its own
   component. Some rules below were shared with sibling components extracted from the same
   page and are intentionally duplicated verbatim in each — a selector that doesn't match
   anything in a given component's scope is simply inert there. */

/* The modal's own root (#congrats-detail-modal). The `.ee__coupons ::deep` copy below never
   matches — this component renders no .ee__coupons element — so without this the modal keeps
   Bootstrap's .modal z-index (1055) and the sticky site header (.sticky-header-group, 9999)
   covers its top edge, including the close button. */
.congrats-detail-modal[b-k772u2ixvi] {
  padding-right:15px;
  z-index:10000;
}

.ee__coupons[b-k772u2ixvi]  .congrats-detail-modal {
  padding-right:15px;
  z-index:9999;
}

.ee__coupons[b-k772u2ixvi]  .congrats-detail-modal .GOLD-COIN {
  width:64px;
  height:64px;
}

.ee__coupons[b-k772u2ixvi]  .congrats-detail-modal .congrats-gif {
  display:block;
  position:absolute;
  width:inherit;
  height:-webkit-fill-available;
  z-index:1;
}

@media(max-width:767px) {
  .ee__coupons[b-k772u2ixvi]  .congrats-detail-modal .congrats-gif {
    display:flex;
    width:-webkit-fill-available;
    height:fit-content;
    z-index:1;
    justify-content:center;
  }
}

.ee__coupons[b-k772u2ixvi]  .congrats-detail-modal .congrats-gif .gif {
  position:relative;
  top:-2vh;
  width:inherit;
}

@media(max-width:767px) {
  .ee__coupons[b-k772u2ixvi]  .congrats-detail-modal .congrats-gif .gif {
    top:0;
    width:auto;
  }
}

.ee__coupons[b-k772u2ixvi]  .congrats-detail-modal button.coupon-add-btn {
  width:218px !important;
  position:relative;
  z-index:999;
}

@media(min-width:350px) and (max-width:767px) {
  .ee__coupons[b-k772u2ixvi]  .congrats-detail-modal button.coupon-add-btn {
    width:252px !important;
  }
}

@media(max-width:349px) {
  .ee__coupons[b-k772u2ixvi]  .congrats-detail-modal button.coupon-add-btn {
    width:-webkit-fit-content !important;
  }
}

@media(min-width:768px) {
  .ee__coupons[b-k772u2ixvi]  .product-list .product-info .add-Btn .add-btn {
    width:100%;
    font-size:1em !important;
  }
  .ee__coupons[b-k772u2ixvi]  .product-list .product-info .add-Btn .coupon-add-btn {
    width:100%;
    font-size:1em;
  }
}

.ee__coupons[b-k772u2ixvi]  .coupon-add-btn {
  width:163px;
  font-weight:bold;
  font-size:1em;
  padding:12px 0;
  margin:24px 0;
  height:49px;
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}

.ee__coupons[b-k772u2ixvi]  .coupon-add-btn:hover {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
}

.ee__coupons[b-k772u2ixvi]  .coupon-add-btn:focus {
  border:solid 2px #fff !important;
}

.ee__coupons[b-k772u2ixvi]  .filter-coupon-section .modal-content {
  background-color:#fff;
}

.ee__coupons[b-k772u2ixvi]  .filter-coupon-section .filter-modal .header-modal button.close {
  opacity:1;
  float:right;
  right:20px;
  position:absolute;
}

.ee__coupons[b-k772u2ixvi]  .filter-coupon-section .filter-modal .header-modal button.close img {
  width:16px;
  height:16px;
}

.ee__coupons[b-k772u2ixvi]  .filter-coupon-section .filter-modal .modal-dialog {
  margin:0;
  border-radius:0;
  border:none;
  width:100%;
  height:100%;
}

.ee__coupons[b-k772u2ixvi]  .filter-coupon-section .filter-modal .modal-dialog .modal-content {
  border:none;
  border-radius:0;
  padding-top:24px;
  padding-bottom:30px;
  height:100%;
  overflow:auto;
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-k772u2ixvi]  .filter-coupon-section .filter-modal .modal-dialog .modal-content {
    height:auto;
    overflow:initial;
  }
}

.ee__coupons[b-k772u2ixvi]  .filter-coupon-section .filter-modal .modal-dialog .modal-content h3 {
  color:var(--wd-color-text);
  font-family: var(--wd-font-body);
  font-size:1.375em;
  font-weight:bold;
  margin:0;
  margin-right:10px;
}

.ee__coupons[b-k772u2ixvi]  .filter-coupon-section .filter-modal .modal-dialog .modal-content .modal-body {
  padding:10px 20px;
  padding-bottom:0;
  display:flow-root;
}

.ee__coupons[b-k772u2ixvi]  .filter-coupon-section .modal.left .modal-dialog,.ee__coupons[b-k772u2ixvi]  .filter-coupon-section .modal.right .modal-dialog {
  position:fixed;
  margin:auto;
  width:320px;
  height:100%;
  -webkit-transform:translate3d(0%,0,0);
  -ms-transform:translate3d(0%,0,0);
  -o-transform:translate3d(0%,0,0);
  transform:translate3d(0%,0,0);
}

@media(max-width:767px) {
  .ee__coupons[b-k772u2ixvi]  .filter-coupon-section .modal.left .modal-dialog,.ee__coupons[b-k772u2ixvi]  .filter-coupon-section .modal.right .modal-dialog {
    width:100%;
  }
}

.ee__coupons[b-k772u2ixvi]  .coupon-detail-modal .modal-title {
  float:left;
  font-size:1.375em;
  font-weight:bold;
  font-family: var(--wd-font-body);
  color:var(--wd-color-brand-red);
  letter-spacing:-.31px;
}

.ee__coupons[b-k772u2ixvi]  .coupon-detail-modal .modal-dialog {
  width:480px;
  height:auto;
}

@media(max-width:767px) {
  .ee__coupons[b-k772u2ixvi]  .coupon-detail-modal .modal-dialog {
    width:auto;
  }
}

.ee__coupons[b-k772u2ixvi]  .coupon-detail-modal .btn-coupondetail-close {
  padding:0;
  background-color:#fff;
  border:#fff;
  opacity:1;
}

.ee__coupons[b-k772u2ixvi]  .coupon-detail-modal .modal-content {
  width:483px;
  padding:32px;
  background-color:#fff;
  border-radius:0;
  box-shadow:0 2px 14px 0 var(--wd-color-border);
}

@media(max-width:767px) {
  .ee__coupons[b-k772u2ixvi]  .coupon-detail-modal .modal-content {
    width:100%;
    padding:25px;
  }
}

.ee__coupons[b-k772u2ixvi]  .coupon-detail-modal .modal-content .modal-body {
  padding:0;
  margin-top:30px;
}

.ee__coupons[b-k772u2ixvi]  .coupon-detail-modal .modal-content .save-amt {
  font-family: var(--wd-font-body);
  font-size:1.25em;
  font-weight:700;
  color:var(--wd-color-brand-red);
  margin-top:15px;
}

@media(min-width:100px) and (max-width:991px) {
  .ee__coupons[b-k772u2ixvi]  .coupon-detail-modal .modal-content .save-amt {
    font-size:1.125em;
  }
}

.ee__coupons[b-k772u2ixvi]  .coupon-detail-modal .modal-content .item-details {
  font-family: var(--wd-font-body);
  font-size:16px;
  font-weight:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  padding-top:6px;
}

.ee__coupons[b-k772u2ixvi]  .congrats-detail-modal .text-right {
  position:absolute;
  right:26px;
  top:26px;
  z-index:9999;
}

.ee__coupons[b-k772u2ixvi]  .congrats-detail-modal h2.modal-title {
  font-family: var(--wd-font-body);
  font-weight:700;
  font-size:1.375em;
  line-height:30px;
  letter-spacing:-.31px;
  text-align:center;
  vertical-align:middle;
  color:var(--wd-color-brand-red);
  margin:15px 0;
}

.ee__coupons[b-k772u2ixvi]  .congrats-detail-modal .modal-dialog {
  width:480px;
  height:auto;
}

@media(max-width:767px) {
  .ee__coupons[b-k772u2ixvi]  .congrats-detail-modal .modal-dialog {
    width:auto;
  }
}

.ee__coupons[b-k772u2ixvi]  .congrats-detail-modal .btn-coupondetail-close {
  padding:0;
  background-color:#fff;
  border:none;
  opacity:1;
}

.ee__coupons[b-k772u2ixvi]  .congrats-detail-modal .modal-content {
  width:483px;
  padding:64px 30px 0 32px;
  background-color:#fff;
  border-radius:0;
  box-shadow:0 2px 14px 0 var(--wd-color-border);
  text-align:center;
}

@media(max-width:767px) {
  .ee__coupons[b-k772u2ixvi]  .congrats-detail-modal .modal-content {
    width:100%;
    padding:25px;
    border-radius:8px;
  }
}

.ee__coupons[b-k772u2ixvi]  .congrats-detail-modal .modal-content .modal-body {
  padding:0;
}

.ee__coupons[b-k772u2ixvi]  .congrats-detail-modal .modal-content .save-amt {
  color:var(--wd-color-brand-red);
  font-family: var(--wd-font-body);
  font-weight:700;
  font-size:1.25em;
  line-height:25px;
  letter-spacing:-.33px;
  text-align:center;
  vertical-align:middle;
}

@media(min-width:100px) and (max-width:991px) {
  .ee__coupons[b-k772u2ixvi]  .congrats-detail-modal .modal-content .save-amt {
    font-size:1.125em;
  }
}

.ee__coupons[b-k772u2ixvi]  .congrats-detail-modal .modal-content .item-details {
  color:var(--wd-color-text);
  padding:6px 0 20px 0;
  font-family: var(--wd-font-body);
  font-weight:400;
  font-size:1.125em;
  line-height:22px;
  letter-spacing:-.25px;
  text-align:center;
  vertical-align:middle;
}

@media(max-width:767px) {
  .ee__coupons[b-k772u2ixvi]  .filter-coupon-section .modal.left .modal-dialog {
    width:100%;
  }
  .ee__coupons[b-k772u2ixvi]  .filter-coupon-section .modal.right .modal-dialog {
    width:100%;
  }
}

.ee__coupons[b-k772u2ixvi]  .modal.left .modal-dialog,.ee__coupons[b-k772u2ixvi]  .modal.right .modal-dialog {
  position:fixed;
  margin:auto;
  width:437px;
  height:100%;
  -webkit-transform:translate3d(0%,0,0);
  -ms-transform:translate3d(0%,0,0);
  -o-transform:translate3d(0%,0,0);
  transform:translate3d(0%,0,0);
}

@media(max-width:767px) {
  .ee__coupons[b-k772u2ixvi]  .modal.left .modal-dialog,.ee__coupons[b-k772u2ixvi]  .modal.right .modal-dialog {
    width:100%;
  }
}

.ee__coupons[b-k772u2ixvi]  .modal.left .modal-content,.ee__coupons[b-k772u2ixvi]  .modal.right .modal-content {
  background:#fff;
  min-height:100%;
}

.ee__coupons[b-k772u2ixvi]  .modal.left .modal-body,.ee__coupons[b-k772u2ixvi]  .modal.right .modal-body {
  padding:0 25px 24px;
  padding-bottom:0;
}

.ee__coupons[b-k772u2ixvi]  .modal.left.fade .modal-dialog {
  left:-320px;
  -webkit-transition:opacity .3s linear,left .3s ease-out;
  -moz-transition:opacity .3s linear,left .3s ease-out;
  -o-transition:opacity .3s linear,left .3s ease-out;
  transition:opacity .3s linear,left .3s ease-out;
}

.ee__coupons[b-k772u2ixvi]  .modal.left.fade.in .modal-dialog {
  left:0;
}

.ee__coupons[b-k772u2ixvi]  .modal.right.fade .modal-dialog {
  right:-320px;
  -webkit-transition:opacity .3s linear,right .3s ease-out;
  -moz-transition:opacity .3s linear,right .3s ease-out;
  -o-transition:opacity .3s linear,right .3s ease-out;
  transition:opacity .3s linear,right .3s ease-out;
}

.ee__coupons[b-k772u2ixvi]  .modal.right.fade.in .modal-dialog {
  right:0;
  overflow-y:auto;
}

.ee__coupons[b-k772u2ixvi]  .main-modal .modal-content {
  border:none;
  border-radius:0;
}

.ee__coupons[b-k772u2ixvi]  .main-modal button.close {
  font-size:xxx-large;
  margin-top:-18px;
  color:var(--wd-color-brand-red);
  opacity:1;
  float:right;
}

.ee__coupons[b-k772u2ixvi]  .main-modal h4.modal-title {
  font-size:22px;
  font-weight:bold;
  line-height:1.18;
  letter-spacing:-.25px;
  color:var(--wd-color-brand-red);
}

.ee__coupons[b-k772u2ixvi]  .filterCoupon-Modal .modal-dialog {
  margin:0;
  width:100%;
  bottom:-250px;
  opacity:0;
  -webkit-transform:translateY(20%);
  -moz-transform:translateY(20%);
  -ms-transform:translateY(20%);
  transform:translateY(20%);
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  transition:all .3s;
}

.ee__coupons[b-k772u2ixvi]  .filterCoupon-Modal .modal-dialog .modal-content {
  background:#fff;
  min-height:calc(100vh - 140px);
}

.ee__coupons[b-k772u2ixvi]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .modal-heading h4.modal-title {
  font-family: var(--wd-font-body);
  font-size:30px;
  font-weight:bold;
  color:var(--wd-color-brand-red);
}

.ee__coupons[b-k772u2ixvi]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .modal-heading button.close {
  width:34px;
  height:34px;
  margin-top:0 !important;
  opacity:1;
  margin-right:7px;
}

.ee__coupons[b-k772u2ixvi]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body {
  position:relative;
  padding:5px 20px 15px 20px;
  width:100%;
  overscroll-behavior:contain;
  overflow:scroll;
  height:100%;
  min-height:calc(100vh - 430px);
}

.ee__coupons[b-k772u2ixvi]  .filterCoupon-Modal.in .modal-dialog {
  bottom:0;
  opacity:1;
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
  opacity:1;
}

.couponhelp_model .modal[b-k772u2ixvi] {
  display:none;
  position:fixed;
  z-index:1;
  padding:100px 0;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
}

.couponhelp_model .modal.in[b-k772u2ixvi] {
  top:0;
  left:0;
  width:100%;
  z-index:1050;
  padding-right:0 !important;
}

.couponhelp_model .modal.in .modal-dialog[b-k772u2ixvi] {
  margin:60px auto;
}

.couponhelp_model .modal-content[b-k772u2ixvi] {
  background-color:#fefefe;
  border-radius:4px;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
}

.couponhelp_model .modal-body[b-k772u2ixvi] {
  padding:0 58px;
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-k772u2ixvi]  .container {
    padding:0 20px 80px 20px;
  }
  .ee__coupons[b-k772u2ixvi]  .container .headerbar {
    margin-bottom:18px;
  }
  .ee__coupons[b-k772u2ixvi]  .container .headline,.ee__coupons[b-k772u2ixvi]  .container .item-slider,.ee__coupons[b-k772u2ixvi]  .container #couponGallery,.ee__coupons[b-k772u2ixvi]  .container .header-inner {
    padding:0;
  }
  .ee__coupons[b-k772u2ixvi]  .container.filter-path {
    padding:10px 0;
  }
  .ee__coupons[b-k772u2ixvi]  .product-main {
    padding-bottom:0;
  }
  .ee__coupons[b-k772u2ixvi]  .headline h1 {
    font-size:30px;
    margin:24px 0 0;
    padding-bottom:10px;
    width:100%;
  }
  .ee__coupons[b-k772u2ixvi]  .item-slider {
    margin:0;
  }
  .ee__coupons[b-k772u2ixvi]  .item-slider .coupon__category .c-list button {
    font-size:.875em;
    padding:0;
    margin:10px 0 10px;
    max-width:inherit;
  }
  .ee__coupons[b-k772u2ixvi]  .item-slider .coupon__category .c-list .active__category {
    padding-bottom:5px;
  }
  .ee__coupons[b-k772u2ixvi]  h2.sub-heading {
    font-size:1.125em;
  }
  .ee__coupons[b-k772u2ixvi]  h2.sub-heading span {
    font-size:.875em;
  }
  .ee__coupons[b-k772u2ixvi]  .drop-select button.btn {
    font-size:.875em;
  }
  .ee__coupons[b-k772u2ixvi]  .product-list {
    padding:0 0 8px 0;
    border:solid 2px var(--wd-color-bread);
    cursor:pointer;
    display:flex;
    align-items:center;
    border-right:0;
    border-left:0;
    border-top:0;
    margin:0;
    width:100%;
    height:auto;
    min-height:0;
    border-radius:0;
  }
  .ee__coupons[b-k772u2ixvi]  .product-list .product-img {
    height:auto;
    min-width:100px;
    margin:0 12px 0 -4px;
    width:auto;
  }
  .ee__coupons[b-k772u2ixvi]  .product-list .product-img img {
    max-width:64px;
    height:64px;
  }
  .ee__coupons[b-k772u2ixvi]  .product-list .product-info {
    padding:0;
    height:auto;
    width:auto;
    align-items:center;
  }
  .ee__coupons[b-k772u2ixvi]  .product-list .product-info .product__sub_desc {
    position:absolute;
    right:5px;
    top:50px;
  }
  .ee__coupons[b-k772u2ixvi]  .product-list .product-info .product__sub_desc button {
    border:none;
    background:none;
  }
  .ee__coupons[b-k772u2ixvi]  .product-list .product-info .product__sub_desc button .icon-add-plus {
    width:30px;
    height:30px;
    transform:rotate(45deg);
    background:url(/Areas/V2/Images/add.svg);
  }
  .ee__coupons[b-k772u2ixvi]  .product-list .product-info .product__sub_desc button .icon-scissor {
    width:30px;
    height:30px;
    background:url(/Areas/V2/Images/scrissor.png);
  }
  .ee__coupons[b-k772u2ixvi]  .product-list .product-info .couponadded__failed {
    position:relative;
    padding-bottom:10px;
    margin:0;
  }
  .ee__coupons[b-k772u2ixvi]  .product-list h3 {
    font-size:1.125em;
    white-space:normal;
    word-break:break-word;
    padding-right:60px;
    margin-bottom:5px;
  }
  .ee__coupons[b-k772u2ixvi]  .product-list .er-span {
    height:auto !important;
    padding-right:60px;
  }
  .ee__coupons[b-k772u2ixvi]  .product-list p {
    padding-right:65px;
  }
  .ee__coupons[b-k772u2ixvi]  .product-list a {
    font-size:.875em;
    padding:0;
  }
  .ee__coupons[b-k772u2ixvi]  .product-list .left-info {
    padding:3px 10px;
  }
  .ee__coupons[b-k772u2ixvi]  .product-list:has(+div) {
    border-bottom:0;
  }
  .ee__coupons[b-k772u2ixvi]  .product-list:has(+div.ng-hide) {
    border-bottom:solid 2px var(--wd-color-bread);
  }
  .ee__coupons[b-k772u2ixvi]  .cliping-grid {
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    padding:15px;
  }
  .ee__coupons[b-k772u2ixvi]  .cliping-grid p {
    font-size:.75em;
  }
  .ee__coupons[b-k772u2ixvi]  .heading {
    background-color:var(--wd-color-brand-red);
  }
  .ee__coupons[b-k772u2ixvi]  .heading h2,.ee__coupons[b-k772u2ixvi]  .heading h3 {
    margin:0;
    color:#fff;
    font-size:1em;
    font-weight:600;
    font-style:normal;
    line-height:1.38;
    letter-spacing:-.25px;
  }
  .ee__coupons[b-k772u2ixvi]  .heading.blue-bg h2,.ee__coupons[b-k772u2ixvi]  .heading.blue-bg h3 {
    color:#fff;
  }
  .ee__coupons[b-k772u2ixvi]  .list-main .list-info h2 {
    font-size:.75em;
  }
  .ee__coupons[b-k772u2ixvi]  .list-main .list-info p {
    font-size:.875em;
  }
  .ee__coupons[b-k772u2ixvi]  .save-list {
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    margin-top:20px;
  }
  .ee__coupons[b-k772u2ixvi]  .save-list .s-list a {
    font-size:.875em;
  }
  .ee__coupons[b-k772u2ixvi]  .add-btn.minus-btn {
    width:150px;
  }
  .ee__coupons[b-k772u2ixvi]  .add-btn i {
    font-size:.75em;
    width:22px;
    height:22px;
    padding:0;
    padding-left:0;
    top:-1px;
    line-height:20px;
  }
  .ee__coupons[b-k772u2ixvi]  .product__sub_desc .coupon-add-btn {
    width:auto;
    display:block;
    background-color:transparent;
    border:none;
    color:var(--wd-color-text);
    font-size:.875em;
    margin:0;
    height:49px;
    font-family: var(--wd-font-body);
    font-weight:bold;
    font-size:.875em;
    font-style:normal;
    font-stretch:normal;
    line-height:normal;
    letter-spacing:normal;
    margin:24px 0;
    margin-right:0;
    width:125px;
    height:34px;
    display:inline-block;
    padding:0;
  }
  .ee__coupons[b-k772u2ixvi]  .coupon-add-btn-mob {
    margin:0;
    margin-right:0;
    font-size:.875em;
    font-weight:bold;
    width:35px;
    height:34px;
    display:inline-block;
    padding:0;
    color:var(--wd-color-text) !important;
  }
  .ee__coupons[b-k772u2ixvi]  .coupon-add-btn-mob:hover {
    background:none !important;
    color:var(--wd-color-text) !important;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-k772u2ixvi]  .con-device-btn {
    font-family:SEGFoco;
    font-weight:700;
    font-size:.875em;
    line-height:20px;
    letter-spacing:-.23px;
    color:#2f723c;
  }
  .ee__coupons[b-k772u2ixvi]  .main-modal .add-btn {
    padding:0;
    display:block;
  }
  .ee__coupons[b-k772u2ixvi]  .main-modal .coupon-add-btn {
    display:block;
  }
  .ee__coupons[b-k772u2ixvi]  .main-modal .total-count {
    margin:0 -25px;
  }
  .ee__coupons[b-k772u2ixvi]  .main-modal .more-info p {
    padding-bottom:29px;
  }
  .ee__coupons[b-k772u2ixvi]  .clippedCoupon {
    display:flex;
    align-items:center;
    padding:0 9px;
    color:#fff;
    background-color:var(--wd-color-brand-red);
    border:1px solid #fff;
    width:50px;
    height:50px;
    text-align:center;
    line-height:20px;
    border-radius:50px;
    bottom:10%;
    right:32px;
    position:fixed;
    z-index:1051;
  }
  .ee__coupons[b-k772u2ixvi]  .clippedCoupon .clippedCount {
    background-color:#fedb00;
    border:1px solid #fff;
    width:30px;
    height:30px;
    text-align:center;
    line-height:20px;
    border-radius:50px;
    margin-right:9px;
    font-size:.75em;
    color:var(--wd-color-brand-red);
    font-style:normal;
    font-weight:600;
    position:relative;
    padding:5px;
    min-width:30px;
    min-height:30px;
  }
  .ee__coupons[b-k772u2ixvi]  .clippedCoupon .clippedCount:after {
    content:"";
    font-family:fontawesome;
    position:absolute;
    top:-6px;
    background-color:#fff;
    height:20px;
    width:20px;
    line-height:10px;
    left:23px;
    text-align:center;
    font-size:.75em;
    border-radius:50px;
    -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
    -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
    box-shadow:0 0 5px 0 rgba(0,0,0,.75);
    padding:5px;
  }
  .ee__coupons[b-k772u2ixvi]  .coupon-wrapper .bx-controls {
    display:none;
  }
  .ee__coupons[b-k772u2ixvi]  .tab-view {
    margin:16px 0 48px;
  }
  .ee__coupons[b-k772u2ixvi]  .modal.right.fade.in .modal-dialog {
    margin-top:0;
  }
  .ee__coupons[b-k772u2ixvi]  .main-btn {
    width:230px;
  }
  .ee__coupons[b-k772u2ixvi]  .clipped__saving .product-img {
    min-width:77px;
    width:77px;
    height:auto;
  }
  .ee__coupons[b-k772u2ixvi]  .custom-panel {
    border-top:none;
  }
  .ee__coupons[b-k772u2ixvi]  .custom-panel .tab-content {
    margin:20px 0;
  }
  .ee__coupons[b-k772u2ixvi]  .fiter-stripe {
    margin:0 -22px;
  }
  .ee__coupons[b-k772u2ixvi]  .modal-content {
    border-radius:0;
  }
  .ee__coupons[b-k772u2ixvi]  .filter-coupon-section {
    padding:0 !important;
  }
}

@media(max-width:1024px) and (min-width:768px) {
  .pointoffer[b-k772u2ixvi] {
    font-size:1.125em;
    line-height:22px;
    letter-spacing:-.25px;
  }
  .qtn-style[b-k772u2ixvi] {
    height:25px;
    width:25px;
  }
  .couponhelp_model .modal.in[b-k772u2ixvi] {
    top:6%;
  }
}

@media only screen and (max-width:767px) {
  .pointoffer[b-k772u2ixvi] {
    font-size:1.25em;
    line-height:25px;
    letter-spacing:-.33px;
  }
  .qtn-style[b-k772u2ixvi] {
    height:25px;
    width:25px;
  }
  .couponhelp_model .modal.in[b-k772u2ixvi] {
    top:6%;
  }
  .couponhelp_model .modal-body[b-k772u2ixvi] {
    padding:0 16px;
  }
  .couponhelp_model .modal-footer[b-k772u2ixvi] {
    display:flex;
    padding:0;
    flex-direction:column-reverse;
    align-items:center;
  }
  .couponhelp_model h2[b-k772u2ixvi] {
    font-size:1.625em;
  }
  .couponhelp_model p[b-k772u2ixvi] {
    font-size:.875em;
  }
}
/* /Components/Coupons/CouponDetailModal.razor.rz.scp.css */
/* Moved from the original page .razor.css when CouponDetailModal was extracted into its own
   component. Some rules below were shared with sibling components extracted from the same
   page and are intentionally duplicated verbatim in each — a selector that doesn't match
   anything in a given component's scope is simply inert there. */

.coupon-detail-modal[b-wfpmqbjokc] {
  z-index:9999;
}

.coupon-detail-modal .modal-content .more-details[b-wfpmqbjokc] {
  font-family: var(--wd-font-body);
  font-size:16px;
  font-weight:600;
  line-height:1.38;
  letter-spacing:-.22px;
  border:none;
  background-color:#fff;
  color:var(--wd-color-text);
  padding-top:10px;
  padding-left:0;
  margin-bottom:19px;
}

.coupon-detail-modal .modal-content .more-details i[b-wfpmqbjokc]:before {
  content:"";
}

.coupon-detail-modal .modal-content .more-details.collapsed i[b-wfpmqbjokc]:before {
  content:"";
}

.coupon-detail-modal .modal-content #disclaimer[b-wfpmqbjokc] {
  overflow-wrap:break-word;
}

.coupon-detail-modal .modal-content .img-coupon[b-wfpmqbjokc] {
  background-size:contain;
  height:74px;
  text-align:left;
  background-position:left;
  background-repeat:no-repeat;
}

.ee__coupons[b-wfpmqbjokc]  .filter-coupon-section .modal-content {
  background-color:#fff;
}

.ee__coupons[b-wfpmqbjokc]  .filter-coupon-section .filter-modal .header-modal button.close {
  opacity:1;
  float:right;
  right:20px;
  position:absolute;
}

.ee__coupons[b-wfpmqbjokc]  .filter-coupon-section .filter-modal .header-modal button.close img {
  width:16px;
  height:16px;
}

.ee__coupons[b-wfpmqbjokc]  .filter-coupon-section .filter-modal .modal-dialog {
  margin:0;
  border-radius:0;
  border:none;
  width:100%;
  height:100%;
}

.ee__coupons[b-wfpmqbjokc]  .filter-coupon-section .filter-modal .modal-dialog .modal-content {
  border:none;
  border-radius:0;
  padding-top:24px;
  padding-bottom:30px;
  height:100%;
  overflow:auto;
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-wfpmqbjokc]  .filter-coupon-section .filter-modal .modal-dialog .modal-content {
    height:auto;
    overflow:initial;
  }
}

.ee__coupons[b-wfpmqbjokc]  .filter-coupon-section .filter-modal .modal-dialog .modal-content h3 {
  color:var(--wd-color-text);
  font-family: var(--wd-font-body);
  font-size:1.375em;
  font-weight:bold;
  margin:0;
  margin-right:10px;
}

.ee__coupons[b-wfpmqbjokc]  .filter-coupon-section .filter-modal .modal-dialog .modal-content .modal-body {
  padding:10px 20px;
  padding-bottom:0;
  display:flow-root;
}

.ee__coupons[b-wfpmqbjokc]  .filter-coupon-section .modal.left .modal-dialog,.ee__coupons[b-wfpmqbjokc]  .filter-coupon-section .modal.right .modal-dialog {
  position:fixed;
  margin:auto;
  width:320px;
  height:100%;
  -webkit-transform:translate3d(0%,0,0);
  -ms-transform:translate3d(0%,0,0);
  -o-transform:translate3d(0%,0,0);
  transform:translate3d(0%,0,0);
}

@media(max-width:767px) {
  .ee__coupons[b-wfpmqbjokc]  .filter-coupon-section .modal.left .modal-dialog,.ee__coupons[b-wfpmqbjokc]  .filter-coupon-section .modal.right .modal-dialog {
    width:100%;
  }
}

.coupon-detail-modal .modal-title[b-wfpmqbjokc] {
  float:left;
  font-size:1.375em;
  font-weight:bold;
  font-family: var(--wd-font-body);
  color:var(--wd-color-brand-red);
  letter-spacing:-.31px;
}

.coupon-detail-modal .modal-dialog[b-wfpmqbjokc] {
  width:480px;
  height:auto;
}

@media(max-width:767px) {
  .coupon-detail-modal .modal-dialog[b-wfpmqbjokc] {
    width:auto;
  }
}

.coupon-detail-modal .btn-coupondetail-close[b-wfpmqbjokc] {
  padding:0;
  background-color:#fff;
  border:#fff;
  opacity:1;
}

/* width/box-shadow are live's own (.ee__coupons .coupon-detail-modal .modal-content); both were
   dropped while this was a FluentDialog, where .modal-content was only FluentDialogBody's inner
   content region sitting inside FluentDialog's card chrome — painting it as a second card nested
   in the first. Now that .modal-content IS the card again, they're back. */
.coupon-detail-modal .modal-content[b-wfpmqbjokc] {
  width:483px;
  padding:32px;
  background-color:#fff;
  border-radius:0;
  box-shadow:0 2px 14px 0 var(--wd-color-border);
}

@media(max-width:767px) {
  .coupon-detail-modal .modal-content[b-wfpmqbjokc] {
    width:100%;
    padding:25px;
  }
}

.coupon-detail-modal .modal-content .modal-body[b-wfpmqbjokc] {
  padding:0;
  margin-top:30px;
}

.coupon-detail-modal .modal-content .save-amt[b-wfpmqbjokc] {
  font-family: var(--wd-font-body);
  font-size:1.25em;
  font-weight:700;
  color:var(--wd-color-brand-red);
  margin-top:15px;
}

@media(min-width:100px) and (max-width:991px) {
  .coupon-detail-modal .modal-content .save-amt[b-wfpmqbjokc] {
    font-size:1.125em;
  }
}

/* "Exp: 09/19/26" — live renders this between the savings value and the description; this modal
   had no such line. Same rule Home's own coupon-detail modal already ports. */
.coupon-detail-modal .modal-content .exp-date[b-wfpmqbjokc] {
  font-family: var(--wd-font-body);
  font-size:14px;
  font-weight:normal;
  line-height:1.43;
  letter-spacing:-.23px;
  color:#727272;
  padding-top:7px;
}

.coupon-detail-modal .modal-content .item-details[b-wfpmqbjokc] {
  font-family: var(--wd-font-body);
  font-size:16px;
  font-weight:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  padding-top:6px;
}

.ee__coupons[b-wfpmqbjokc]  .congrats-detail-modal .text-right {
  position:absolute;
  right:26px;
  top:26px;
  z-index:9999;
}

.ee__coupons[b-wfpmqbjokc]  .congrats-detail-modal h2.modal-title {
  font-family: var(--wd-font-body);
  font-weight:700;
  font-size:1.375em;
  line-height:30px;
  letter-spacing:-.31px;
  text-align:center;
  vertical-align:middle;
  color:var(--wd-color-brand-red);
  margin:15px 0;
}

.ee__coupons[b-wfpmqbjokc]  .congrats-detail-modal .modal-dialog {
  width:480px;
  height:auto;
}

@media(max-width:767px) {
  .ee__coupons[b-wfpmqbjokc]  .congrats-detail-modal .modal-dialog {
    width:auto;
  }
}

.ee__coupons[b-wfpmqbjokc]  .congrats-detail-modal .btn-coupondetail-close {
  padding:0;
  background-color:#fff;
  border:none;
  opacity:1;
}

.ee__coupons[b-wfpmqbjokc]  .congrats-detail-modal .modal-content {
  width:483px;
  padding:64px 30px 0 32px;
  background-color:#fff;
  border-radius:0;
  box-shadow:0 2px 14px 0 var(--wd-color-border);
  text-align:center;
}

@media(max-width:767px) {
  .ee__coupons[b-wfpmqbjokc]  .congrats-detail-modal .modal-content {
    width:100%;
    padding:25px;
    border-radius:8px;
  }
}

.ee__coupons[b-wfpmqbjokc]  .congrats-detail-modal .modal-content .modal-body {
  padding:0;
}

.ee__coupons[b-wfpmqbjokc]  .congrats-detail-modal .modal-content .save-amt {
  color:var(--wd-color-brand-red);
  font-family: var(--wd-font-body);
  font-weight:700;
  font-size:1.25em;
  line-height:25px;
  letter-spacing:-.33px;
  text-align:center;
  vertical-align:middle;
}

@media(min-width:100px) and (max-width:991px) {
  .ee__coupons[b-wfpmqbjokc]  .congrats-detail-modal .modal-content .save-amt {
    font-size:1.125em;
  }
}

.ee__coupons[b-wfpmqbjokc]  .congrats-detail-modal .modal-content .item-details {
  color:var(--wd-color-text);
  padding:6px 0 20px 0;
  font-family: var(--wd-font-body);
  font-weight:400;
  font-size:1.125em;
  line-height:22px;
  letter-spacing:-.25px;
  text-align:center;
  vertical-align:middle;
}

@media(max-width:767px) {
  .ee__coupons[b-wfpmqbjokc]  .filter-coupon-section .modal.left .modal-dialog {
    width:100%;
  }
  .ee__coupons[b-wfpmqbjokc]  .filter-coupon-section .modal.right .modal-dialog {
    width:100%;
  }
}

.ee__coupons[b-wfpmqbjokc]  .modal.left .modal-dialog,.ee__coupons[b-wfpmqbjokc]  .modal.right .modal-dialog {
  position:fixed;
  margin:auto;
  width:437px;
  height:100%;
  -webkit-transform:translate3d(0%,0,0);
  -ms-transform:translate3d(0%,0,0);
  -o-transform:translate3d(0%,0,0);
  transform:translate3d(0%,0,0);
}

@media(max-width:767px) {
  .ee__coupons[b-wfpmqbjokc]  .modal.left .modal-dialog,.ee__coupons[b-wfpmqbjokc]  .modal.right .modal-dialog {
    width:100%;
  }
}

.ee__coupons[b-wfpmqbjokc]  .modal.left .modal-content,.ee__coupons[b-wfpmqbjokc]  .modal.right .modal-content {
  background:#fff;
  min-height:100%;
}

.ee__coupons[b-wfpmqbjokc]  .modal.left .modal-body,.ee__coupons[b-wfpmqbjokc]  .modal.right .modal-body {
  padding:0 25px 24px;
  padding-bottom:0;
}

.ee__coupons[b-wfpmqbjokc]  .modal.left.fade .modal-dialog {
  left:-320px;
  -webkit-transition:opacity .3s linear,left .3s ease-out;
  -moz-transition:opacity .3s linear,left .3s ease-out;
  -o-transition:opacity .3s linear,left .3s ease-out;
  transition:opacity .3s linear,left .3s ease-out;
}

.ee__coupons[b-wfpmqbjokc]  .modal.left.fade.in .modal-dialog {
  left:0;
}

.ee__coupons[b-wfpmqbjokc]  .modal.right.fade .modal-dialog {
  right:-320px;
  -webkit-transition:opacity .3s linear,right .3s ease-out;
  -moz-transition:opacity .3s linear,right .3s ease-out;
  -o-transition:opacity .3s linear,right .3s ease-out;
  transition:opacity .3s linear,right .3s ease-out;
}

.ee__coupons[b-wfpmqbjokc]  .modal.right.fade.in .modal-dialog {
  right:0;
  overflow-y:auto;
}

.ee__coupons[b-wfpmqbjokc]  .main-modal .modal-content {
  border:none;
  border-radius:0;
}

.ee__coupons[b-wfpmqbjokc]  .main-modal button.close {
  font-size:xxx-large;
  margin-top:-18px;
  color:var(--wd-color-brand-red);
  opacity:1;
  float:right;
}

.ee__coupons[b-wfpmqbjokc]  .main-modal h4.modal-title {
  font-size:22px;
  font-weight:bold;
  line-height:1.18;
  letter-spacing:-.25px;
  color:var(--wd-color-brand-red);
}

.ee__coupons[b-wfpmqbjokc]  .filterCoupon-Modal .modal-dialog {
  margin:0;
  width:100%;
  bottom:-250px;
  opacity:0;
  -webkit-transform:translateY(20%);
  -moz-transform:translateY(20%);
  -ms-transform:translateY(20%);
  transform:translateY(20%);
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  transition:all .3s;
}

.ee__coupons[b-wfpmqbjokc]  .filterCoupon-Modal .modal-dialog .modal-content {
  background:#fff;
  min-height:calc(100vh - 140px);
}

.ee__coupons[b-wfpmqbjokc]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .modal-heading h4.modal-title {
  font-family: var(--wd-font-body);
  font-size:30px;
  font-weight:bold;
  color:var(--wd-color-brand-red);
}

.ee__coupons[b-wfpmqbjokc]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .modal-heading button.close {
  width:34px;
  height:34px;
  margin-top:0 !important;
  opacity:1;
  margin-right:7px;
}

.ee__coupons[b-wfpmqbjokc]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body {
  position:relative;
  padding:5px 20px 15px 20px;
  width:100%;
  overscroll-behavior:contain;
  overflow:scroll;
  height:100%;
  min-height:calc(100vh - 430px);
}

.ee__coupons[b-wfpmqbjokc]  .filterCoupon-Modal.in .modal-dialog {
  bottom:0;
  opacity:1;
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
  opacity:1;
}

.couponhelp_model .modal[b-wfpmqbjokc] {
  display:none;
  position:fixed;
  z-index:1;
  padding:100px 0;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
}

.couponhelp_model .modal.in[b-wfpmqbjokc] {
  top:0;
  left:0;
  width:100%;
  z-index:1050;
  padding-right:0 !important;
}

.couponhelp_model .modal.in .modal-dialog[b-wfpmqbjokc] {
  margin:60px auto;
}

.couponhelp_model .modal-content[b-wfpmqbjokc] {
  background-color:#fefefe;
  border-radius:4px;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
}

.couponhelp_model .modal-body[b-wfpmqbjokc] {
  padding:0 58px;
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-wfpmqbjokc]  .con-device-btn {
    font-family:SEGFoco;
    font-weight:700;
    font-size:.875em;
    line-height:20px;
    letter-spacing:-.23px;
    color:#2f723c;
  }
  .ee__coupons[b-wfpmqbjokc]  .main-modal .add-btn {
    padding:0;
    display:block;
  }
  .ee__coupons[b-wfpmqbjokc]  .main-modal .coupon-add-btn {
    display:block;
  }
  .ee__coupons[b-wfpmqbjokc]  .main-modal .total-count {
    margin:0 -25px;
  }
  .ee__coupons[b-wfpmqbjokc]  .main-modal .more-info p {
    padding-bottom:29px;
  }
  .ee__coupons[b-wfpmqbjokc]  .clippedCoupon {
    display:flex;
    align-items:center;
    padding:0 9px;
    color:#fff;
    background-color:var(--wd-color-brand-red);
    border:1px solid #fff;
    width:50px;
    height:50px;
    text-align:center;
    line-height:20px;
    border-radius:50px;
    bottom:10%;
    right:32px;
    position:fixed;
    z-index:1051;
  }
  .ee__coupons[b-wfpmqbjokc]  .clippedCoupon .clippedCount {
    background-color:#fedb00;
    border:1px solid #fff;
    width:30px;
    height:30px;
    text-align:center;
    line-height:20px;
    border-radius:50px;
    margin-right:9px;
    font-size:.75em;
    color:var(--wd-color-brand-red);
    font-style:normal;
    font-weight:600;
    position:relative;
    padding:5px;
    min-width:30px;
    min-height:30px;
  }
  .ee__coupons[b-wfpmqbjokc]  .clippedCoupon .clippedCount:after {
    content:"";
    font-family:fontawesome;
    position:absolute;
    top:-6px;
    background-color:#fff;
    height:20px;
    width:20px;
    line-height:10px;
    left:23px;
    text-align:center;
    font-size:.75em;
    border-radius:50px;
    -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
    -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
    box-shadow:0 0 5px 0 rgba(0,0,0,.75);
    padding:5px;
  }
  .ee__coupons[b-wfpmqbjokc]  .coupon-wrapper .bx-controls {
    display:none;
  }
  .ee__coupons[b-wfpmqbjokc]  .tab-view {
    margin:16px 0 48px;
  }
  .ee__coupons[b-wfpmqbjokc]  .modal.right.fade.in .modal-dialog {
    margin-top:0;
  }
  .ee__coupons[b-wfpmqbjokc]  .main-btn {
    width:230px;
  }
  .ee__coupons[b-wfpmqbjokc]  .clipped__saving .product-img {
    min-width:77px;
    width:77px;
    height:auto;
  }
  .ee__coupons[b-wfpmqbjokc]  .custom-panel {
    border-top:none;
  }
  .ee__coupons[b-wfpmqbjokc]  .custom-panel .tab-content {
    margin:20px 0;
  }
  .ee__coupons[b-wfpmqbjokc]  .fiter-stripe {
    margin:0 -22px;
  }
  .ee__coupons[b-wfpmqbjokc]  .modal-content {
    border-radius:0;
  }
  .ee__coupons[b-wfpmqbjokc]  .filter-coupon-section {
    padding:0 !important;
  }
}

@media(max-width:1024px) and (min-width:768px) {
  .pointoffer[b-wfpmqbjokc] {
    font-size:1.125em;
    line-height:22px;
    letter-spacing:-.25px;
  }
  .qtn-style[b-wfpmqbjokc] {
    height:25px;
    width:25px;
  }
  .couponhelp_model .modal.in[b-wfpmqbjokc] {
    top:6%;
  }
}

@media only screen and (max-width:767px) {
  .pointoffer[b-wfpmqbjokc] {
    font-size:1.25em;
    line-height:25px;
    letter-spacing:-.33px;
  }
  .qtn-style[b-wfpmqbjokc] {
    height:25px;
    width:25px;
  }
  .couponhelp_model .modal.in[b-wfpmqbjokc] {
    top:6%;
  }
  .couponhelp_model .modal-body[b-wfpmqbjokc] {
    padding:0 16px;
  }
  .couponhelp_model .modal-footer[b-wfpmqbjokc] {
    display:flex;
    padding:0;
    flex-direction:column-reverse;
    align-items:center;
  }
  .couponhelp_model h2[b-wfpmqbjokc] {
    font-size:1.625em;
  }
  .couponhelp_model p[b-wfpmqbjokc] {
    font-size:.875em;
  }
}
/* /Components/Coupons/CouponGallery.razor.rz.scp.css */
/* Moved from the original page .razor.css when CouponGallery was extracted into its own
   component. Some rules below were shared with sibling components extracted from the same
   page and are intentionally duplicated verbatim in each — a selector that doesn't match
   anything in a given component's scope is simply inert there. */

.ee__coupons[b-aji89qplde]  .error_state {
  color:var(--wd-color-brand-red);
  padding:30px 0;
}

.ee__coupons[b-aji89qplde]  .product-main {
  padding-bottom:40px;
}

.ee__coupons[b-aji89qplde]  .tab-view {
  display:none;
}

.ee__coupons[b-aji89qplde]  .product-main .pickedforyou {
  border:dashed 2px #979797;
  width:auto;
  height:362px;
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
  margin-bottom:20px;
}

@media(max-width:991px) and (min-width:768px) {
  .ee__coupons[b-aji89qplde]  .product-main .pickedforyou {
    padding:32px 88px;
  }
}

@media(max-width:767px) {
  .ee__coupons[b-aji89qplde]  .product-main .pickedforyou {
    padding:15px;
  }
}

.ee__coupons[b-aji89qplde]  .product-main .pickedforyou h3 {
  font-family: var(--wd-font-body);
  font-size:1.375em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.36;
  letter-spacing:-.31px;
  text-align:center;
  color:var(--wd-color-text);
}

.ee__coupons[b-aji89qplde]  .product-main .pickedforyou p {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
}

.ee__coupons[b-aji89qplde]  .product-main .pickedforyou .couponslog_cta {
  min-width:206px;
  height:49px;
  font-size:1.125em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.39;
  letter-spacing:-.03px;
  text-align:center;
  padding:12px 39px;
  display:inline-block;
  margin:20px 0 11px;
  font-family: var(--wd-font-body);
  text-decoration:none;
  cursor:pointer;
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}

.ee__coupons[b-aji89qplde]  .product-main .pickedforyou .couponslog_cta:focus {
  border:solid 2px #fff !important;
}

.ee__coupons[b-aji89qplde]  .product-main .pickedforyou .couponslog_cta:hover {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
}

@media(max-width:767px) {
  .ee__coupons[b-aji89qplde]  .product-main .pickedforyou .couponslog_cta {
    width:100%;
  }
}

@media(max-width:1200px) {
  .ee__coupons[b-aji89qplde]  .paddright32 {
    padding-right:0;
  }
  .ee__coupons[b-aji89qplde]  .tab-view {
    display:block;
    text-align:center;
    margin:50px 0;
  }
  .ee__coupons[b-aji89qplde]  .tab-view button {
    color:var(--wd-color-brand-red);
    border:none;
    background:none;
    font-size:.875em;
    font-weight:normal;
    font-stretch:normal;
    font-style:normal;
    line-height:normal;
    letter-spacing:-.23px;
    text-align:center;
    text-decoration:underline;
  }
  .ee__coupons[b-aji89qplde]  .p-lg-0 {
    padding:0;
  }
  .ee__coupons[b-aji89qplde]  .product-main {
    padding-bottom:20px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-aji89qplde]  .headline h1 {
    font-size:2.125em;
    padding:0 10px !important;
  }
  .ee__coupons[b-aji89qplde]  .item-slider .coupon__category .c-list button {
    font-size:.75em;
  }
  .ee__coupons[b-aji89qplde]  h2.sub-heading {
    font-size:1.125em;
  }
  .ee__coupons[b-aji89qplde]  h2.sub-heading span {
    font-size:.875em;
  }
  .ee__coupons[b-aji89qplde]  .drop-select button.btn {
    font-size:.875em;
  }
  .ee__coupons[b-aji89qplde]  .saving-nos span {
    font-size:.75em;
  }
  .ee__coupons[b-aji89qplde]  .saving-nos i.count {
    font-size:.75em;
  }
  .ee__coupons[b-aji89qplde]  .product-list .product-img {
    width:192px;
    height:115px;
  }
  .ee__coupons[b-aji89qplde]  .product-list h3 {
    font-size:1em;
  }
  .ee__coupons[b-aji89qplde]  .product-list p {
    font-size:.75em;
    height:34px;
    line-height:1.5;
  }
  .ee__coupons[b-aji89qplde]  .product-list a {
    font-size:.75em;
  }
  .ee__coupons[b-aji89qplde]  .product-list .product-info .couponadded__failed {
    font-size:.75em;
  }
  .ee__coupons[b-aji89qplde]  .cliping-grid {
    box-shadow:none;
    padding:0;
  }
  .ee__coupons[b-aji89qplde]  .cliping-grid p {
    font-size:.75em;
  }
  .ee__coupons[b-aji89qplde]  .heading {
    background-color:var(--wd-color-brand-red);
  }
  .ee__coupons[b-aji89qplde]  .heading h2,.ee__coupons[b-aji89qplde]  .heading h3 {
    margin:0;
    color:#fff;
    font-size:1.125em;
    font-weight:600;
    font-style:normal;
    line-height:1.38;
    letter-spacing:-.25px;
  }
  .ee__coupons[b-aji89qplde]  .heading.blue-bg h2,.ee__coupons[b-aji89qplde]  .heading.blue-bg h3 {
    color:#fff;
  }
  .ee__coupons[b-aji89qplde]  .list-main .list-info h2 {
    font-size:.75em;
  }
  .ee__coupons[b-aji89qplde]  .list-main .list-info p {
    font-size:.875em;
  }
  .ee__coupons[b-aji89qplde]  .save-list {
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    min-height:100%;
    margin:0 10px;
  }
  .ee__coupons[b-aji89qplde]  .save-list .s-list a {
    font-size:.875em;
    padding:12px 0;
  }
  .ee__coupons[b-aji89qplde]  .tab-view {
    margin:32px 0 48px;
  }
  .ee__coupons[b-aji89qplde]  .grid__twocoulmn {
    display:flex;
    margin-bottom:32px;
  }
  .ee__coupons[b-aji89qplde]  .grid__twocoulmn .grid__row.grid__row--right {
    margin-right:16px;
  }
  .ee__coupons[b-aji89qplde]  .grid__twocoulmn .grid__row.grid__row--left {
    margin-left:16px;
  }
  .ee__coupons[b-aji89qplde]  .main-btn {
    width:171px;
  }
  .ee__coupons[b-aji89qplde]  .clipped__saving .product-img {
    min-width:107px;
    width:107px;
    height:99px;
  }
  .ee__coupons[b-aji89qplde]  .container.filter-path {
    padding-bottom:15px;
  }
  .ee__coupons[b-aji89qplde]  .filter-coupon-section {
    margin:0 12px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-aji89qplde]  .container {
    padding:0 20px 80px 20px;
  }
  .ee__coupons[b-aji89qplde]  .container .headerbar {
    margin-bottom:18px;
  }
  .ee__coupons[b-aji89qplde]  .container .headline,.ee__coupons[b-aji89qplde]  .container .item-slider,.ee__coupons[b-aji89qplde]  .container #couponGallery,.ee__coupons[b-aji89qplde]  .container .header-inner {
    padding:0;
  }
  .ee__coupons[b-aji89qplde]  .container.filter-path {
    padding:10px 0;
  }
  .ee__coupons[b-aji89qplde]  .product-main {
    padding-bottom:0;
  }
  .ee__coupons[b-aji89qplde]  .headline h1 {
    font-size:30px;
    margin:24px 0 0;
    padding-bottom:10px;
    width:100%;
  }
  .ee__coupons[b-aji89qplde]  .item-slider {
    margin:0;
  }
  .ee__coupons[b-aji89qplde]  .item-slider .coupon__category .c-list button {
    font-size:.875em;
    padding:0;
    margin:10px 0 10px;
    max-width:inherit;
  }
  .ee__coupons[b-aji89qplde]  .item-slider .coupon__category .c-list .active__category {
    padding-bottom:5px;
  }
  .ee__coupons[b-aji89qplde]  h2.sub-heading {
    font-size:1.125em;
  }
  .ee__coupons[b-aji89qplde]  h2.sub-heading span {
    font-size:.875em;
  }
  .ee__coupons[b-aji89qplde]  .drop-select button.btn {
    font-size:.875em;
  }
  .ee__coupons[b-aji89qplde]  .product-list {
    padding:0 0 8px 0;
    border:solid 2px var(--wd-color-bread);
    cursor:pointer;
    display:flex;
    align-items:center;
    border-right:0;
    border-left:0;
    border-top:0;
    margin:0;
    width:100%;
    height:auto;
    min-height:0;
    border-radius:0;
  }
  .ee__coupons[b-aji89qplde]  .product-list .product-img {
    height:auto;
    min-width:100px;
    margin:0 12px 0 -4px;
    width:auto;
  }
  .ee__coupons[b-aji89qplde]  .product-list .product-img img {
    max-width:64px;
    height:64px;
  }
  .ee__coupons[b-aji89qplde]  .product-list .product-info {
    padding:0;
    height:auto;
    width:auto;
    align-items:center;
  }
  .ee__coupons[b-aji89qplde]  .product-list .product-info .product__sub_desc {
    position:absolute;
    right:5px;
    top:50px;
  }
  .ee__coupons[b-aji89qplde]  .product-list .product-info .product__sub_desc button {
    border:none;
    background:none;
  }
  .ee__coupons[b-aji89qplde]  .product-list .product-info .product__sub_desc button .icon-add-plus {
    width:30px;
    height:30px;
    transform:rotate(45deg);
    background:url(/Areas/V2/Images/add.svg);
  }
  .ee__coupons[b-aji89qplde]  .product-list .product-info .product__sub_desc button .icon-scissor {
    width:30px;
    height:30px;
    background:url(/Areas/V2/Images/scrissor.png);
  }
  .ee__coupons[b-aji89qplde]  .product-list .product-info .couponadded__failed {
    position:relative;
    padding-bottom:10px;
    margin:0;
  }
  .ee__coupons[b-aji89qplde]  .product-list h3 {
    font-size:1.125em;
    white-space:normal;
    word-break:break-word;
    padding-right:60px;
    margin-bottom:5px;
  }
  .ee__coupons[b-aji89qplde]  .product-list .er-span {
    height:auto !important;
    padding-right:60px;
  }
  .ee__coupons[b-aji89qplde]  .product-list p {
    padding-right:65px;
  }
  .ee__coupons[b-aji89qplde]  .product-list a {
    font-size:.875em;
    padding:0;
  }
  .ee__coupons[b-aji89qplde]  .product-list .left-info {
    padding:3px 10px;
  }
  .ee__coupons[b-aji89qplde]  .product-list:has(+div) {
    border-bottom:0;
  }
  .ee__coupons[b-aji89qplde]  .product-list:has(+div.ng-hide) {
    border-bottom:solid 2px var(--wd-color-bread);
  }
  .ee__coupons[b-aji89qplde]  .cliping-grid {
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    padding:15px;
  }
  .ee__coupons[b-aji89qplde]  .cliping-grid p {
    font-size:.75em;
  }
  .ee__coupons[b-aji89qplde]  .heading {
    background-color:var(--wd-color-brand-red);
  }
  .ee__coupons[b-aji89qplde]  .heading h2,.ee__coupons[b-aji89qplde]  .heading h3 {
    margin:0;
    color:#fff;
    font-size:1em;
    font-weight:600;
    font-style:normal;
    line-height:1.38;
    letter-spacing:-.25px;
  }
  .ee__coupons[b-aji89qplde]  .heading.blue-bg h2,.ee__coupons[b-aji89qplde]  .heading.blue-bg h3 {
    color:#fff;
  }
  .ee__coupons[b-aji89qplde]  .list-main .list-info h2 {
    font-size:.75em;
  }
  .ee__coupons[b-aji89qplde]  .list-main .list-info p {
    font-size:.875em;
  }
  .ee__coupons[b-aji89qplde]  .save-list {
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    margin-top:20px;
  }
  .ee__coupons[b-aji89qplde]  .save-list .s-list a {
    font-size:.875em;
  }
  .ee__coupons[b-aji89qplde]  .add-btn.minus-btn {
    width:150px;
  }
  .ee__coupons[b-aji89qplde]  .add-btn i {
    font-size:.75em;
    width:22px;
    height:22px;
    padding:0;
    padding-left:0;
    top:-1px;
    line-height:20px;
  }
  .ee__coupons[b-aji89qplde]  .product__sub_desc .coupon-add-btn {
    width:auto;
    display:block;
    background-color:transparent;
    border:none;
    color:var(--wd-color-text);
    font-size:.875em;
    margin:0;
    height:49px;
    font-family: var(--wd-font-body);
    font-weight:bold;
    font-size:.875em;
    font-style:normal;
    font-stretch:normal;
    line-height:normal;
    letter-spacing:normal;
    margin:24px 0;
    margin-right:0;
    width:125px;
    height:34px;
    display:inline-block;
    padding:0;
  }
  .ee__coupons[b-aji89qplde]  .coupon-add-btn-mob {
    margin:0;
    margin-right:0;
    font-size:.875em;
    font-weight:bold;
    width:35px;
    height:34px;
    display:inline-block;
    padding:0;
    color:var(--wd-color-text) !important;
  }
  .ee__coupons[b-aji89qplde]  .coupon-add-btn-mob:hover {
    background:none !important;
    color:var(--wd-color-text) !important;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-aji89qplde]  .con-device-btn {
    font-family:SEGFoco;
    font-weight:700;
    font-size:.875em;
    line-height:20px;
    letter-spacing:-.23px;
    color:#2f723c;
  }
  .ee__coupons[b-aji89qplde]  .main-modal .add-btn {
    padding:0;
    display:block;
  }
  .ee__coupons[b-aji89qplde]  .main-modal .coupon-add-btn {
    display:block;
  }
  .ee__coupons[b-aji89qplde]  .main-modal .total-count {
    margin:0 -25px;
  }
  .ee__coupons[b-aji89qplde]  .main-modal .more-info p {
    padding-bottom:29px;
  }
  .ee__coupons[b-aji89qplde]  .clippedCoupon {
    display:flex;
    align-items:center;
    padding:0 9px;
    color:#fff;
    background-color:var(--wd-color-brand-red);
    border:1px solid #fff;
    width:50px;
    height:50px;
    text-align:center;
    line-height:20px;
    border-radius:50px;
    bottom:10%;
    right:32px;
    position:fixed;
    z-index:1051;
  }
  .ee__coupons[b-aji89qplde]  .clippedCoupon .clippedCount {
    background-color:#fedb00;
    border:1px solid #fff;
    width:30px;
    height:30px;
    text-align:center;
    line-height:20px;
    border-radius:50px;
    margin-right:9px;
    font-size:.75em;
    color:var(--wd-color-brand-red);
    font-style:normal;
    font-weight:600;
    position:relative;
    padding:5px;
    min-width:30px;
    min-height:30px;
  }
  .ee__coupons[b-aji89qplde]  .clippedCoupon .clippedCount:after {
    content:"";
    font-family:fontawesome;
    position:absolute;
    top:-6px;
    background-color:#fff;
    height:20px;
    width:20px;
    line-height:10px;
    left:23px;
    text-align:center;
    font-size:.75em;
    border-radius:50px;
    -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
    -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
    box-shadow:0 0 5px 0 rgba(0,0,0,.75);
    padding:5px;
  }
  .ee__coupons[b-aji89qplde]  .coupon-wrapper .bx-controls {
    display:none;
  }
  .ee__coupons[b-aji89qplde]  .tab-view {
    margin:16px 0 48px;
  }
  .ee__coupons[b-aji89qplde]  .modal.right.fade.in .modal-dialog {
    margin-top:0;
  }
  .ee__coupons[b-aji89qplde]  .main-btn {
    width:230px;
  }
  .ee__coupons[b-aji89qplde]  .clipped__saving .product-img {
    min-width:77px;
    width:77px;
    height:auto;
  }
  .ee__coupons[b-aji89qplde]  .custom-panel {
    border-top:none;
  }
  .ee__coupons[b-aji89qplde]  .custom-panel .tab-content {
    margin:20px 0;
  }
  .ee__coupons[b-aji89qplde]  .fiter-stripe {
    margin:0 -22px;
  }
  .ee__coupons[b-aji89qplde]  .modal-content {
    border-radius:0;
  }
  .ee__coupons[b-aji89qplde]  .filter-coupon-section {
    padding:0 !important;
  }
}
/* /Components/Coupons/DesktopSidebar.razor.rz.scp.css */
/* Moved from the original page .razor.css when DesktopSidebar was extracted into its own
   component. Some rules below were shared with sibling components extracted from the same
   page and are intentionally duplicated verbatim in each — a selector that doesn't match
   anything in a given component's scope is simply inert there. */

.ee__coupons[b-7dqfk3xw9o]  .heading {
  background-color:var(--wd-color-brand-red);
  padding:15px 16px;
  border-radius:4px 4px 0 0;
}

.ee__coupons[b-7dqfk3xw9o]  .heading h3 {
  margin:0;
  color:#fff;
  font-size:1em;
  font-weight:600;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
}

.ee__coupons[b-7dqfk3xw9o]  .heading h2 {
  margin:0;
  color:#fff;
  font-size:1.125em;
  font-weight:600;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
}

.ee__coupons[b-7dqfk3xw9o]  .mb-2 {
  margin-bottom:20px;
}

.ee__coupons[b-7dqfk3xw9o]  .save-list {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  border-radius:4px;
}

.ee__coupons[b-7dqfk3xw9o]  .save-list .s-list {
  padding-bottom:16px;
}

.ee__coupons[b-7dqfk3xw9o]  .save-list .s-list li {
  position:relative;
  margin:0;
  padding:0;
  list-style-type:none;
}

.ee__coupons[b-7dqfk3xw9o]  .save-list .s-list li a {
  display:block;
  color:var(--wd-color-text);
  font-size:1em;
  font-weight:600;
  line-height:1.56;
  letter-spacing:-.27px;
  padding:15px 16px;
}

.ee__coupons[b-7dqfk3xw9o]  .save-list .s-list li a:hover,.ee__coupons[b-7dqfk3xw9o]  .save-list .s-list li a:focus {
  background-color:rgba(200,16,46,.1);
  text-decoration:none !important;
  color:var(--wd-color-text) !important;
  border-radius:4px 4px 0 0;
}

.ee__coupons[b-7dqfk3xw9o]  .save-list .s-list li a:hover:before,.ee__coupons[b-7dqfk3xw9o]  .save-list .s-list li a:focus:before {
  position:absolute;
  content:"";
  height:35px;
  width:4px;
  background-color:var(--wd-color-brand-red);
  left:0;
  bottom:0;
  z-index:1;
  border-radius:0 6px 6px 0;
  top:0;
  border:none;
  margin-top:auto;
  margin-bottom:auto;
}

.ee__coupons[b-7dqfk3xw9o]  .save-list .heading h3 {
  font-weight:normal;
}

.ee__coupons[b-7dqfk3xw9o]  .grid__twocoulmn .grid__row {
  padding:0;
}

@media(max-width:1199px) and (min-width:992px) {
  .ee__coupons[b-7dqfk3xw9o]  .container .headline,.ee__coupons[b-7dqfk3xw9o]  .container .item-slider,.ee__coupons[b-7dqfk3xw9o]  .container .header-inner {
    width:970px;
    padding:0 25px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .container #couponGallery {
    width:100%;
    padding:0 25px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .grid__twocoulmn {
    display:flex;
    margin-bottom:32px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .grid__twocoulmn .grid__row.grid__row--right {
    margin-right:16px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .grid__twocoulmn .grid__row.grid__row--left {
    margin-left:16px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .cliping-grid {
    box-shadow:none;
    padding:0;
  }
  .ee__coupons[b-7dqfk3xw9o]  .save-list {
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    min-height:100%;
  }
  .ee__coupons[b-7dqfk3xw9o]  .save-list .s-list a {
    padding:12px 0;
  }
}

.ee__coupons[b-7dqfk3xw9o]  .new_filtersection h3 {
  text-align:left;
  font:normal normal 600 18px/22px Asap;
  letter-spacing:0;
  opacity:1;
  color:var(--wd-color-text) !important;
}

.ee__coupons[b-7dqfk3xw9o]  .new_filtersection .items_calc {
  padding-bottom:20px;
  border-bottom:2px solid var(--wd-color-bread);
  margin-bottom:20px;
}

.ee__coupons[b-7dqfk3xw9o]  .new_filtersection .subcatg_filter .ul_Brands {
  border:1px solid var(--wd-color-bread);
  border-radius:4px;
  padding:2px 0;
}

.ee__coupons[b-7dqfk3xw9o]  .filter-coupon-section .filterList .filterclear .clrfilterbtn {
  background:none;
  border:none;
  font-family: var(--wd-font-body);
}

.ee__coupons[b-7dqfk3xw9o]  .filter-coupon-section .filter-modal .modal-dialog .clearfiltermob button.clrfilterbtn {
  border:none;
  background:none;
  text-decoration:underline;
  color:var(--wd-color-brand-red);
  font-size:.875em;
  padding-right:0;
}

.ee__coupons[b-7dqfk3xw9o]  .new_filtersection .clearFilterDiv {
  border-bottom:2px solid var(--wd-color-bread);
  padding-bottom:20px;
}

.ee__coupons[b-7dqfk3xw9o]  .new_filtersection .clearFilterDiv .clrfilterbtn {
  text-decoration:underline;
  color:var(--wd-color-text);
  border:none;
  background-color:#fff;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
}

.ee__coupons[b-7dqfk3xw9o]  .new_filtersection .clearFilterDiv .clrfilterbtn:hover,.ee__coupons[b-7dqfk3xw9o]  .new_filtersection .clearFilterDiv .clrfilterbtn:focus {
  font-weight:bold;
}

.ee__coupons[b-7dqfk3xw9o]  .new_filtersection .category_filter {
  border-bottom:2px solid var(--wd-color-bread);
  padding-bottom:20px;
}

.ee__coupons[b-7dqfk3xw9o]  .new_filtersection .subcatg_filter {
  border-bottom:2px solid var(--wd-color-bread);
  padding-bottom:20px;
  margin-bottom:20px;
}

.ee__coupons[b-7dqfk3xw9o]  .new_filtersection .subcatg_filter ul {
  opacity:1;
  max-height:486px;
  overflow-y:scroll;
  padding:17px;
  cursor:pointer;
  overflow-x:hidden;
}

.ee__coupons[b-7dqfk3xw9o]  .new_filtersection .subcatg_filter ul li {
  width:max-content;
}

.ee__coupons[b-7dqfk3xw9o]  .new_filtersection .subcatg_filter ul li {
  width:max-content;
}

.ee__coupons[b-7dqfk3xw9o]  .new_filtersection .subcatg_filter ul::-webkit-scrollbar {
  width:2px;
}

.ee__coupons[b-7dqfk3xw9o]  .new_filtersection .subcatg_filter ul::-webkit-scrollbar-track {
  background:#fff;
}

.ee__coupons[b-7dqfk3xw9o]  .new_filtersection .subcatg_filter ul::-webkit-scrollbar-thumb {
  background:var(--wd-color-bread);
}

.ee__coupons[b-7dqfk3xw9o]  .new_filtersection .subcatg_filter ul::-webkit-scrollbar-thumb:hover {
  background:var(--wd-color-bread);
}

.ee__coupons[b-7dqfk3xw9o]  .new_filtersection .subcatg_filter ul li button.allbrand {
  background:none;
  border:0;
  font-size:1em;
  font-weight:normal;
  margin:2px 5px;
  border-radius:4px;
  padding:4px 6px;
  color:var(--wd-color-text);
}

.ee__coupons[b-7dqfk3xw9o]  .new_filtersection .subcatg_filter ul li button.allbrand:hover,.ee__coupons[b-7dqfk3xw9o]  .new_filtersection .subcatg_filter ul li button.allbrand:focus {
  text-decoration:underline;
  font-weight:bold;
}

.ee__coupons[b-7dqfk3xw9o]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .clearFilterDiv {
  padding:15px 0 20px 0;
}

.ee__coupons[b-7dqfk3xw9o]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .clearFilterDiv .clrfilterbtn {
  text-decoration:underline;
  color:var(--wd-color-brand-red);
  border:none;
  background-color:#fff;
  padding:0;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
}

@media screen and (max-width:993px) and (min-width:768px) {
  .ee__coupons[b-7dqfk3xw9o]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .clearFilterDiv .clrfilterbtn {
    font-size:1.125em;
  }
}

.ee__coupons[b-7dqfk3xw9o]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .clearFilterDiv .clrfilterbtn:hover {
  font-weight:bold;
}

.ee__coupons[b-7dqfk3xw9o]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .category_filter h3 {
  font-family: var(--wd-font-body);
  font-size:18px;
  font-weight:600;
  color:var(--wd-color-text);
}

.ee__coupons[b-7dqfk3xw9o]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .category_filter ul {
  margin-left:-5px;
  border-bottom:1px solid var(--wd-color-bread);
  padding-bottom:15px;
}

.ee__coupons[b-7dqfk3xw9o]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .subcatg_filter h3 {
  font-family: var(--wd-font-body);
  font-size:18px;
  font-weight:600;
  color:var(--wd-color-text);
}

.ee__coupons[b-7dqfk3xw9o]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .subcatg_filter ul {
  margin-left:-9px;
}

.ee__coupons[b-7dqfk3xw9o]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .subcatg_filter ul li button.allbrand {
  background:none;
  border:0;
  font-size:1em;
  font-weight:normal;
  margin:4px 6px;
  border-radius:4px;
  padding:4px 6px;
  color:var(--wd-color-text);
}

@media(max-width:1200px) {
  .ee__coupons[b-7dqfk3xw9o]  .paddright32 {
    padding-right:0;
  }
  .ee__coupons[b-7dqfk3xw9o]  .tab-view {
    display:block;
    text-align:center;
    margin:50px 0;
  }
  .ee__coupons[b-7dqfk3xw9o]  .tab-view button {
    color:var(--wd-color-brand-red);
    border:none;
    background:none;
    font-size:.875em;
    font-weight:normal;
    font-stretch:normal;
    font-style:normal;
    line-height:normal;
    letter-spacing:-.23px;
    text-align:center;
    text-decoration:underline;
  }
  .ee__coupons[b-7dqfk3xw9o]  .p-lg-0 {
    padding:0;
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-main {
    padding-bottom:20px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-7dqfk3xw9o]  .headline h1 {
    font-size:2.125em;
    padding:0 10px !important;
  }
  .ee__coupons[b-7dqfk3xw9o]  .item-slider .coupon__category .c-list button {
    font-size:.75em;
  }
  .ee__coupons[b-7dqfk3xw9o]  h2.sub-heading {
    font-size:1.125em;
  }
  .ee__coupons[b-7dqfk3xw9o]  h2.sub-heading span {
    font-size:.875em;
  }
  .ee__coupons[b-7dqfk3xw9o]  .drop-select button.btn {
    font-size:.875em;
  }
  .ee__coupons[b-7dqfk3xw9o]  .saving-nos span {
    font-size:.75em;
  }
  .ee__coupons[b-7dqfk3xw9o]  .saving-nos i.count {
    font-size:.75em;
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-list .product-img {
    width:192px;
    height:115px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-list h3 {
    font-size:1em;
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-list p {
    font-size:.75em;
    height:34px;
    line-height:1.5;
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-list a {
    font-size:.75em;
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-list .product-info .couponadded__failed {
    font-size:.75em;
  }
  .ee__coupons[b-7dqfk3xw9o]  .cliping-grid {
    box-shadow:none;
    padding:0;
  }
  .ee__coupons[b-7dqfk3xw9o]  .cliping-grid p {
    font-size:.75em;
  }
  .ee__coupons[b-7dqfk3xw9o]  .heading {
    background-color:var(--wd-color-brand-red);
  }
  .ee__coupons[b-7dqfk3xw9o]  .heading h2,.ee__coupons[b-7dqfk3xw9o]  .heading h3 {
    margin:0;
    color:#fff;
    font-size:1.125em;
    font-weight:600;
    font-style:normal;
    line-height:1.38;
    letter-spacing:-.25px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .heading.blue-bg h2,.ee__coupons[b-7dqfk3xw9o]  .heading.blue-bg h3 {
    color:#fff;
  }
  .ee__coupons[b-7dqfk3xw9o]  .list-main .list-info h2 {
    font-size:.75em;
  }
  .ee__coupons[b-7dqfk3xw9o]  .list-main .list-info p {
    font-size:.875em;
  }
  .ee__coupons[b-7dqfk3xw9o]  .save-list {
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    min-height:100%;
    margin:0 10px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .save-list .s-list a {
    font-size:.875em;
    padding:12px 0;
  }
  .ee__coupons[b-7dqfk3xw9o]  .tab-view {
    margin:32px 0 48px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .grid__twocoulmn {
    display:flex;
    margin-bottom:32px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .grid__twocoulmn .grid__row.grid__row--right {
    margin-right:16px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .grid__twocoulmn .grid__row.grid__row--left {
    margin-left:16px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .main-btn {
    width:171px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .clipped__saving .product-img {
    min-width:107px;
    width:107px;
    height:99px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .container.filter-path {
    padding-bottom:15px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .filter-coupon-section {
    margin:0 12px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-7dqfk3xw9o]  .container {
    padding:0 20px 80px 20px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .container .headerbar {
    margin-bottom:18px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .container .headline,.ee__coupons[b-7dqfk3xw9o]  .container .item-slider,.ee__coupons[b-7dqfk3xw9o]  .container #couponGallery,.ee__coupons[b-7dqfk3xw9o]  .container .header-inner {
    padding:0;
  }
  .ee__coupons[b-7dqfk3xw9o]  .container.filter-path {
    padding:10px 0;
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-main {
    padding-bottom:0;
  }
  .ee__coupons[b-7dqfk3xw9o]  .headline h1 {
    font-size:30px;
    margin:24px 0 0;
    padding-bottom:10px;
    width:100%;
  }
  .ee__coupons[b-7dqfk3xw9o]  .item-slider {
    margin:0;
  }
  .ee__coupons[b-7dqfk3xw9o]  .item-slider .coupon__category .c-list button {
    font-size:.875em;
    padding:0;
    margin:10px 0 10px;
    max-width:inherit;
  }
  .ee__coupons[b-7dqfk3xw9o]  .item-slider .coupon__category .c-list .active__category {
    padding-bottom:5px;
  }
  .ee__coupons[b-7dqfk3xw9o]  h2.sub-heading {
    font-size:1.125em;
  }
  .ee__coupons[b-7dqfk3xw9o]  h2.sub-heading span {
    font-size:.875em;
  }
  .ee__coupons[b-7dqfk3xw9o]  .drop-select button.btn {
    font-size:.875em;
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-list {
    padding:0 0 8px 0;
    border:solid 2px var(--wd-color-bread);
    cursor:pointer;
    display:flex;
    align-items:center;
    border-right:0;
    border-left:0;
    border-top:0;
    margin:0;
    width:100%;
    height:auto;
    min-height:0;
    border-radius:0;
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-list .product-img {
    height:auto;
    min-width:100px;
    margin:0 12px 0 -4px;
    width:auto;
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-list .product-img img {
    max-width:64px;
    height:64px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-list .product-info {
    padding:0;
    height:auto;
    width:auto;
    align-items:center;
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-list .product-info .product__sub_desc {
    position:absolute;
    right:5px;
    top:50px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-list .product-info .product__sub_desc button {
    border:none;
    background:none;
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-list .product-info .product__sub_desc button .icon-add-plus {
    width:30px;
    height:30px;
    transform:rotate(45deg);
    background:url(/Areas/V2/Images/add.svg);
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-list .product-info .product__sub_desc button .icon-scissor {
    width:30px;
    height:30px;
    background:url(/Areas/V2/Images/scrissor.png);
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-list .product-info .couponadded__failed {
    position:relative;
    padding-bottom:10px;
    margin:0;
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-list h3 {
    font-size:1.125em;
    white-space:normal;
    word-break:break-word;
    padding-right:60px;
    margin-bottom:5px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-list .er-span {
    height:auto !important;
    padding-right:60px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-list p {
    padding-right:65px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-list a {
    font-size:.875em;
    padding:0;
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-list .left-info {
    padding:3px 10px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-list:has(+div) {
    border-bottom:0;
  }
  .ee__coupons[b-7dqfk3xw9o]  .product-list:has(+div.ng-hide) {
    border-bottom:solid 2px var(--wd-color-bread);
  }
  .ee__coupons[b-7dqfk3xw9o]  .cliping-grid {
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    padding:15px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .cliping-grid p {
    font-size:.75em;
  }
  .ee__coupons[b-7dqfk3xw9o]  .heading {
    background-color:var(--wd-color-brand-red);
  }
  .ee__coupons[b-7dqfk3xw9o]  .heading h2,.ee__coupons[b-7dqfk3xw9o]  .heading h3 {
    margin:0;
    color:#fff;
    font-size:1em;
    font-weight:600;
    font-style:normal;
    line-height:1.38;
    letter-spacing:-.25px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .heading.blue-bg h2,.ee__coupons[b-7dqfk3xw9o]  .heading.blue-bg h3 {
    color:#fff;
  }
  .ee__coupons[b-7dqfk3xw9o]  .list-main .list-info h2 {
    font-size:.75em;
  }
  .ee__coupons[b-7dqfk3xw9o]  .list-main .list-info p {
    font-size:.875em;
  }
  .ee__coupons[b-7dqfk3xw9o]  .save-list {
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    margin-top:20px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .save-list .s-list a {
    font-size:.875em;
  }
  .ee__coupons[b-7dqfk3xw9o]  .add-btn.minus-btn {
    width:150px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .add-btn i {
    font-size:.75em;
    width:22px;
    height:22px;
    padding:0;
    padding-left:0;
    top:-1px;
    line-height:20px;
  }
  .ee__coupons[b-7dqfk3xw9o]  .product__sub_desc .coupon-add-btn {
    width:auto;
    display:block;
    background-color:transparent;
    border:none;
    color:var(--wd-color-text);
    font-size:.875em;
    margin:0;
    height:49px;
    font-family: var(--wd-font-body);
    font-weight:bold;
    font-size:.875em;
    font-style:normal;
    font-stretch:normal;
    line-height:normal;
    letter-spacing:normal;
    margin:24px 0;
    margin-right:0;
    width:125px;
    height:34px;
    display:inline-block;
    padding:0;
  }
  .ee__coupons[b-7dqfk3xw9o]  .coupon-add-btn-mob {
    margin:0;
    margin-right:0;
    font-size:.875em;
    font-weight:bold;
    width:35px;
    height:34px;
    display:inline-block;
    padding:0;
    color:var(--wd-color-text) !important;
  }
  .ee__coupons[b-7dqfk3xw9o]  .coupon-add-btn-mob:hover {
    background:none !important;
    color:var(--wd-color-text) !important;
  }
}
/* /Components/Coupons/MobileFilterBar.razor.rz.scp.css */
/* Moved from the original page .razor.css when MobileFilterBar was extracted into its own
   component. Some rules below were shared with sibling components extracted from the same
   page and are intentionally duplicated verbatim in each — a selector that doesn't match
   anything in a given component's scope is simply inert there. */

.ee__coupons[b-rkbkwje6yz]  .container {
  padding-bottom:80px;
}

.ee__coupons[b-rkbkwje6yz]  .container.filter-path {
  padding-bottom:0;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section {
  padding-top:10px;
}

@media(min-width:992px) {
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section {
    display:none;
  }
}

@media(max-width:767px) {
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section {
    padding:0 !important;
  }
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter {
  background-color:#fff;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.15);
  padding:13px 0;
  position:relative;
  margin-bottom:25px;
}

@media(max-width:991px) {
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter {
    box-shadow:none;
    margin-bottom:0 !important;
    padding:0;
  }
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter .filter-modal {
    top:185px;
    padding-right:0 !important;
  }
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter .mobonly .mobile-filter {
  display:flex;
  justify-content:space-between;
  padding-right:22px;
}

@media(max-width:767px) {
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter .mobonly .mobile-filter {
    padding:0;
    margin-bottom:10px;
    padding-right:0;
  }
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter .mobonly .mobile-filter .mobfilterheader {
  font-family: var(--wd-font-body);
  font-weight:bold;
  color:var(--wd-color-brand-red);
  margin-bottom:0;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter .mobonly .mobile-filter .mobfilterheader h3 {
  font-size:1.375em;
  margin:0;
  height:auto;
  font-weight:bold;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter .mobonly .SortAreaMob {
  display:flex;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter .mobonly .SortAreaMob h3 {
  padding-left:8px;
  padding-top:11px;
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-weight:600;
  color:var(--wd-color-brand-red);
  margin-bottom:0;
  height:auto;
}

@media(min-width:100px) and (max-width:419px) {
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter .mobonly .SortAreaMob h3 {
    padding-left:4px;
  }
}

@media(max-width:1024px) {
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter .mobonly .SortAreaMob h3 {
    padding-top:0;
    margin:4px;
  }
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter .mobonly .SortAreaMob button.filter-btn {
  background:none;
  border:none;
  display:flex;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter p {
  font-weight:600;
  color:var(--wd-color-text);
  margin:0;
  font-size:.75em;
  line-height:26px;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .filterList.container {
  width:1170px;
  margin:0 auto;
}

@media(max-width:768px) {
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .filterList.container {
    width:750px;
  }
}

@media(max-width:1199px) and (min-width:992px) {
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .filterList.container {
    width:970px;
  }
}

@media(min-width:100px) and (max-width:419px) {
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter .mobonly .SortAreaMob h3 {
    padding-left:4px;
  }
}

@media(max-width:1024px) {
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter .mobonly .SortAreaMob h3 {
    padding-top:0;
  }
}

@media(max-width:768px) {
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .filterList.container {
    width:750px;
  }
  .ee__coupons[b-rkbkwje6yz]  .container.filter-path {
    padding:10px 0;
  }
}

@media(min-width:768px) {
  .ee__coupons[b-rkbkwje6yz]  .container.filter-path {
    padding-bottom:15px;
  }
}

@media(max-width:1199px) and (min-width:992px) {
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .filterList.container {
    width:970px;
  }
}

@media(min-width:992px) {
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .container.filter-path {
    width:100% !important;
    padding:0;
  }
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .mobonly {
    display:none;
  }
}

.ee__coupons[b-rkbkwje6yz]  h2.sub-heading {
  font-size:2.25em;
  color:var(--wd-color-brand-red);
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.18;
  letter-spacing:-.25px;
  margin:4px;
  margin-bottom:32px;
}

.ee__coupons[b-rkbkwje6yz]  h2.sub-heading span {
  font-size:16px;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
}

.ee__coupons[b-rkbkwje6yz]  .main-btn {
  padding:10px 15px;
  width:171px;
  min-height:49px;
  font-size:1.125em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.39;
  letter-spacing:-.03px;
  text-align:center;
  height:auto;
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}

.ee__coupons[b-rkbkwje6yz]  .main-btn:hover {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
}

.ee__coupons[b-rkbkwje6yz]  .main-btn:focus {
  border:solid 2px #fff !important;
}

.ee__coupons[b-rkbkwje6yz]  .main-btn:link {
  display:block;
}

.zoomTxt .ee__coupons[b-rkbkwje6yz]  h2 .sub-heading {
  text-align:left;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter .mobile-filter {
  align-items:flex-end;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter .mobile-filter .mobfilterheader h3 {
  color:var(--wd-color-text);
  font-size:16px !important;
  font-weight:bold;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter .mobile-filter .SortAreaMob button.filter-btn {
  background:none;
  border:2px solid var(--wd-color-bread);
  border-radius:4px;
  padding:0 10px;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter .mobile-filter .SortAreaMob button.filter-btn h3 {
  color:var(--wd-color-text);
  font-size:16px;
  font-weight:bold;
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal {
  top:144px;
  z-index:2020;
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .modal-heading {
  display:flex;
  justify-content:space-between;
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .modal-heading span {
  font-size:34px;
  color:var(--wd-color-brand-red);
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .modal-content {
  background-color:#fff;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter .mobonly .sortOrderDropdown .drop-select a.btn {
  padding:10px;
  font-weight:600;
  font-size:1em;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter .filter-dropdown .filter-list li .dropdown.open .dropdown-menu {
  top:34px;
  border:none;
  border-radius:0;
  padding:15px 0;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter .filter-dropdown .filter-list li .dropdown button.dropdown-toggle {
  border:none;
  background-color:transparent;
  color:var(--wd-color-brand-red);
  font-size:.75em;
  font-weight:500;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section ul.filterList li.sortbySec {
  position:relative;
  left:35%;
}

@media(max-width:1024px) {
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section ul.filterList li.sortbySec {
    left:48%;
  }
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .filterList .filterclear .clrfilterbtn {
  background:none;
  border:none;
  font-family: var(--wd-font-body);
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .dropdown-menu {
  padding:10px;
  border:none;
  overflow:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  max-height:340px;
  margin-top:2px;
  box-shadow:0 2px 8px 0 rgba(0,0,0,.5);
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .dropdown-menu ul {
  list-style:none;
  padding:0;
  margin:0;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .dropdown-menu li {
  white-space:nowrap;
  margin-bottom:8px;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .dropdown-menu::-webkit-scrollbar {
  width:2px;
  border-radius:4px;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .dropdown-menu::-webkit-scrollbar-thumb {
  background-color:var(--wd-color-border);
  border-radius:4px;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .dropdown-toggle[aria-expanded="false"]::after {
  font-family:FontAwesome;
  content:"";
  color:var(--wd-color-brand-red);
  border:none;
  font-size:.75em;
  vertical-align:2px;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .dropdown-toggle[aria-expanded="true"]::after {
  font-family:FontAwesome;
  content:"";
  color:var(--wd-color-brand-red);
  border:none;
  font-size:.75em;
  vertical-align:2px;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .filter-modal .header-modal button.close {
  opacity:1;
  float:right;
  right:20px;
  position:absolute;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .filter-modal .header-modal button.close img {
  width:16px;
  height:16px;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .filter-modal .modal-dialog {
  margin:0;
  border-radius:0;
  border:none;
  width:100%;
  height:100%;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .filter-modal .modal-dialog .modal-content {
  border:none;
  border-radius:0;
  padding-top:24px;
  padding-bottom:30px;
  height:100%;
  overflow:auto;
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .filter-modal .modal-dialog .modal-content {
    height:auto;
    overflow:initial;
  }
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .filter-modal .modal-dialog .modal-content h3 {
  color:var(--wd-color-text);
  font-family: var(--wd-font-body);
  font-size:1.375em;
  font-weight:bold;
  margin:0;
  margin-right:10px;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .filter-modal .modal-dialog .modal-content .modal-body {
  padding:10px 20px;
  padding-bottom:0;
  display:flow-root;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .filter-modal .modal-dialog .modal-footer {
  text-align:center;
  border:none;
  padding:5px 0;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .filter-modal .modal-dialog .clearfiltermob button.clrfilterbtn {
  border:none;
  background:none;
  text-decoration:underline;
  color:var(--wd-color-brand-red);
  font-size:.875em;
  padding-right:0;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .modal.left .modal-dialog,.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .modal.right .modal-dialog {
  position:fixed;
  margin:auto;
  width:320px;
  height:100%;
  -webkit-transform:translate3d(0%,0,0);
  -ms-transform:translate3d(0%,0,0);
  -o-transform:translate3d(0%,0,0);
  transform:translate3d(0%,0,0);
}

@media(max-width:767px) {
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .modal.left .modal-dialog,.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .modal.right .modal-dialog {
    width:100%;
  }
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .sortOrderDropdown .drop-select {
  background-color:#fff;
  border:1px solid var(--wd-color-border);
  min-width:200px;
  position:relative;
  height:41px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .sortOrderDropdown .drop-select a.btn {
  font-size:1em;
  color:var(--wd-color-text);
  font-weight:600;
  box-shadow:none !important;
  width:100%;
  text-align:left;
  padding:5px 5px 5px 54px;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .sortOrderDropdown .drop-select a.btn:before {
  content:attr(data-before);
  font-weight:400;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .sortOrderDropdown .drop-select .dropdown-menu {
  border:1px solid var(--wd-color-border);
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .sortOrderDropdown .drop-select .open>.dropdown-menu {
  display:block;
  width:100%;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .sortOrderDropdown .drop-select .dropdown-submenu:hover .dropdown-menu {
  top:0;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .sortOrderDropdown .drop-select ul.dropdown-menu {
  min-width:100% !important;
  border-radius:4px;
  padding:10px 0;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .sortOrderDropdown .drop-select ul.dropdown-menu li a {
  color:var(--wd-color-text);
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .sortOrderDropdown .drop-select ul.dropdown-menu li a:focus,.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .sortOrderDropdown .drop-select ul.dropdown-menu li a:hover {
  background-color:var(--wd-color-brand-red) !important;
  background-image:none;
  color:#fff;
  filter:none;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .sortOrderDropdown .drop-select ul.dropdown-menu li button {
  color:var(--wd-color-text);
  padding:5px 14px;
  border-style:none;
  width:-webkit-fill-available;
  color:var(--wd-color-text);
  background-color:transparent;
  border-style:none;
  display:block;
  clear:both;
  font-weight:400;
  line-height:1.42857143;
  white-space:nowrap;
  font-family: var(--wd-font-body);
  text-align:left;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .sortOrderDropdown .drop-select ul.dropdown-menu li button:hover {
  background-color:var(--wd-color-brand-red) !important;
  background-image:none;
  color:#fff;
  filter:none;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .sortOrderDropdown .btn-group.drop-select .btn:after {
  padding-left:20px;
  border:none;
  font-family:FontAwesome;
  content:"";
  color:var(--wd-color-brand-red);
  font-size:.75em;
  right:18px;
  top:6px;
  float:right;
}

.ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .sortOrderDropdown .btn-group.drop-select.open .btn:after {
  border:none;
  font-family:FontAwesome;
  color:var(--wd-color-brand-red);
  font-size:.75em;
  content:"";
}

.ee__coupons[b-rkbkwje6yz]  .coupon-detail-modal .modal-title {
  float:left;
  font-size:1.375em;
  font-weight:bold;
  font-family: var(--wd-font-body);
  color:var(--wd-color-brand-red);
  letter-spacing:-.31px;
}

.ee__coupons[b-rkbkwje6yz]  .coupon-detail-modal .modal-dialog {
  width:480px;
  height:auto;
}

@media(max-width:767px) {
  .ee__coupons[b-rkbkwje6yz]  .coupon-detail-modal .modal-dialog {
    width:auto;
  }
}

.ee__coupons[b-rkbkwje6yz]  .coupon-detail-modal .modal-content {
  width:483px;
  padding:32px;
  background-color:#fff;
  border-radius:0;
  box-shadow:0 2px 14px 0 var(--wd-color-border);
}

@media(max-width:767px) {
  .ee__coupons[b-rkbkwje6yz]  .coupon-detail-modal .modal-content {
    width:100%;
    padding:25px;
  }
}

.ee__coupons[b-rkbkwje6yz]  .coupon-detail-modal .modal-content .modal-body {
  padding:0;
  margin-top:30px;
}

.ee__coupons[b-rkbkwje6yz]  .congrats-detail-modal h2.modal-title {
  font-family: var(--wd-font-body);
  font-weight:700;
  font-size:1.375em;
  line-height:30px;
  letter-spacing:-.31px;
  text-align:center;
  vertical-align:middle;
  color:var(--wd-color-brand-red);
  margin:15px 0;
}

.ee__coupons[b-rkbkwje6yz]  .congrats-detail-modal .modal-dialog {
  width:480px;
  height:auto;
}

@media(max-width:767px) {
  .ee__coupons[b-rkbkwje6yz]  .congrats-detail-modal .modal-dialog {
    width:auto;
  }
}

.ee__coupons[b-rkbkwje6yz]  .congrats-detail-modal .modal-content {
  width:483px;
  padding:64px 30px 0 32px;
  background-color:#fff;
  border-radius:0;
  box-shadow:0 2px 14px 0 var(--wd-color-border);
  text-align:center;
}

@media(max-width:767px) {
  .ee__coupons[b-rkbkwje6yz]  .congrats-detail-modal .modal-content {
    width:100%;
    padding:25px;
    border-radius:8px;
  }
}

.ee__coupons[b-rkbkwje6yz]  .congrats-detail-modal .modal-content .modal-body {
  padding:0;
}

@media(max-width:767px) {
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .modal.left .modal-dialog {
    width:100%;
  }
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .modal.right .modal-dialog {
    width:100%;
  }
}

.ee__coupons[b-rkbkwje6yz]  .drop-select {
  background-color:#fff;
  border:2px solid var(--wd-color-bread);
  min-width:168px;
  height:41px;
  position:relative;
  border-radius:4px;
}

.ee__coupons[b-rkbkwje6yz]  .drop-select button.btn {
  font-size:16px;
  font-stretch:normal;
  font-style:normal;
  line-height:22px;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  font-weight:600;
  width:100%;
  padding:6px 9px;
  background:#fff;
}

.ee__coupons[b-rkbkwje6yz]  .drop-select button.btn:before {
  content:attr(data-before);
  padding-right:8px;
  font-weight:normal;
}

.ee__coupons[b-rkbkwje6yz]  .drop-select button.btn:active {
  -webkit-box-shadow:none;
  box-shadow:none;
}

.ee__coupons[b-rkbkwje6yz]  .drop-select .open>.dropdown-menu {
  display:block;
  width:100%;
}

.ee__coupons[b-rkbkwje6yz]  .drop-select .dropdown-submenu:hover .dropdown-menu {
  top:0;
}

.ee__coupons[b-rkbkwje6yz]  .drop-select ul.dropdown-menu {
  min-width:100% !important;
  background:#fff;
  border-top:none;
  font-size:.875em;
  padding:5px 0;
  margin:2px 0 0;
  border:1px solid rgba(0,0,0,.15);
  font-family: var(--wd-font-body);
}

.ee__coupons[b-rkbkwje6yz]  .drop-select .dropdown-menu>li>a {
  white-space:normal;
  padding:5px 0 5px 32px;
  font-size:1em;
  color:var(--wd-color-text);
}

.ee__coupons[b-rkbkwje6yz]  .drop-select .dropdown-menu>li>a:focus,.ee__coupons[b-rkbkwje6yz]  .drop-select .dropdown-menu>li>a:active,.ee__coupons[b-rkbkwje6yz]  .drop-select .dropdown-menu>li>a:hover {
  background-color:var(--wd-color-brand-red) !important;
  background-image:none;
  color:#fff !important;
  filter:none;
}

.ee__coupons[b-rkbkwje6yz]  .drop-select .dropdown-menu>li:last-child>a {
  border-bottom:none;
}

.ee__coupons[b-rkbkwje6yz]  .drop-select .btn-group.open.dropdown-toggle {
  -webkit-box-shadow:none;
  box-shadow:none;
}

.ee__coupons[b-rkbkwje6yz]  .btn-group.drop-select button.btn:after {
  top:6px;
  padding-left:20px;
  font-family:Font Awesome\ 5 Free;
  content:"";
  color:var(--wd-color-brand-red);
  font-size:medium;
}

.ee__coupons[b-rkbkwje6yz]  .btn-group.drop-select.open button.btn:after {
  right:12px;
  top:6px;
  font-family:Font Awesome\ 5 Free;
  color:var(--wd-color-brand-red);
  font-size:medium;
  content:"";
}

.ee__coupons[b-rkbkwje6yz]  .toggle-class .btn-group.drop-select {
  display:none;
}

.ee__coupons[b-rkbkwje6yz]  .modal.left .modal-dialog,.ee__coupons[b-rkbkwje6yz]  .modal.right .modal-dialog {
  position:fixed;
  margin:auto;
  width:437px;
  height:100%;
  -webkit-transform:translate3d(0%,0,0);
  -ms-transform:translate3d(0%,0,0);
  -o-transform:translate3d(0%,0,0);
  transform:translate3d(0%,0,0);
}

@media(max-width:767px) {
  .ee__coupons[b-rkbkwje6yz]  .modal.left .modal-dialog,.ee__coupons[b-rkbkwje6yz]  .modal.right .modal-dialog {
    width:100%;
  }
}

.ee__coupons[b-rkbkwje6yz]  .modal.left .modal-content,.ee__coupons[b-rkbkwje6yz]  .modal.right .modal-content {
  background:#fff;
  min-height:100%;
}

.ee__coupons[b-rkbkwje6yz]  .modal.left .modal-body,.ee__coupons[b-rkbkwje6yz]  .modal.right .modal-body {
  padding:0 25px 24px;
  padding-bottom:0;
}

.ee__coupons[b-rkbkwje6yz]  .modal.left.fade .modal-dialog {
  left:-320px;
  -webkit-transition:opacity .3s linear,left .3s ease-out;
  -moz-transition:opacity .3s linear,left .3s ease-out;
  -o-transition:opacity .3s linear,left .3s ease-out;
  transition:opacity .3s linear,left .3s ease-out;
}

.ee__coupons[b-rkbkwje6yz]  .modal.left.fade.in .modal-dialog {
  left:0;
}

.ee__coupons[b-rkbkwje6yz]  .modal.right.fade .modal-dialog {
  right:-320px;
  -webkit-transition:opacity .3s linear,right .3s ease-out;
  -moz-transition:opacity .3s linear,right .3s ease-out;
  -o-transition:opacity .3s linear,right .3s ease-out;
  transition:opacity .3s linear,right .3s ease-out;
}

.ee__coupons[b-rkbkwje6yz]  .modal.right.fade.in .modal-dialog {
  right:0;
  overflow-y:auto;
}

.ee__coupons[b-rkbkwje6yz]  .main-modal .modal-content {
  border:none;
  border-radius:0;
}

.ee__coupons[b-rkbkwje6yz]  .main-modal button.close {
  font-size:xxx-large;
  margin-top:-18px;
  color:var(--wd-color-brand-red);
  opacity:1;
  float:right;
}

.ee__coupons[b-rkbkwje6yz]  .main-modal h4.modal-title {
  font-size:22px;
  font-weight:bold;
  line-height:1.18;
  letter-spacing:-.25px;
  color:var(--wd-color-brand-red);
}

.ee__coupons[b-rkbkwje6yz]  .main-modal .modal-header {
  border:none;
  padding:36px 24px;
}

@media(max-width:991px) {
  .ee__coupons[b-rkbkwje6yz]  .drop-select ul.dropdown-menu li a {
    color:var(--wd-color-text);
    background-color:#fff;
  }
}

.zoomTxt .ee__coupons[b-rkbkwje6yz]  .drop-select {
  height:auto;
}

.ee__coupons[b-rkbkwje6yz]  .new_filtersection .clearFilterDiv {
  border-bottom:2px solid var(--wd-color-bread);
  padding-bottom:20px;
}

.ee__coupons[b-rkbkwje6yz]  .new_filtersection .clearFilterDiv .clrfilterbtn {
  text-decoration:underline;
  color:var(--wd-color-text);
  border:none;
  background-color:#fff;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
}

.ee__coupons[b-rkbkwje6yz]  .new_filtersection .clearFilterDiv .clrfilterbtn:hover,.ee__coupons[b-rkbkwje6yz]  .new_filtersection .clearFilterDiv .clrfilterbtn:focus {
  font-weight:bold;
}

.ee__coupons[b-rkbkwje6yz]  .new_filtersection .category_filter {
  border-bottom:2px solid var(--wd-color-bread);
  padding-bottom:20px;
}

.ee__coupons[b-rkbkwje6yz]  .new_filtersection .subcatg_filter {
  border-bottom:2px solid var(--wd-color-bread);
  padding-bottom:20px;
  margin-bottom:20px;
}

.ee__coupons[b-rkbkwje6yz]  .new_filtersection .subcatg_filter ul {
  opacity:1;
  max-height:486px;
  overflow-y:scroll;
  padding:17px;
  cursor:pointer;
  overflow-x:hidden;
}

.ee__coupons[b-rkbkwje6yz]  .new_filtersection .subcatg_filter ul li {
  width:max-content;
}

.ee__coupons[b-rkbkwje6yz]  .new_filtersection .subcatg_filter ul li {
  width:max-content;
}

.ee__coupons[b-rkbkwje6yz]  .new_filtersection .subcatg_filter ul::-webkit-scrollbar {
  width:2px;
}

.ee__coupons[b-rkbkwje6yz]  .new_filtersection .subcatg_filter ul::-webkit-scrollbar-track {
  background:#fff;
}

.ee__coupons[b-rkbkwje6yz]  .new_filtersection .subcatg_filter ul::-webkit-scrollbar-thumb {
  background:var(--wd-color-bread);
}

.ee__coupons[b-rkbkwje6yz]  .new_filtersection .subcatg_filter ul::-webkit-scrollbar-thumb:hover {
  background:var(--wd-color-bread);
}

.ee__coupons[b-rkbkwje6yz]  .new_filtersection .subcatg_filter ul li button.allbrand {
  background:none;
  border:0;
  font-size:1em;
  font-weight:normal;
  margin:2px 5px;
  border-radius:4px;
  padding:4px 6px;
  color:var(--wd-color-text);
}

.ee__coupons[b-rkbkwje6yz]  .new_filtersection .subcatg_filter ul li button.allbrand:hover,.ee__coupons[b-rkbkwje6yz]  .new_filtersection .subcatg_filter ul li button.allbrand:focus {
  text-decoration:underline;
  font-weight:bold;
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog {
  margin:0;
  width:100%;
  bottom:-250px;
  opacity:0;
  -webkit-transform:translateY(20%);
  -moz-transform:translateY(20%);
  -ms-transform:translateY(20%);
  transform:translateY(20%);
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  transition:all .3s;
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content {
  background:#fff;
  min-height:calc(100vh - 140px);
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header {
  position:sticky;
  padding:20px 20px;
  border:none;
  top:2px;
  background:#fff;
  z-index:2;
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .modal-heading h4.modal-title {
  font-family: var(--wd-font-body);
  font-size:30px;
  font-weight:bold;
  color:var(--wd-color-brand-red);
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .modal-heading button.close {
  width:34px;
  height:34px;
  margin-top:0 !important;
  opacity:1;
  margin-right:7px;
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .clearFilterDiv {
  padding:15px 0 20px 0;
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .clearFilterDiv .clrfilterbtn {
  text-decoration:underline;
  color:var(--wd-color-brand-red);
  border:none;
  background-color:#fff;
  padding:0;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
}

@media screen and (max-width:993px) and (min-width:768px) {
  .ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .clearFilterDiv .clrfilterbtn {
    font-size:1.125em;
  }
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .clearFilterDiv .clrfilterbtn:hover {
  font-weight:bold;
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body {
  position:relative;
  padding:5px 20px 15px 20px;
  width:100%;
  overscroll-behavior:contain;
  overflow:scroll;
  height:100%;
  min-height:calc(100vh - 430px);
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec {
  display:flex;
  justify-content:space-between;
  padding-bottom:20px;
  border-bottom:1px solid var(--wd-color-bread);
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec h5 {
  font-family: var(--wd-font-body);
  font-size:18px;
  font-weight:bold;
  color:var(--wd-color-text);
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .btn-group.drop-select.dropdown {
  background-color:#fff;
  border:2px solid #d0d0d0;
  min-width:177px;
  height:40px;
  position:relative;
  border-radius:4px;
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .btn-group.drop-select.dropdown .dropdown-toggle {
  border:none;
  background-color:transparent;
  color:var(--wd-color-text);
  font-size:16px;
  font-weight:bold;
  width:100%;
  height:100%;
  justify-content:space-between;
  display:flex;
  align-items:center;
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .drop-select ul.dropdown-menu {
  min-width:100% !important;
  background:#fff;
  border-top:none;
  font-size:.875em;
  padding:5px 0;
  margin:2px 0 0;
  border:1px solid rgba(0,0,0,.15);
  font-family: var(--wd-font-body);
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .drop-select .dropdown-menu>li>a {
  white-space:normal;
  padding:5px 0 5px 32px;
  font-size:1em;
  color:var(--wd-color-text);
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .drop-select .dropdown-menu>li>a:focus,.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .drop-select .dropdown-menu>li>a:active,.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .drop-select .dropdown-menu>li>a:hover {
  background-color:var(--wd-color-brand-red) !important;
  background-image:none;
  color:#fff !important;
  filter:none;
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .drop-select .dropdown-menu>li:last-child>a {
  border-bottom:none;
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .drop-select .btn-group.open.dropdown-toggle {
  -webkit-box-shadow:none;
  box-shadow:none;
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .dropdown-toggle[aria-expanded=false]::after {
  font-family:FontAwesome;
  content:"";
  color:var(--wd-color-brand-red);
  border:none;
  font-size:.75em;
  vertical-align:2px;
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .dropdown-toggle[aria-expanded=true]::after {
  font-family:FontAwesome;
  content:"";
  color:var(--wd-color-brand-red);
  border:none;
  font-size:.75em;
  vertical-align:2px;
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .btn-group.drop-select button.btn:after {
  top:6px;
  padding-left:20px;
  font-family:Font Awesome\ 5 Free;
  content:"";
  color:var(--wd-color-brand-red);
  font-size:medium;
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .btn-group.drop-select.open button.btn:after {
  right:12px;
  top:6px;
  font-family:Font Awesome\ 5 Free;
  color:var(--wd-color-brand-red);
  font-size:medium;
  content:"";
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .category_filter h3 {
  font-family: var(--wd-font-body);
  font-size:18px;
  font-weight:600;
  color:var(--wd-color-text);
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .category_filter ul {
  margin-left:-5px;
  border-bottom:1px solid var(--wd-color-bread);
  padding-bottom:15px;
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .subcatg_filter h3 {
  font-family: var(--wd-font-body);
  font-size:18px;
  font-weight:600;
  color:var(--wd-color-text);
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .subcatg_filter ul {
  margin-left:-9px;
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .subcatg_filter ul li button.allbrand {
  background:none;
  border:0;
  font-size:1em;
  font-weight:normal;
  margin:4px 6px;
  border-radius:4px;
  padding:4px 6px;
  color:var(--wd-color-text);
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal .modal-dialog .modal-content .modal-footer {
  position:sticky;
  bottom:0;
  z-index:2;
  width:100%;
  padding:20px;
  text-align:center;
  background:#fff;
  box-shadow:0 5px 7px rgba(0,0,0,.1) inset;
}

.ee__coupons[b-rkbkwje6yz]  .filterCoupon-Modal.in .modal-dialog {
  bottom:0;
  opacity:1;
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
  opacity:1;
}

.couponhelp_model .modal[b-rkbkwje6yz] {
  display:none;
  position:fixed;
  z-index:1;
  padding:100px 0;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
}

.couponhelp_model .modal.in[b-rkbkwje6yz] {
  top:0;
  left:0;
  width:100%;
  z-index:1050;
  padding-right:0 !important;
}

.couponhelp_model .modal.in .modal-dialog[b-rkbkwje6yz] {
  margin:60px auto;
}

.couponhelp_model .modal-content[b-rkbkwje6yz] {
  background-color:#fefefe;
  border-radius:4px;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
}

.couponhelp_model .modal-body[b-rkbkwje6yz] {
  padding:0 58px;
}

.couponhelp_model .modal-footer[b-rkbkwje6yz] {
  padding:0 58px 30px;
  display:flex;
  justify-content:center;
  border:none;
}

@media(max-width:991px) {
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .coupon-filter {
    background:none;
    box-shadow:none;
    margin-bottom:0 !important;
    box-shadow:none;
    margin-bottom:32px;
    padding:0;
  }
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .sortOrderDropdown .drop-select a.btn {
    font-size:.875em;
  }
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section .subcats {
    margin-bottom:0 !important;
  }
}

@media(max-width:767px) {
  .ee__coupons[b-rkbkwje6yz]  .filter-outer>div:last-child {
    display:none;
  }
  .ee__coupons[b-rkbkwje6yz]  .fiter-stripe h3.sub-heading {
    display:none;
  }
  .ee__coupons[b-rkbkwje6yz]  .fiter-stripe .saving-nos {
    display:none;
  }
  .ee__coupons[b-rkbkwje6yz]  .flex-list {
    width:100%;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-rkbkwje6yz]  .headline h1 {
    font-size:2.125em;
    padding:0 10px !important;
  }
  .ee__coupons[b-rkbkwje6yz]  .item-slider .coupon__category .c-list button {
    font-size:.75em;
  }
  .ee__coupons[b-rkbkwje6yz]  h2.sub-heading {
    font-size:1.125em;
  }
  .ee__coupons[b-rkbkwje6yz]  h2.sub-heading span {
    font-size:.875em;
  }
  .ee__coupons[b-rkbkwje6yz]  .drop-select button.btn {
    font-size:.875em;
  }
  .ee__coupons[b-rkbkwje6yz]  .saving-nos span {
    font-size:.75em;
  }
  .ee__coupons[b-rkbkwje6yz]  .saving-nos i.count {
    font-size:.75em;
  }
  .ee__coupons[b-rkbkwje6yz]  .product-list .product-img {
    width:192px;
    height:115px;
  }
  .ee__coupons[b-rkbkwje6yz]  .product-list h3 {
    font-size:1em;
  }
  .ee__coupons[b-rkbkwje6yz]  .product-list p {
    font-size:.75em;
    height:34px;
    line-height:1.5;
  }
  .ee__coupons[b-rkbkwje6yz]  .product-list a {
    font-size:.75em;
  }
  .ee__coupons[b-rkbkwje6yz]  .product-list .product-info .couponadded__failed {
    font-size:.75em;
  }
  .ee__coupons[b-rkbkwje6yz]  .cliping-grid {
    box-shadow:none;
    padding:0;
  }
  .ee__coupons[b-rkbkwje6yz]  .cliping-grid p {
    font-size:.75em;
  }
  .ee__coupons[b-rkbkwje6yz]  .heading {
    background-color:var(--wd-color-brand-red);
  }
  .ee__coupons[b-rkbkwje6yz]  .heading h2,.ee__coupons[b-rkbkwje6yz]  .heading h3 {
    margin:0;
    color:#fff;
    font-size:1.125em;
    font-weight:600;
    font-style:normal;
    line-height:1.38;
    letter-spacing:-.25px;
  }
  .ee__coupons[b-rkbkwje6yz]  .heading.blue-bg h2,.ee__coupons[b-rkbkwje6yz]  .heading.blue-bg h3 {
    color:#fff;
  }
  .ee__coupons[b-rkbkwje6yz]  .list-main .list-info h2 {
    font-size:.75em;
  }
  .ee__coupons[b-rkbkwje6yz]  .list-main .list-info p {
    font-size:.875em;
  }
  .ee__coupons[b-rkbkwje6yz]  .save-list {
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    min-height:100%;
    margin:0 10px;
  }
  .ee__coupons[b-rkbkwje6yz]  .save-list .s-list a {
    font-size:.875em;
    padding:12px 0;
  }
  .ee__coupons[b-rkbkwje6yz]  .tab-view {
    margin:32px 0 48px;
  }
  .ee__coupons[b-rkbkwje6yz]  .grid__twocoulmn {
    display:flex;
    margin-bottom:32px;
  }
  .ee__coupons[b-rkbkwje6yz]  .grid__twocoulmn .grid__row.grid__row--right {
    margin-right:16px;
  }
  .ee__coupons[b-rkbkwje6yz]  .grid__twocoulmn .grid__row.grid__row--left {
    margin-left:16px;
  }
  .ee__coupons[b-rkbkwje6yz]  .main-btn {
    width:171px;
  }
  .ee__coupons[b-rkbkwje6yz]  .clipped__saving .product-img {
    min-width:107px;
    width:107px;
    height:99px;
  }
  .ee__coupons[b-rkbkwje6yz]  .container.filter-path {
    padding-bottom:15px;
  }
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section {
    margin:0 12px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-rkbkwje6yz]  .container {
    padding:0 20px 80px 20px;
  }
  .ee__coupons[b-rkbkwje6yz]  .container .headerbar {
    margin-bottom:18px;
  }
  .ee__coupons[b-rkbkwje6yz]  .container .headline,.ee__coupons[b-rkbkwje6yz]  .container .item-slider,.ee__coupons[b-rkbkwje6yz]  .container #couponGallery,.ee__coupons[b-rkbkwje6yz]  .container .header-inner {
    padding:0;
  }
  .ee__coupons[b-rkbkwje6yz]  .container.filter-path {
    padding:10px 0;
  }
  .ee__coupons[b-rkbkwje6yz]  .product-main {
    padding-bottom:0;
  }
  .ee__coupons[b-rkbkwje6yz]  .headline h1 {
    font-size:30px;
    margin:24px 0 0;
    padding-bottom:10px;
    width:100%;
  }
  .ee__coupons[b-rkbkwje6yz]  .item-slider {
    margin:0;
  }
  .ee__coupons[b-rkbkwje6yz]  .item-slider .coupon__category .c-list button {
    font-size:.875em;
    padding:0;
    margin:10px 0 10px;
    max-width:inherit;
  }
  .ee__coupons[b-rkbkwje6yz]  .item-slider .coupon__category .c-list .active__category {
    padding-bottom:5px;
  }
  .ee__coupons[b-rkbkwje6yz]  h2.sub-heading {
    font-size:1.125em;
  }
  .ee__coupons[b-rkbkwje6yz]  h2.sub-heading span {
    font-size:.875em;
  }
  .ee__coupons[b-rkbkwje6yz]  .drop-select button.btn {
    font-size:.875em;
  }
  .ee__coupons[b-rkbkwje6yz]  .product-list {
    padding:0 0 8px 0;
    border:solid 2px var(--wd-color-bread);
    cursor:pointer;
    display:flex;
    align-items:center;
    border-right:0;
    border-left:0;
    border-top:0;
    margin:0;
    width:100%;
    height:auto;
    min-height:0;
    border-radius:0;
  }
  .ee__coupons[b-rkbkwje6yz]  .product-list .product-img {
    height:auto;
    min-width:100px;
    margin:0 12px 0 -4px;
    width:auto;
  }
  .ee__coupons[b-rkbkwje6yz]  .product-list .product-img img {
    max-width:64px;
    height:64px;
  }
  .ee__coupons[b-rkbkwje6yz]  .product-list .product-info {
    padding:0;
    height:auto;
    width:auto;
    align-items:center;
  }
  .ee__coupons[b-rkbkwje6yz]  .product-list .product-info .product__sub_desc {
    position:absolute;
    right:5px;
    top:50px;
  }
  .ee__coupons[b-rkbkwje6yz]  .product-list .product-info .product__sub_desc button {
    border:none;
    background:none;
  }
  .ee__coupons[b-rkbkwje6yz]  .product-list .product-info .product__sub_desc button .icon-add-plus {
    width:30px;
    height:30px;
    transform:rotate(45deg);
    background:url(/Areas/V2/Images/add.svg);
  }
  .ee__coupons[b-rkbkwje6yz]  .product-list .product-info .product__sub_desc button .icon-scissor {
    width:30px;
    height:30px;
    background:url(/Areas/V2/Images/scrissor.png);
  }
  .ee__coupons[b-rkbkwje6yz]  .product-list .product-info .couponadded__failed {
    position:relative;
    padding-bottom:10px;
    margin:0;
  }
  .ee__coupons[b-rkbkwje6yz]  .product-list h3 {
    font-size:1.125em;
    white-space:normal;
    word-break:break-word;
    padding-right:60px;
    margin-bottom:5px;
  }
  .ee__coupons[b-rkbkwje6yz]  .product-list .er-span {
    height:auto !important;
    padding-right:60px;
  }
  .ee__coupons[b-rkbkwje6yz]  .product-list p {
    padding-right:65px;
  }
  .ee__coupons[b-rkbkwje6yz]  .product-list a {
    font-size:.875em;
    padding:0;
  }
  .ee__coupons[b-rkbkwje6yz]  .product-list .left-info {
    padding:3px 10px;
  }
  .ee__coupons[b-rkbkwje6yz]  .product-list:has(+div) {
    border-bottom:0;
  }
  .ee__coupons[b-rkbkwje6yz]  .product-list:has(+div.ng-hide) {
    border-bottom:solid 2px var(--wd-color-bread);
  }
  .ee__coupons[b-rkbkwje6yz]  .cliping-grid {
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    padding:15px;
  }
  .ee__coupons[b-rkbkwje6yz]  .cliping-grid p {
    font-size:.75em;
  }
  .ee__coupons[b-rkbkwje6yz]  .heading {
    background-color:var(--wd-color-brand-red);
  }
  .ee__coupons[b-rkbkwje6yz]  .heading h2,.ee__coupons[b-rkbkwje6yz]  .heading h3 {
    margin:0;
    color:#fff;
    font-size:1em;
    font-weight:600;
    font-style:normal;
    line-height:1.38;
    letter-spacing:-.25px;
  }
  .ee__coupons[b-rkbkwje6yz]  .heading.blue-bg h2,.ee__coupons[b-rkbkwje6yz]  .heading.blue-bg h3 {
    color:#fff;
  }
  .ee__coupons[b-rkbkwje6yz]  .list-main .list-info h2 {
    font-size:.75em;
  }
  .ee__coupons[b-rkbkwje6yz]  .list-main .list-info p {
    font-size:.875em;
  }
  .ee__coupons[b-rkbkwje6yz]  .save-list {
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    margin-top:20px;
  }
  .ee__coupons[b-rkbkwje6yz]  .save-list .s-list a {
    font-size:.875em;
  }
  .ee__coupons[b-rkbkwje6yz]  .add-btn.minus-btn {
    width:150px;
  }
  .ee__coupons[b-rkbkwje6yz]  .add-btn i {
    font-size:.75em;
    width:22px;
    height:22px;
    padding:0;
    padding-left:0;
    top:-1px;
    line-height:20px;
  }
  .ee__coupons[b-rkbkwje6yz]  .product__sub_desc .coupon-add-btn {
    width:auto;
    display:block;
    background-color:transparent;
    border:none;
    color:var(--wd-color-text);
    font-size:.875em;
    margin:0;
    height:49px;
    font-family: var(--wd-font-body);
    font-weight:bold;
    font-size:.875em;
    font-style:normal;
    font-stretch:normal;
    line-height:normal;
    letter-spacing:normal;
    margin:24px 0;
    margin-right:0;
    width:125px;
    height:34px;
    display:inline-block;
    padding:0;
  }
  .ee__coupons[b-rkbkwje6yz]  .coupon-add-btn-mob {
    margin:0;
    margin-right:0;
    font-size:.875em;
    font-weight:bold;
    width:35px;
    height:34px;
    display:inline-block;
    padding:0;
    color:var(--wd-color-text) !important;
  }
  .ee__coupons[b-rkbkwje6yz]  .coupon-add-btn-mob:hover {
    background:none !important;
    color:var(--wd-color-text) !important;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-rkbkwje6yz]  .con-device-btn {
    font-family:SEGFoco;
    font-weight:700;
    font-size:.875em;
    line-height:20px;
    letter-spacing:-.23px;
    color:#2f723c;
  }
  .ee__coupons[b-rkbkwje6yz]  .main-modal .add-btn {
    padding:0;
    display:block;
  }
  .ee__coupons[b-rkbkwje6yz]  .main-modal .coupon-add-btn {
    display:block;
  }
  .ee__coupons[b-rkbkwje6yz]  .main-modal .total-count {
    margin:0 -25px;
  }
  .ee__coupons[b-rkbkwje6yz]  .main-modal .more-info p {
    padding-bottom:29px;
  }
  .ee__coupons[b-rkbkwje6yz]  .clippedCoupon {
    display:flex;
    align-items:center;
    padding:0 9px;
    color:#fff;
    background-color:var(--wd-color-brand-red);
    border:1px solid #fff;
    width:50px;
    height:50px;
    text-align:center;
    line-height:20px;
    border-radius:50px;
    bottom:10%;
    right:32px;
    position:fixed;
    z-index:1051;
  }
  .ee__coupons[b-rkbkwje6yz]  .clippedCoupon .clippedCount {
    background-color:#fedb00;
    border:1px solid #fff;
    width:30px;
    height:30px;
    text-align:center;
    line-height:20px;
    border-radius:50px;
    margin-right:9px;
    font-size:.75em;
    color:var(--wd-color-brand-red);
    font-style:normal;
    font-weight:600;
    position:relative;
    padding:5px;
    min-width:30px;
    min-height:30px;
  }
  .ee__coupons[b-rkbkwje6yz]  .clippedCoupon .clippedCount:after {
    content:"";
    font-family:fontawesome;
    position:absolute;
    top:-6px;
    background-color:#fff;
    height:20px;
    width:20px;
    line-height:10px;
    left:23px;
    text-align:center;
    font-size:.75em;
    border-radius:50px;
    -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
    -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
    box-shadow:0 0 5px 0 rgba(0,0,0,.75);
    padding:5px;
  }
  .ee__coupons[b-rkbkwje6yz]  .coupon-wrapper .bx-controls {
    display:none;
  }
  .ee__coupons[b-rkbkwje6yz]  .tab-view {
    margin:16px 0 48px;
  }
  .ee__coupons[b-rkbkwje6yz]  .modal.right.fade.in .modal-dialog {
    margin-top:0;
  }
  .ee__coupons[b-rkbkwje6yz]  .main-btn {
    width:230px;
  }
  .ee__coupons[b-rkbkwje6yz]  .clipped__saving .product-img {
    min-width:77px;
    width:77px;
    height:auto;
  }
  .ee__coupons[b-rkbkwje6yz]  .custom-panel {
    border-top:none;
  }
  .ee__coupons[b-rkbkwje6yz]  .custom-panel .tab-content {
    margin:20px 0;
  }
  .ee__coupons[b-rkbkwje6yz]  .fiter-stripe {
    margin:0 -22px;
  }
  .ee__coupons[b-rkbkwje6yz]  .modal-content {
    border-radius:0;
  }
  .ee__coupons[b-rkbkwje6yz]  .filter-coupon-section {
    padding:0 !important;
  }
}

@media(max-width:1024px) and (min-width:768px) {
  .pointoffer[b-rkbkwje6yz] {
    font-size:1.125em;
    line-height:22px;
    letter-spacing:-.25px;
  }
  .qtn-style[b-rkbkwje6yz] {
    height:25px;
    width:25px;
  }
  .couponhelp_model .modal.in[b-rkbkwje6yz] {
    top:6%;
  }
}

@media only screen and (max-width:767px) {
  .pointoffer[b-rkbkwje6yz] {
    font-size:1.25em;
    line-height:25px;
    letter-spacing:-.33px;
  }
  .qtn-style[b-rkbkwje6yz] {
    height:25px;
    width:25px;
  }
  .couponhelp_model .modal.in[b-rkbkwje6yz] {
    top:6%;
  }
  .couponhelp_model .modal-body[b-rkbkwje6yz] {
    padding:0 16px;
  }
  .couponhelp_model .modal-footer[b-rkbkwje6yz] {
    display:flex;
    padding:0;
    flex-direction:column-reverse;
    align-items:center;
  }
  .couponhelp_model h2[b-rkbkwje6yz] {
    font-size:1.625em;
  }
  .couponhelp_model p[b-rkbkwje6yz] {
    font-size:.875em;
  }
}
/* /Components/Coupons/PercentBackHelpModal.razor.rz.scp.css */
/* Moved from the original page .razor.css when PercentBackHelpModal was extracted into its own
   component. Some rules below were shared with sibling components extracted from the same
   page and are intentionally duplicated verbatim in each — a selector that doesn't match
   anything in a given component's scope is simply inert there. */

/* .qtn-style ("?" trigger button): moved here from PercentBackOffers.razor.css. The button
   itself is rendered by THIS component's markup, so Blazor's scoped-CSS isolation stamps it
   with this file's scope attribute — the rule has to live here to ever match it (see the note
   left in PercentBackOffers.razor.css). */
.PointsMultiplierOffers .qtn-style[b-vyv6zoqsix] {
  font-family: var(--wd-font-body);
  font-style:normal;
  font-weight:700;
  font-size:1.125em;
  background-color:var(--wd-color-brand-red);
  color:#fff;
  width:22px;
  height:22px;
  padding:0;
  border:none;
  border-radius:100%;
  text-align:center;
  position:absolute;
  top:44%;
}

@media(max-width:1024px) and (min-width:768px) {
  .PointsMultiplierOffers .qtn-style[b-vyv6zoqsix] {
    width:16.5px;
    height:16.5px;
    font-size:.75em;
    top:38%;
  }
}

@media only screen and (max-width:767px) {
  .PointsMultiplierOffers .qtn-style[b-vyv6zoqsix] {
    width:16.5px;
    height:16.5px;
    font-size:.75em;
    top:30%;
    margin-left:4px;
  }
}

.zoomTxt .qtn-style[b-vyv6zoqsix] {
  height:45px;
  width:45px;
}

@media(prefers-contrast:more) {
  .qtn-style[b-vyv6zoqsix] {
    outline:2px solid #fff;
  }
}

.couponhelp_model .Couponshelp-HeaderImage img[b-vyv6zoqsix] {
  width:100%;
}

/* .modal-content added purely for specificity: /coupons' own page stylesheet carries a legacy
   reset, ".ee__coupons button, ... h2 { font-weight: normal }", at the same (0,2,1) specificity
   as ".couponhelp_model h2" but later in the bundle, so it won the cascade and this heading
   rendered at weight 400 against live's 700 (confirmed via the browser's own matched-rules
   list, not inferred). The extra class makes it (0,3,1) and is true to the markup — the h2 is
   inside .modal-content — rather than reaching for !important. */
.couponhelp_model .modal-content h2[b-vyv6zoqsix] {
  font-family: var(--wd-font-body);
  font-style:normal;
  font-weight:700;
  font-size:22px;
  line-height:30px;
  text-align:center;
  letter-spacing:-.305556px;
  color:var(--wd-color-accent-purple);
  margin-bottom:14px;
  margin-top:0;
}

.couponhelp_model .coupons-ul[b-vyv6zoqsix] {
  margin-bottom:32px;
}

@media only screen and (max-width:767px) {
  .couponhelp_model .coupons-ul[b-vyv6zoqsix] {
    margin-bottom:16px;
  }
}

.couponhelp_model .coupons-ul li[b-vyv6zoqsix] {
  margin:15px 0;
}

.couponhelp_model p[b-vyv6zoqsix] {
  font-family: var(--wd-font-body);
  font-style:normal;
  font-weight:400;
  font-size:1em;
  line-height:22px;
  align-items:center;
  letter-spacing:-.222222px;
  color:var(--wd-color-text);
}

.couponhelp_model .couponshelp-btn[b-vyv6zoqsix] {
  font-family: var(--wd-font-body);
  font-style:normal;
  font-weight:700;
  font-size:1.125em;
  line-height:22px;
  font-stretch:normal;
  text-align:center;
  display:inline-table;
  margin:15px;
  margin-left:17px;
  text-decoration:none;
  cursor:pointer;
  padding:12px 16px;
  letter-spacing:-.25px;
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}

.couponhelp_model .couponshelp-btn:hover[b-vyv6zoqsix] {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
  display:inline-table;
}

.ee__coupons[b-vyv6zoqsix]  .filter-coupon-section .modal-content {
  background-color:#fff;
}

.ee__coupons[b-vyv6zoqsix]  .filter-coupon-section .filter-modal .modal-dialog {
  margin:0;
  border-radius:0;
  border:none;
  width:100%;
  height:100%;
}

.ee__coupons[b-vyv6zoqsix]  .filter-coupon-section .filter-modal .modal-dialog .modal-content {
  border:none;
  border-radius:0;
  padding-top:24px;
  padding-bottom:30px;
  height:100%;
  overflow:auto;
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-vyv6zoqsix]  .filter-coupon-section .filter-modal .modal-dialog .modal-content {
    height:auto;
    overflow:initial;
  }
}

.ee__coupons[b-vyv6zoqsix]  .filter-coupon-section .filter-modal .modal-dialog .modal-content h3 {
  color:var(--wd-color-text);
  font-family: var(--wd-font-body);
  font-size:1.375em;
  font-weight:bold;
  margin:0;
  margin-right:10px;
}

.ee__coupons[b-vyv6zoqsix]  .filter-coupon-section .filter-modal .modal-dialog .modal-content .modal-body {
  padding:10px 20px;
  padding-bottom:0;
  display:flow-root;
}

.ee__coupons[b-vyv6zoqsix]  .filter-coupon-section .filter-modal .modal-dialog .modal-footer {
  text-align:center;
  border:none;
  padding:5px 0;
}

.ee__coupons[b-vyv6zoqsix]  .filter-coupon-section .modal.left .modal-dialog,.ee__coupons[b-vyv6zoqsix]  .filter-coupon-section .modal.right .modal-dialog {
  position:fixed;
  margin:auto;
  width:320px;
  height:100%;
  -webkit-transform:translate3d(0%,0,0);
  -ms-transform:translate3d(0%,0,0);
  -o-transform:translate3d(0%,0,0);
  transform:translate3d(0%,0,0);
}

@media(max-width:767px) {
  .ee__coupons[b-vyv6zoqsix]  .filter-coupon-section .modal.left .modal-dialog,.ee__coupons[b-vyv6zoqsix]  .filter-coupon-section .modal.right .modal-dialog {
    width:100%;
  }
}

.ee__coupons[b-vyv6zoqsix]  .coupon-detail-modal .modal-dialog {
  width:480px;
  height:auto;
}

@media(max-width:767px) {
  .ee__coupons[b-vyv6zoqsix]  .coupon-detail-modal .modal-dialog {
    width:auto;
  }
}

.ee__coupons[b-vyv6zoqsix]  .coupon-detail-modal .modal-content {
  width:483px;
  padding:32px;
  background-color:#fff;
  border-radius:0;
  box-shadow:0 2px 14px 0 var(--wd-color-border);
}

@media(max-width:767px) {
  .ee__coupons[b-vyv6zoqsix]  .coupon-detail-modal .modal-content {
    width:100%;
    padding:25px;
  }
}

.ee__coupons[b-vyv6zoqsix]  .coupon-detail-modal .modal-content .modal-body {
  padding:0;
  margin-top:30px;
}

.ee__coupons[b-vyv6zoqsix]  .congrats-detail-modal .modal-dialog {
  width:480px;
  height:auto;
}

@media(max-width:767px) {
  .ee__coupons[b-vyv6zoqsix]  .congrats-detail-modal .modal-dialog {
    width:auto;
  }
}

.ee__coupons[b-vyv6zoqsix]  .congrats-detail-modal .modal-content {
  width:483px;
  padding:64px 30px 0 32px;
  background-color:#fff;
  border-radius:0;
  box-shadow:0 2px 14px 0 var(--wd-color-border);
  text-align:center;
}

@media(max-width:767px) {
  .ee__coupons[b-vyv6zoqsix]  .congrats-detail-modal .modal-content {
    width:100%;
    padding:25px;
    border-radius:8px;
  }
}

.ee__coupons[b-vyv6zoqsix]  .congrats-detail-modal .modal-content .modal-body {
  padding:0;
}

@media(max-width:767px) {
  .ee__coupons[b-vyv6zoqsix]  .filter-coupon-section .modal.left .modal-dialog {
    width:100%;
  }
  .ee__coupons[b-vyv6zoqsix]  .filter-coupon-section .modal.right .modal-dialog {
    width:100%;
  }
}

.ee__coupons[b-vyv6zoqsix]  .modal.left .modal-dialog,.ee__coupons[b-vyv6zoqsix]  .modal.right .modal-dialog {
  position:fixed;
  margin:auto;
  width:437px;
  height:100%;
  -webkit-transform:translate3d(0%,0,0);
  -ms-transform:translate3d(0%,0,0);
  -o-transform:translate3d(0%,0,0);
  transform:translate3d(0%,0,0);
}

@media(max-width:767px) {
  .ee__coupons[b-vyv6zoqsix]  .modal.left .modal-dialog,.ee__coupons[b-vyv6zoqsix]  .modal.right .modal-dialog {
    width:100%;
  }
}

.ee__coupons[b-vyv6zoqsix]  .modal.left .modal-content,.ee__coupons[b-vyv6zoqsix]  .modal.right .modal-content {
  background:#fff;
  min-height:100%;
}

.ee__coupons[b-vyv6zoqsix]  .modal.left .modal-body,.ee__coupons[b-vyv6zoqsix]  .modal.right .modal-body {
  padding:0 25px 24px;
  padding-bottom:0;
}

.ee__coupons[b-vyv6zoqsix]  .modal.left.fade .modal-dialog {
  left:-320px;
  -webkit-transition:opacity .3s linear,left .3s ease-out;
  -moz-transition:opacity .3s linear,left .3s ease-out;
  -o-transition:opacity .3s linear,left .3s ease-out;
  transition:opacity .3s linear,left .3s ease-out;
}

.ee__coupons[b-vyv6zoqsix]  .modal.left.fade.in .modal-dialog {
  left:0;
}

.ee__coupons[b-vyv6zoqsix]  .modal.right.fade .modal-dialog {
  right:-320px;
  -webkit-transition:opacity .3s linear,right .3s ease-out;
  -moz-transition:opacity .3s linear,right .3s ease-out;
  -o-transition:opacity .3s linear,right .3s ease-out;
  transition:opacity .3s linear,right .3s ease-out;
}

.ee__coupons[b-vyv6zoqsix]  .modal.right.fade.in .modal-dialog {
  right:0;
  overflow-y:auto;
}

.ee__coupons[b-vyv6zoqsix]  .main-modal .modal-content {
  border:none;
  border-radius:0;
}

.ee__coupons[b-vyv6zoqsix]  .filterCoupon-Modal .modal-dialog {
  margin:0;
  width:100%;
  bottom:-250px;
  opacity:0;
  -webkit-transform:translateY(20%);
  -moz-transform:translateY(20%);
  -ms-transform:translateY(20%);
  transform:translateY(20%);
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  transition:all .3s;
}

.ee__coupons[b-vyv6zoqsix]  .filterCoupon-Modal .modal-dialog .modal-content {
  background:#fff;
  min-height:calc(100vh - 140px);
}

.ee__coupons[b-vyv6zoqsix]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body {
  position:relative;
  padding:5px 20px 15px 20px;
  width:100%;
  overscroll-behavior:contain;
  overflow:scroll;
  height:100%;
  min-height:calc(100vh - 430px);
}

.ee__coupons[b-vyv6zoqsix]  .filterCoupon-Modal .modal-dialog .modal-content .modal-footer {
  position:sticky;
  bottom:0;
  z-index:2;
  width:100%;
  padding:20px;
  text-align:center;
  background:#fff;
  box-shadow:0 5px 7px rgba(0,0,0,.1) inset;
}

.ee__coupons[b-vyv6zoqsix]  .filterCoupon-Modal.in .modal-dialog {
  bottom:0;
  opacity:1;
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
  opacity:1;
}

.couponhelp_model .modal[b-vyv6zoqsix] {
  display:none;
  position:fixed;
  z-index:1;
  padding:100px 0;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
}

.couponhelp_model .modal.in[b-vyv6zoqsix] {
  top:0;
  left:0;
  width:100%;
  z-index:1050;
  padding-right:0 !important;
}

.couponhelp_model .modal.in .modal-dialog[b-vyv6zoqsix] {
  margin:60px auto;
}

.couponhelp_model .modal-content[b-vyv6zoqsix] {
  background-color:#fefefe;
  border-radius:4px;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
}

.couponhelp_model .modal-body[b-vyv6zoqsix] {
  padding:0 58px;
}

.couponhelp_model .modal-footer[b-vyv6zoqsix] {
  padding:0 58px 30px;
  display:flex;
  justify-content:center;
  border:none;
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-vyv6zoqsix]  .con-device-btn {
    font-family:SEGFoco;
    font-weight:700;
    font-size:.875em;
    line-height:20px;
    letter-spacing:-.23px;
    color:#2f723c;
  }
  .ee__coupons[b-vyv6zoqsix]  .main-modal .add-btn {
    padding:0;
    display:block;
  }
  .ee__coupons[b-vyv6zoqsix]  .main-modal .coupon-add-btn {
    display:block;
  }
  .ee__coupons[b-vyv6zoqsix]  .main-modal .total-count {
    margin:0 -25px;
  }
  .ee__coupons[b-vyv6zoqsix]  .main-modal .more-info p {
    padding-bottom:29px;
  }
  .ee__coupons[b-vyv6zoqsix]  .clippedCoupon {
    display:flex;
    align-items:center;
    padding:0 9px;
    color:#fff;
    background-color:var(--wd-color-brand-red);
    border:1px solid #fff;
    width:50px;
    height:50px;
    text-align:center;
    line-height:20px;
    border-radius:50px;
    bottom:10%;
    right:32px;
    position:fixed;
    z-index:1051;
  }
  .ee__coupons[b-vyv6zoqsix]  .clippedCoupon .clippedCount {
    background-color:#fedb00;
    border:1px solid #fff;
    width:30px;
    height:30px;
    text-align:center;
    line-height:20px;
    border-radius:50px;
    margin-right:9px;
    font-size:.75em;
    color:var(--wd-color-brand-red);
    font-style:normal;
    font-weight:600;
    position:relative;
    padding:5px;
    min-width:30px;
    min-height:30px;
  }
  .ee__coupons[b-vyv6zoqsix]  .clippedCoupon .clippedCount:after {
    content:"";
    font-family:fontawesome;
    position:absolute;
    top:-6px;
    background-color:#fff;
    height:20px;
    width:20px;
    line-height:10px;
    left:23px;
    text-align:center;
    font-size:.75em;
    border-radius:50px;
    -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
    -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
    box-shadow:0 0 5px 0 rgba(0,0,0,.75);
    padding:5px;
  }
  .ee__coupons[b-vyv6zoqsix]  .coupon-wrapper .bx-controls {
    display:none;
  }
  .ee__coupons[b-vyv6zoqsix]  .tab-view {
    margin:16px 0 48px;
  }
  .ee__coupons[b-vyv6zoqsix]  .modal.right.fade.in .modal-dialog {
    margin-top:0;
  }
  .ee__coupons[b-vyv6zoqsix]  .main-btn {
    width:230px;
  }
  .ee__coupons[b-vyv6zoqsix]  .clipped__saving .product-img {
    min-width:77px;
    width:77px;
    height:auto;
  }
  .ee__coupons[b-vyv6zoqsix]  .custom-panel {
    border-top:none;
  }
  .ee__coupons[b-vyv6zoqsix]  .custom-panel .tab-content {
    margin:20px 0;
  }
  .ee__coupons[b-vyv6zoqsix]  .fiter-stripe {
    margin:0 -22px;
  }
  .ee__coupons[b-vyv6zoqsix]  .modal-content {
    border-radius:0;
  }
  .ee__coupons[b-vyv6zoqsix]  .filter-coupon-section {
    padding:0 !important;
  }
}

@media(max-width:1024px) and (min-width:768px) {
  .pointoffer[b-vyv6zoqsix] {
    font-size:1.125em;
    line-height:22px;
    letter-spacing:-.25px;
  }
  .qtn-style[b-vyv6zoqsix] {
    height:25px;
    width:25px;
  }
  .couponhelp_model .modal.in[b-vyv6zoqsix] {
    top:6%;
  }
}

@media only screen and (max-width:767px) {
  .pointoffer[b-vyv6zoqsix] {
    font-size:1.25em;
    line-height:25px;
    letter-spacing:-.33px;
  }
  .qtn-style[b-vyv6zoqsix] {
    height:25px;
    width:25px;
  }
  .couponhelp_model .modal.in[b-vyv6zoqsix] {
    top:6%;
  }
  .couponhelp_model .modal-body[b-vyv6zoqsix] {
    padding:0 16px;
  }
  .couponhelp_model .modal-footer[b-vyv6zoqsix] {
    display:flex;
    padding:0;
    flex-direction:column-reverse;
    align-items:center;
  }
  .couponhelp_model h2[b-vyv6zoqsix] {
    font-size:1.625em;
  }
  .couponhelp_model p[b-vyv6zoqsix] {
    font-size:.875em;
  }
}
/* /Components/Coupons/PercentBackOffers.razor.rz.scp.css */
/* Moved from the original page .razor.css when PercentBackOffers was extracted into its own
   component. Some rules below were shared with sibling components extracted from the same
   page and are intentionally duplicated verbatim in each — a selector that doesn't match
   anything in a given component's scope is simply inert there. */

.PointsMultiplierOffers[b-u4gipx2s1k] {
  position:relative;
}

.PointsMultiplierOffers .pointoffer[b-u4gipx2s1k] {
  font-family: var(--wd-font-body);
  font-style:normal;
  font-weight:700;
  font-size:1.625em;
  line-height:32px;
  letter-spacing:-.433333px;
  color:var(--wd-color-brand-red);
  display:inline-flex;
  margin:10px;
  margin-top:20px;
}

@media(max-width:1024px) and (min-width:768px) {
  .PointsMultiplierOffers .pointoffer[b-u4gipx2s1k] {
    margin:13px;
    margin-right:8px;
    font-size:1.125em;
  }
}

@media only screen and (max-width:767px) {
  .PointsMultiplierOffers .pointoffer[b-u4gipx2s1k] {
    margin:2px;
    font-size:1.25em;
  }
}

/* .qtn-style ("?" trigger button) rules moved to PercentBackHelpModal.razor.css: the button
   is rendered by that sibling component, and Blazor's scoped-CSS isolation stamps each file's
   rules with that file's OWN scope attribute — a rule declared here can never match an element
   whose scope attribute belongs to a different component, no matter how the selector reads. */

.PMOGallery[b-u4gipx2s1k] {
  display:flex;
  align-items:center;
}

@media(max-width:991px) {
  .PMOGallery[b-u4gipx2s1k] {
    justify-content:space-around;
  }
}

.ee__coupons[b-u4gipx2s1k]  .PMOGallery:has(.pmo-cards:not(.hidden)) {
  display:block;
}

.ee__coupons[b-u4gipx2s1k]  .pmo-cards {
  margin:0 -15px;
}

.PMOGallery ul[b-u4gipx2s1k] {
  list-style:none;
  padding:0;
  display:-webkit-box;
  overflow-x:scroll;
  overscroll-behavior:contain;
  border-bottom:none;
  overflow-y:hidden;
  width:96%;
  scrollbar-width:none;
  margin:-12px 10px;
}

@media(min-width:992px) and (max-wdith:1100px) {
  .PMOGallery ul[b-u4gipx2s1k] {
    margin:-12px 5px;
  }
}

@-moz-document url-prefix() {
  .PMOGallery ul[b-u4gipx2s1k] {
    padding:5px 0 15px 0;
  }
}

.PMOGallery ul[b-u4gipx2s1k]::-webkit-scrollbar {
  width:0;
}

/* Real card markup (percentBack.js's buildCard(), shared with Home's own PercentBackOffers —
   see that component's own CSS for the fuller doc comment this block is ported from verbatim):
   .pmo-cards > li.pmoCouponTile > div.mboCoupon > (img.PMO-img, div.PMOcoupon-info >
   (div.headcontent > h3, div.expcontent > p + span)). .headcontent/.expcontent themselves carry
   no styling of their own on live — every rule below targets their h3/p/span children instead. */
.pmo-cards[b-u4gipx2s1k]  .pmoCouponTile {
  position: relative;
  float: left;
  min-height: 1px;
  min-width: 280px;
  width: 283px !important;
  margin: 0;
  padding: 14px 7px 14px 0;
}
.pmo-cards[b-u4gipx2s1k]  .mboCoupon {
  display: inline-block;
  border-radius: 4px;
  width: 270px;
  min-width: 100%;
  cursor: pointer;
}
.pmo-cards[b-u4gipx2s1k]  .PMO-img {
  display: block;
  position: absolute;
  width: 96px;
  max-width: 96px !important;
  height: 92px !important;
  min-height: 90px !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: auto;
}
/* border-radius is this page's own value — 0 20px 20px 20px, not Home's 0 20px 0 20px — same
   "measured directly, not assumed shared" reasoning as .expcontent below. */
.pmo-cards[b-u4gipx2s1k]  .PMOcoupon-info {
  width: 86%;
  float: right;
  margin: 5px 0;
  margin-top: 9px !important;
  min-height: 64px;
  border-radius: 0 20px 20px 20px !important;
  box-shadow: 0px 0px 2.91px 2.91px #00000040 !important;
  background: var(--wd-color-brand-red) !important;
}
.pmo-cards[b-u4gipx2s1k]  .headcontent h3 {
  margin: 0;
  height: 48px;
  padding: 8px 17px 8px 65px;
  font-family: var(--wd-font-body);
  font-size: 14px;
  font-weight: 700;
  line-height: 16.04px;
  letter-spacing: -0.2222222238779068px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fff;
}
/* /coupons measures out DIFFERENT literal values here than Home's own PercentBackOffers (see
   that component's .expcontent for the comparison) — not a copy/paste error carried over from
   there, confirmed by measuring THIS page's own live computed styles directly rather than
   assuming the two pages share a treatment just because they share class names. Neither #8e1537
   nor #2f723c matches an existing brand token or a retired-hex entry (checked _wd-colors.scss),
   so both stay literal; #2f723c also isn't a novel value — it's the same status green already
   used by _app-wd-legacy-content.scss's .con-device-btn elsewhere in this codebase. */
.pmo-cards[b-u4gipx2s1k]  .expcontent {
  display: flex;
  align-items: center;
  height: 24px;
  padding: 8px 0 8px 65px;
  border-radius: 0 0 12px 12px;
  background-color: #8e1537;
}
.pmo-cards[b-u4gipx2s1k]  .expcontent.active {
  background: #2f723c;
}
/* White text, not Home's #343A40 — makes sense against this page's own dark maroon/green
   .expcontent backgrounds above (Home's are pale cream/light-green, where dark text is the one
   that reads). */
.pmo-cards[b-u4gipx2s1k]  .expcontent p {
  margin: 0;
  font-family: var(--wd-font-body);
  font-size: 12px;
  font-weight: 700;
  line-height: 13.75px;
  letter-spacing: -0.2222222238779068px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fff !important;
}
.pmo-cards[b-u4gipx2s1k]  .expcontent > span {
  font-family: var(--wd-font-body);
  font-size: 10px;
  font-weight: 500;
  line-height: 11.46px;
  letter-spacing: -0.2222222238779068px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  padding-left: 16px;
  color: #fff !important;
}

.PMOGallery .no-PMOCoupons[b-u4gipx2s1k],.PMOGallery .PMO_LoggedOut[b-u4gipx2s1k] {
  width:100%;
  padding:0 10px 10px;
}

@media(max-width:767px) {
  .PMOGallery .no-PMOCoupons[b-u4gipx2s1k],.PMOGallery .PMO_LoggedOut[b-u4gipx2s1k] {
    padding:2px 2px 10px;
  }
}

.PMOGallery .no-PMOCoupons .row.dotted-border[b-u4gipx2s1k],.PMOGallery .PMO_LoggedOut .row.dotted-border[b-u4gipx2s1k] {
  min-height:91px;
  border:2px dashed #979797;
  align-items:center;
  display:flex;
}

@media(max-width:991px) {
  .PMOGallery .no-PMOCoupons .row.dotted-border[b-u4gipx2s1k],.PMOGallery .PMO_LoggedOut .row.dotted-border[b-u4gipx2s1k] {
    min-height:72px;
  }
}

@media(max-width:767px) {
  .PMOGallery .no-PMOCoupons .row.dotted-border[b-u4gipx2s1k],.PMOGallery .PMO_LoggedOut .row.dotted-border[b-u4gipx2s1k] {
    min-height:67px;
  }
}

.PMOGallery .no-PMOCoupons .row.dotted-border .imgSection_no-PMO[b-u4gipx2s1k],.PMOGallery .PMO_LoggedOut .row.dotted-border .imgSection_no-PMO[b-u4gipx2s1k] {
  display:flex;
  justify-content:center;
}

.PMOGallery .no-PMOCoupons .row.dotted-border .imgSection_no-PMO .no-PMO_img[b-u4gipx2s1k],.PMOGallery .PMO_LoggedOut .row.dotted-border .imgSection_no-PMO .no-PMO_img[b-u4gipx2s1k] {
  max-width:87px;
  max-height:79px;
}

@media(max-width:991px) {
  .PMOGallery .no-PMOCoupons .row.dotted-border .imgSection_no-PMO .no-PMO_img[b-u4gipx2s1k],.PMOGallery .PMO_LoggedOut .row.dotted-border .imgSection_no-PMO .no-PMO_img[b-u4gipx2s1k] {
    max-width:65px;
    max-height:59px;
  }
}

@media(max-width:767px) {
  .PMOGallery .no-PMOCoupons .row.dotted-border .txtContent[b-u4gipx2s1k],.PMOGallery .PMO_LoggedOut .row.dotted-border .txtContent[b-u4gipx2s1k] {
    padding:0 8px;
  }
}

.PMOGallery .no-PMOCoupons .row.dotted-border .txtContent h3[b-u4gipx2s1k],.PMOGallery .PMO_LoggedOut .row.dotted-border .txtContent h3[b-u4gipx2s1k] {
  font-size:1.125em;
  font-weight:700;
  line-height:24px;
  margin:auto;
  margin-bottom:8px;
  color:var(--wd-color-accent-purple);
}

@media(max-width:767px) {
  .PMOGallery .no-PMOCoupons .row.dotted-border .txtContent h3[b-u4gipx2s1k],.PMOGallery .PMO_LoggedOut .row.dotted-border .txtContent h3[b-u4gipx2s1k] {
    font-size:1em;
  }
}

@media(max-width:991px) {
  .PMOGallery .no-PMOCoupons .row.dotted-border .txtContent h3[b-u4gipx2s1k],.PMOGallery .PMO_LoggedOut .row.dotted-border .txtContent h3[b-u4gipx2s1k] {
    margin-bottom:0;
  }
}

.PMOGallery .no-PMOCoupons .row.dotted-border .txtContent p[b-u4gipx2s1k],.PMOGallery .PMO_LoggedOut .row.dotted-border .txtContent p[b-u4gipx2s1k] {
  font-size:1em;
  font-weight:normal;
  line-height:22px;
}

@media(max-width:767px) {
  .PMOGallery .no-PMOCoupons .row.dotted-border .txtContent p[b-u4gipx2s1k],.PMOGallery .PMO_LoggedOut .row.dotted-border .txtContent p[b-u4gipx2s1k] {
    font-size:.75em;
  }
}

.PMOGallery .no-PMOCoupons .row.dotted-border .txtContent p a[b-u4gipx2s1k],.PMOGallery .PMO_LoggedOut .row.dotted-border .txtContent p a[b-u4gipx2s1k] {
  color:var(--wd-color-brand-red);
  text-decoration:none;
  font-weight:700;
}

.ee__coupons[b-u4gipx2s1k] .minheight {
  min-height:1000px !important;
}

#couponGallery.minheight[b-u4gipx2s1k] {
  min-height:600px !important;
}

#PMOGallery.minheight[b-u4gipx2s1k] {
  min-height:101px !important;
}

@media(max-width:1024px) and (min-width:768px) {
  .pointoffer[b-u4gipx2s1k] {
    font-size:1.125em;
    line-height:22px;
    letter-spacing:-.25px;
  }
  .qtn-style[b-u4gipx2s1k] {
    height:25px;
    width:25px;
  }
  .couponhelp_model .modal.in[b-u4gipx2s1k] {
    top:6%;
  }
}

@media only screen and (max-width:767px) {
  .pointoffer[b-u4gipx2s1k] {
    font-size:1.25em;
    line-height:25px;
    letter-spacing:-.33px;
  }
  .qtn-style[b-u4gipx2s1k] {
    height:25px;
    width:25px;
  }
  .couponhelp_model .modal.in[b-u4gipx2s1k] {
    top:6%;
  }
  .couponhelp_model .modal-body[b-u4gipx2s1k] {
    padding:0 16px;
  }
  .couponhelp_model .modal-footer[b-u4gipx2s1k] {
    display:flex;
    padding:0;
    flex-direction:column-reverse;
    align-items:center;
  }
  .couponhelp_model h2[b-u4gipx2s1k] {
    font-size:1.625em;
  }
  .couponhelp_model p[b-u4gipx2s1k] {
    font-size:.875em;
  }
}
/* /Components/Coupons/PromoBanner.razor.rz.scp.css */
/* Moved from the original page .razor.css when PromoBanner was extracted into its own
   component. Some rules below were shared with sibling components extracted from the same
   page and are intentionally duplicated verbatim in each — a selector that doesn't match
   anything in a given component's scope is simply inert there.

   Replaces a ".ads_section .ad_background{...45vh...}" rule that never matched this
   component's actual ".ad_section" markup — that typo'd selector doesn't exist anywhere in
   live's CSS either, and left .ad_background at 0x0, hiding the banner entirely. Live doesn't
   ship this banner's CSS in a site-wide bundle at all: it's injected per-entry as an inline
   <style> tag alongside the CMS "ad_section" HTML block. Ported verbatim from that inline block
   since there's no static bundle source to point to instead. */

.ee__coupons .ad_section[b-0w3gb724ll] {
  max-width:1170px;
  margin-left:auto;
  margin-right:auto;
}

.ad_section a[b-0w3gb724ll] {
  display:block;
}

.ad_section .ad_background[b-0w3gb724ll] {
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  border-radius:4px;
}

.ad_section .inner_div[b-0w3gb724ll] {
  text-align:center;
  padding:89px 15px;
}

@media(min-width:768px) and (max-width:992px) {
  .ad_section[b-0w3gb724ll] {
    padding:0 14px;
  }
}

@media(max-width:500px) {
  .ad_section[b-0w3gb724ll] {
    padding:0;
  }
}

@media(min-width:500px) and (max-width:762px) {
  .ad_section[b-0w3gb724ll] {
    padding:0 0 3px 0;
  }
}

@media(min-width:500px) and (max-width:690px) {
  .ad_section .ad_background[b-0w3gb724ll] {
    height:101px;
  }
}

@media(min-width:500px) and (max-width:762px) {
  .ad_section .ad_background[b-0w3gb724ll] {
    height:126px;
    margin-top:-8px;
  }
}

@media(min-width:992px) and (max-width:1199px) {
  .ad_section .inner_div[b-0w3gb724ll] {
    padding:72px 15px;
  }
}

@media(min-width:992px) and (max-width:1199px) {
  .ad_section[b-0w3gb724ll] {
    padding:10px 19px;
  }
}

@media(min-width:762px) and (max-width:992px) {
  .ad_section .inner_div[b-0w3gb724ll] {
    padding:57px 10px;
  }
}

@media(max-width:761px) {
  .ad_section .inner_div[b-0w3gb724ll] {
    padding:32px 0px;
  }
}

@media(max-width:992px) {
  .ad_section .ad_background[b-0w3gb724ll] {
    background-size:100% 100%;
    height:100px;
    margin-bottom:20px;
  }
}

@media(min-width:992px) {
  .ad_section[b-0w3gb724ll] {
    margin-bottom:40px;
    padding-right:15px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ad_section .ad_background[b-0w3gb724ll] {
    margin-top:10px;
  }
}

@media(max-width:500px) {
  .ad_section .ad_background[b-0w3gb724ll] {
    height:100%;
    margin-top:0px;
  }
}
/* /Components/Coupons/SortDropdown.razor.rz.scp.css */
/* Moved from the original page .razor.css when SortDropdown was extracted into its own
   component. Some rules below were shared with sibling components extracted from the same
   page and are intentionally duplicated verbatim in each — a selector that doesn't match
   anything in a given component's scope is simply inert there. */

.ee__coupons[b-0vou93ruaj]  .outer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:100%;
}

.ee__coupons[b-0vou93ruaj]  .outer .flex-list {
  margin:0 5px;
  text-align:right;
}

.ee__coupons[b-0vou93ruaj]  .custom-panel .outer {
  border-bottom:1px solid #979797;
  padding:14px 0;
}

.ee__coupons[b-0vou93ruaj]  .toggle-class .toggle-active {
  display:none;
  transition:3s all;
}

.ee__coupons[b-0vou93ruaj]  .clipped__saving .outer {
  align-items:initial;
}

@media(min-width:992px) {
  .ee__coupons[b-0vou93ruaj]  #couponGallery {
    display:flex;
  }
  .ee__coupons[b-0vou93ruaj]  #couponGallery .coupongalleryspace {
    margin-left:50px;
  }
  .ee__coupons[b-0vou93ruaj]  #couponGallery .coupongalleryspace .flex-list {
    display:flex;
    float:right;
    margin-right:7px;
    padding-bottom:10px;
  }
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .coupon-filter .mobonly .sortOrderDropdown .drop-select a.btn {
  padding:10px;
  font-weight:600;
  font-size:1em;
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .coupon-filter .filter-dropdown .filter-list li .dropdown.open .dropdown-menu {
  top:34px;
  border:none;
  border-radius:0;
  padding:15px 0;
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .coupon-filter .filter-dropdown .filter-list li .dropdown button.dropdown-toggle {
  border:none;
  background-color:transparent;
  color:var(--wd-color-brand-red);
  font-size:.75em;
  font-weight:500;
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section ul.filterList li.sortbySec {
  position:relative;
  left:35%;
}

@media(max-width:1024px) {
  .ee__coupons[b-0vou93ruaj]  .filter-coupon-section ul.filterList li.sortbySec {
    left:48%;
  }
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .dropdown-menu {
  padding:10px;
  border:none;
  overflow:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  max-height:340px;
  margin-top:2px;
  box-shadow:0 2px 8px 0 rgba(0,0,0,.5);
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .dropdown-menu ul {
  list-style:none;
  padding:0;
  margin:0;
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .dropdown-menu li {
  white-space:nowrap;
  margin-bottom:8px;
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .dropdown-menu::-webkit-scrollbar {
  width:2px;
  border-radius:4px;
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .dropdown-menu::-webkit-scrollbar-thumb {
  background-color:var(--wd-color-border);
  border-radius:4px;
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .dropdown-toggle[aria-expanded="false"]::after {
  font-family:FontAwesome;
  content:"";
  color:var(--wd-color-brand-red);
  border:none;
  font-size:.75em;
  vertical-align:2px;
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .dropdown-toggle[aria-expanded="true"]::after {
  font-family:FontAwesome;
  content:"";
  color:var(--wd-color-brand-red);
  border:none;
  font-size:.75em;
  vertical-align:2px;
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .sortOrderDropdown .drop-select {
  background-color:#fff;
  border:1px solid var(--wd-color-border);
  min-width:200px;
  position:relative;
  height:41px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .sortOrderDropdown .drop-select a.btn {
  font-size:1em;
  color:var(--wd-color-text);
  font-weight:600;
  box-shadow:none !important;
  width:100%;
  text-align:left;
  padding:5px 5px 5px 54px;
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .sortOrderDropdown .drop-select a.btn:before {
  content:attr(data-before);
  font-weight:400;
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .sortOrderDropdown .drop-select .dropdown-menu {
  border:1px solid var(--wd-color-border);
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .sortOrderDropdown .drop-select .open>.dropdown-menu {
  display:block;
  width:100%;
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .sortOrderDropdown .drop-select .dropdown-submenu:hover .dropdown-menu {
  top:0;
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .sortOrderDropdown .drop-select ul.dropdown-menu {
  min-width:100% !important;
  border-radius:4px;
  padding:10px 0;
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .sortOrderDropdown .drop-select ul.dropdown-menu li a {
  color:var(--wd-color-text);
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .sortOrderDropdown .drop-select ul.dropdown-menu li a:focus,.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .sortOrderDropdown .drop-select ul.dropdown-menu li a:hover {
  background-color:var(--wd-color-brand-red) !important;
  background-image:none;
  color:#fff;
  filter:none;
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .sortOrderDropdown .drop-select ul.dropdown-menu li button {
  color:var(--wd-color-text);
  padding:5px 14px;
  border-style:none;
  width:-webkit-fill-available;
  color:var(--wd-color-text);
  background-color:transparent;
  border-style:none;
  display:block;
  clear:both;
  font-weight:400;
  line-height:1.42857143;
  white-space:nowrap;
  font-family: var(--wd-font-body);
  text-align:left;
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .sortOrderDropdown .drop-select ul.dropdown-menu li button:hover {
  background-color:var(--wd-color-brand-red) !important;
  background-image:none;
  color:#fff;
  filter:none;
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .sortOrderDropdown .btn-group.drop-select .btn:after {
  padding-left:20px;
  border:none;
  font-family:FontAwesome;
  content:"";
  color:var(--wd-color-brand-red);
  font-size:.75em;
  right:18px;
  top:6px;
  float:right;
}

.ee__coupons[b-0vou93ruaj]  .filter-coupon-section .sortOrderDropdown .btn-group.drop-select.open .btn:after {
  border:none;
  font-family:FontAwesome;
  color:var(--wd-color-brand-red);
  font-size:.75em;
  content:"";
}

.ee__coupons[b-0vou93ruaj]  .drop-select {
  background-color:#fff;
  border:2px solid var(--wd-color-bread);
  min-width:168px;
  height:41px;
  position:relative;
  border-radius:4px;
}

.ee__coupons[b-0vou93ruaj]  .drop-select button.btn {
  font-size:16px;
  font-stretch:normal;
  font-style:normal;
  line-height:22px;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  font-weight:600;
  width:100%;
  padding:6px 9px;
  background:#fff;
}

.ee__coupons[b-0vou93ruaj]  .drop-select button.btn:before {
  content:attr(data-before);
  padding-right:8px;
  font-weight:normal;
}

.ee__coupons[b-0vou93ruaj]  .drop-select button.btn:active {
  -webkit-box-shadow:none;
  box-shadow:none;
}

.ee__coupons[b-0vou93ruaj]  .drop-select .open>.dropdown-menu {
  display:block;
  width:100%;
}

.ee__coupons[b-0vou93ruaj]  .drop-select .dropdown-submenu:hover .dropdown-menu {
  top:0;
}

.ee__coupons[b-0vou93ruaj]  .drop-select ul.dropdown-menu {
  min-width:100% !important;
  background:#fff;
  border-top:none;
  font-size:.875em;
  padding:5px 0;
  margin:2px 0 0;
  border:1px solid rgba(0,0,0,.15);
  font-family: var(--wd-font-body);
}

.ee__coupons[b-0vou93ruaj]  .drop-select .dropdown-menu>li>a {
  white-space:normal;
  padding:5px 0 5px 32px;
  font-size:1em;
  color:var(--wd-color-text);
}

.ee__coupons[b-0vou93ruaj]  .drop-select .dropdown-menu>li>a:focus,.ee__coupons[b-0vou93ruaj]  .drop-select .dropdown-menu>li>a:active,.ee__coupons[b-0vou93ruaj]  .drop-select .dropdown-menu>li>a:hover {
  background-color:var(--wd-color-brand-red) !important;
  background-image:none;
  color:#fff !important;
  filter:none;
}

.ee__coupons[b-0vou93ruaj]  .drop-select .dropdown-menu>li:last-child>a {
  border-bottom:none;
}

.ee__coupons[b-0vou93ruaj]  .drop-select .btn-group.open.dropdown-toggle {
  -webkit-box-shadow:none;
  box-shadow:none;
}

.ee__coupons[b-0vou93ruaj]  .btn-group.drop-select button.btn:after {
  top:6px;
  padding-left:20px;
  font-family:Font Awesome\ 5 Free;
  content:"";
  color:var(--wd-color-brand-red);
  font-size:medium;
}

.ee__coupons[b-0vou93ruaj]  .btn-group.drop-select.open button.btn:after {
  right:12px;
  top:6px;
  font-family:Font Awesome\ 5 Free;
  color:var(--wd-color-brand-red);
  font-size:medium;
  content:"";
}

.ee__coupons[b-0vou93ruaj]  .toggle-class .btn-group.drop-select {
  display:none;
}

@media(max-width:991px) {
  .ee__coupons[b-0vou93ruaj]  .drop-select ul.dropdown-menu li a {
    color:var(--wd-color-text);
    background-color:#fff;
  }
}

.zoomTxt .ee__coupons[b-0vou93ruaj]  .drop-select {
  height:auto;
}

.ee__coupons[b-0vou93ruaj]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec {
  display:flex;
  justify-content:space-between;
  padding-bottom:20px;
  border-bottom:1px solid var(--wd-color-bread);
}

.ee__coupons[b-0vou93ruaj]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec h5 {
  font-family: var(--wd-font-body);
  font-size:18px;
  font-weight:bold;
  color:var(--wd-color-text);
}

.ee__coupons[b-0vou93ruaj]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .btn-group.drop-select.dropdown {
  background-color:#fff;
  border:2px solid #d0d0d0;
  min-width:177px;
  height:40px;
  position:relative;
  border-radius:4px;
}

.ee__coupons[b-0vou93ruaj]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .btn-group.drop-select.dropdown .dropdown-toggle {
  border:none;
  background-color:transparent;
  color:var(--wd-color-text);
  font-size:16px;
  font-weight:bold;
  width:100%;
  height:100%;
  justify-content:space-between;
  display:flex;
  align-items:center;
}

.ee__coupons[b-0vou93ruaj]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .drop-select ul.dropdown-menu {
  min-width:100% !important;
  background:#fff;
  border-top:none;
  font-size:.875em;
  padding:5px 0;
  margin:2px 0 0;
  border:1px solid rgba(0,0,0,.15);
  font-family: var(--wd-font-body);
}

.ee__coupons[b-0vou93ruaj]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .drop-select .dropdown-menu>li>a {
  white-space:normal;
  padding:5px 0 5px 32px;
  font-size:1em;
  color:var(--wd-color-text);
}

.ee__coupons[b-0vou93ruaj]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .drop-select .dropdown-menu>li>a:focus,.ee__coupons[b-0vou93ruaj]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .drop-select .dropdown-menu>li>a:active,.ee__coupons[b-0vou93ruaj]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .drop-select .dropdown-menu>li>a:hover {
  background-color:var(--wd-color-brand-red) !important;
  background-image:none;
  color:#fff !important;
  filter:none;
}

.ee__coupons[b-0vou93ruaj]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .drop-select .dropdown-menu>li:last-child>a {
  border-bottom:none;
}

.ee__coupons[b-0vou93ruaj]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .drop-select .btn-group.open.dropdown-toggle {
  -webkit-box-shadow:none;
  box-shadow:none;
}

.ee__coupons[b-0vou93ruaj]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .dropdown-toggle[aria-expanded=false]::after {
  font-family:FontAwesome;
  content:"";
  color:var(--wd-color-brand-red);
  border:none;
  font-size:.75em;
  vertical-align:2px;
}

.ee__coupons[b-0vou93ruaj]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .dropdown-toggle[aria-expanded=true]::after {
  font-family:FontAwesome;
  content:"";
  color:var(--wd-color-brand-red);
  border:none;
  font-size:.75em;
  vertical-align:2px;
}

.ee__coupons[b-0vou93ruaj]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .btn-group.drop-select button.btn:after {
  top:6px;
  padding-left:20px;
  font-family:Font Awesome\ 5 Free;
  content:"";
  color:var(--wd-color-brand-red);
  font-size:medium;
}

.ee__coupons[b-0vou93ruaj]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .btn-group.drop-select.open button.btn:after {
  right:12px;
  top:6px;
  font-family:Font Awesome\ 5 Free;
  color:var(--wd-color-brand-red);
  font-size:medium;
  content:"";
}

@media(max-width:991px) {
  .ee__coupons[b-0vou93ruaj]  .filter-coupon-section .coupon-filter {
    background:none;
    box-shadow:none;
    margin-bottom:0 !important;
    box-shadow:none;
    margin-bottom:32px;
    padding:0;
  }
  .ee__coupons[b-0vou93ruaj]  .filter-coupon-section .sortOrderDropdown .drop-select a.btn {
    font-size:.875em;
  }
  .ee__coupons[b-0vou93ruaj]  .filter-coupon-section .subcats {
    margin-bottom:0 !important;
  }
}

@media(max-width:767px) {
  .ee__coupons[b-0vou93ruaj]  .filter-outer>div:last-child {
    display:none;
  }
  .ee__coupons[b-0vou93ruaj]  .fiter-stripe h3.sub-heading {
    display:none;
  }
  .ee__coupons[b-0vou93ruaj]  .fiter-stripe .saving-nos {
    display:none;
  }
  .ee__coupons[b-0vou93ruaj]  .flex-list {
    width:100%;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-0vou93ruaj]  .headline h1 {
    font-size:2.125em;
    padding:0 10px !important;
  }
  .ee__coupons[b-0vou93ruaj]  .item-slider .coupon__category .c-list button {
    font-size:.75em;
  }
  .ee__coupons[b-0vou93ruaj]  h2.sub-heading {
    font-size:1.125em;
  }
  .ee__coupons[b-0vou93ruaj]  h2.sub-heading span {
    font-size:.875em;
  }
  .ee__coupons[b-0vou93ruaj]  .drop-select button.btn {
    font-size:.875em;
  }
  .ee__coupons[b-0vou93ruaj]  .saving-nos span {
    font-size:.75em;
  }
  .ee__coupons[b-0vou93ruaj]  .saving-nos i.count {
    font-size:.75em;
  }
  .ee__coupons[b-0vou93ruaj]  .product-list .product-img {
    width:192px;
    height:115px;
  }
  .ee__coupons[b-0vou93ruaj]  .product-list h3 {
    font-size:1em;
  }
  .ee__coupons[b-0vou93ruaj]  .product-list p {
    font-size:.75em;
    height:34px;
    line-height:1.5;
  }
  .ee__coupons[b-0vou93ruaj]  .product-list a {
    font-size:.75em;
  }
  .ee__coupons[b-0vou93ruaj]  .product-list .product-info .couponadded__failed {
    font-size:.75em;
  }
  .ee__coupons[b-0vou93ruaj]  .cliping-grid {
    box-shadow:none;
    padding:0;
  }
  .ee__coupons[b-0vou93ruaj]  .cliping-grid p {
    font-size:.75em;
  }
  .ee__coupons[b-0vou93ruaj]  .heading {
    background-color:var(--wd-color-brand-red);
  }
  .ee__coupons[b-0vou93ruaj]  .heading h2,.ee__coupons[b-0vou93ruaj]  .heading h3 {
    margin:0;
    color:#fff;
    font-size:1.125em;
    font-weight:600;
    font-style:normal;
    line-height:1.38;
    letter-spacing:-.25px;
  }
  .ee__coupons[b-0vou93ruaj]  .heading.blue-bg h2,.ee__coupons[b-0vou93ruaj]  .heading.blue-bg h3 {
    color:#fff;
  }
  .ee__coupons[b-0vou93ruaj]  .list-main .list-info h2 {
    font-size:.75em;
  }
  .ee__coupons[b-0vou93ruaj]  .list-main .list-info p {
    font-size:.875em;
  }
  .ee__coupons[b-0vou93ruaj]  .save-list {
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    min-height:100%;
    margin:0 10px;
  }
  .ee__coupons[b-0vou93ruaj]  .save-list .s-list a {
    font-size:.875em;
    padding:12px 0;
  }
  .ee__coupons[b-0vou93ruaj]  .tab-view {
    margin:32px 0 48px;
  }
  .ee__coupons[b-0vou93ruaj]  .grid__twocoulmn {
    display:flex;
    margin-bottom:32px;
  }
  .ee__coupons[b-0vou93ruaj]  .grid__twocoulmn .grid__row.grid__row--right {
    margin-right:16px;
  }
  .ee__coupons[b-0vou93ruaj]  .grid__twocoulmn .grid__row.grid__row--left {
    margin-left:16px;
  }
  .ee__coupons[b-0vou93ruaj]  .main-btn {
    width:171px;
  }
  .ee__coupons[b-0vou93ruaj]  .clipped__saving .product-img {
    min-width:107px;
    width:107px;
    height:99px;
  }
  .ee__coupons[b-0vou93ruaj]  .container.filter-path {
    padding-bottom:15px;
  }
  .ee__coupons[b-0vou93ruaj]  .filter-coupon-section {
    margin:0 12px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-0vou93ruaj]  .container {
    padding:0 20px 80px 20px;
  }
  .ee__coupons[b-0vou93ruaj]  .container .headerbar {
    margin-bottom:18px;
  }
  .ee__coupons[b-0vou93ruaj]  .container .headline,.ee__coupons[b-0vou93ruaj]  .container .item-slider,.ee__coupons[b-0vou93ruaj]  .container #couponGallery,.ee__coupons[b-0vou93ruaj]  .container .header-inner {
    padding:0;
  }
  .ee__coupons[b-0vou93ruaj]  .container.filter-path {
    padding:10px 0;
  }
  .ee__coupons[b-0vou93ruaj]  .product-main {
    padding-bottom:0;
  }
  .ee__coupons[b-0vou93ruaj]  .headline h1 {
    font-size:30px;
    margin:24px 0 0;
    padding-bottom:10px;
    width:100%;
  }
  .ee__coupons[b-0vou93ruaj]  .item-slider {
    margin:0;
  }
  .ee__coupons[b-0vou93ruaj]  .item-slider .coupon__category .c-list button {
    font-size:.875em;
    padding:0;
    margin:10px 0 10px;
    max-width:inherit;
  }
  .ee__coupons[b-0vou93ruaj]  .item-slider .coupon__category .c-list .active__category {
    padding-bottom:5px;
  }
  .ee__coupons[b-0vou93ruaj]  h2.sub-heading {
    font-size:1.125em;
  }
  .ee__coupons[b-0vou93ruaj]  h2.sub-heading span {
    font-size:.875em;
  }
  .ee__coupons[b-0vou93ruaj]  .drop-select button.btn {
    font-size:.875em;
  }
  .ee__coupons[b-0vou93ruaj]  .product-list {
    padding:0 0 8px 0;
    border:solid 2px var(--wd-color-bread);
    cursor:pointer;
    display:flex;
    align-items:center;
    border-right:0;
    border-left:0;
    border-top:0;
    margin:0;
    width:100%;
    height:auto;
    min-height:0;
    border-radius:0;
  }
  .ee__coupons[b-0vou93ruaj]  .product-list .product-img {
    height:auto;
    min-width:100px;
    margin:0 12px 0 -4px;
    width:auto;
  }
  .ee__coupons[b-0vou93ruaj]  .product-list .product-img img {
    max-width:64px;
    height:64px;
  }
  .ee__coupons[b-0vou93ruaj]  .product-list .product-info {
    padding:0;
    height:auto;
    width:auto;
    align-items:center;
  }
  .ee__coupons[b-0vou93ruaj]  .product-list .product-info .product__sub_desc {
    position:absolute;
    right:5px;
    top:50px;
  }
  .ee__coupons[b-0vou93ruaj]  .product-list .product-info .product__sub_desc button {
    border:none;
    background:none;
  }
  .ee__coupons[b-0vou93ruaj]  .product-list .product-info .product__sub_desc button .icon-add-plus {
    width:30px;
    height:30px;
    transform:rotate(45deg);
    background:url(/Areas/V2/Images/add.svg);
  }
  .ee__coupons[b-0vou93ruaj]  .product-list .product-info .product__sub_desc button .icon-scissor {
    width:30px;
    height:30px;
    background:url(/Areas/V2/Images/scrissor.png);
  }
  .ee__coupons[b-0vou93ruaj]  .product-list .product-info .couponadded__failed {
    position:relative;
    padding-bottom:10px;
    margin:0;
  }
  .ee__coupons[b-0vou93ruaj]  .product-list h3 {
    font-size:1.125em;
    white-space:normal;
    word-break:break-word;
    padding-right:60px;
    margin-bottom:5px;
  }
  .ee__coupons[b-0vou93ruaj]  .product-list .er-span {
    height:auto !important;
    padding-right:60px;
  }
  .ee__coupons[b-0vou93ruaj]  .product-list p {
    padding-right:65px;
  }
  .ee__coupons[b-0vou93ruaj]  .product-list a {
    font-size:.875em;
    padding:0;
  }
  .ee__coupons[b-0vou93ruaj]  .product-list .left-info {
    padding:3px 10px;
  }
  .ee__coupons[b-0vou93ruaj]  .product-list:has(+div) {
    border-bottom:0;
  }
  .ee__coupons[b-0vou93ruaj]  .product-list:has(+div.ng-hide) {
    border-bottom:solid 2px var(--wd-color-bread);
  }
  .ee__coupons[b-0vou93ruaj]  .cliping-grid {
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    padding:15px;
  }
  .ee__coupons[b-0vou93ruaj]  .cliping-grid p {
    font-size:.75em;
  }
  .ee__coupons[b-0vou93ruaj]  .heading {
    background-color:var(--wd-color-brand-red);
  }
  .ee__coupons[b-0vou93ruaj]  .heading h2,.ee__coupons[b-0vou93ruaj]  .heading h3 {
    margin:0;
    color:#fff;
    font-size:1em;
    font-weight:600;
    font-style:normal;
    line-height:1.38;
    letter-spacing:-.25px;
  }
  .ee__coupons[b-0vou93ruaj]  .heading.blue-bg h2,.ee__coupons[b-0vou93ruaj]  .heading.blue-bg h3 {
    color:#fff;
  }
  .ee__coupons[b-0vou93ruaj]  .list-main .list-info h2 {
    font-size:.75em;
  }
  .ee__coupons[b-0vou93ruaj]  .list-main .list-info p {
    font-size:.875em;
  }
  .ee__coupons[b-0vou93ruaj]  .save-list {
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    margin-top:20px;
  }
  .ee__coupons[b-0vou93ruaj]  .save-list .s-list a {
    font-size:.875em;
  }
  .ee__coupons[b-0vou93ruaj]  .add-btn.minus-btn {
    width:150px;
  }
  .ee__coupons[b-0vou93ruaj]  .add-btn i {
    font-size:.75em;
    width:22px;
    height:22px;
    padding:0;
    padding-left:0;
    top:-1px;
    line-height:20px;
  }
  .ee__coupons[b-0vou93ruaj]  .product__sub_desc .coupon-add-btn {
    width:auto;
    display:block;
    background-color:transparent;
    border:none;
    color:var(--wd-color-text);
    font-size:.875em;
    margin:0;
    height:49px;
    font-family: var(--wd-font-body);
    font-weight:bold;
    font-size:.875em;
    font-style:normal;
    font-stretch:normal;
    line-height:normal;
    letter-spacing:normal;
    margin:24px 0;
    margin-right:0;
    width:125px;
    height:34px;
    display:inline-block;
    padding:0;
  }
  .ee__coupons[b-0vou93ruaj]  .coupon-add-btn-mob {
    margin:0;
    margin-right:0;
    font-size:.875em;
    font-weight:bold;
    width:35px;
    height:34px;
    display:inline-block;
    padding:0;
    color:var(--wd-color-text) !important;
  }
  .ee__coupons[b-0vou93ruaj]  .coupon-add-btn-mob:hover {
    background:none !important;
    color:var(--wd-color-text) !important;
  }
}
/* /Components/Home/HeroCarousel.razor.rz.scp.css */
/* Moved from Home.razor.css (homeCarousel-wd.scss block) when HeroCarousel was extracted into
   its own component. ::deep is required on slick.js's own wrapper markup (.slick-*, the
   custom-controls buttons) because slick builds/clones that DOM itself — Blazor's scope
   attribute never reaches it (same reasoning documented in the original Home.razor.css).
   Everything else here is plain: this component's own template output still gets its own
   scope attribute stamped on every element it renders, same as it would inline in Home.razor. */

.sliderbannser[b-8fe8s03to3] {
  margin-bottom: 60px;
}

/* This component renders inside Home.razor's .container-fluid__full, which is globally capped at
   max-width:1170px + centered (see _app-wd-legacy-content.scss's ".container-fluid__full" rule)
   — confirmed live this section itself picks up NONE of that cap (x=0/width=1440, full viewport,
   unlike this page's boxed sections such as PercentBackOffers/DealsNearYou which DO rely on that
   same cap and sit at x=135/width=1170 on both live and local). Same root cause, and the same
   "break out of a centered container" fix, as SustainabilityPledgeTemplate.razor.css's own
   .headsection rule and StaticBanner.razor.css's identical rule for its own section (both siblings
   of this one, same wrapper) — scoped to THIS component's own CSS-isolation attribute since
   that's what actually lands on the elements below. */
.sliderbannser[b-8fe8s03to3] {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.sliderbannser .HomeCarousel[b-8fe8s03to3]  .slick-initialized.slick-slide {
  display: flex;
  justify-content: center;
}

.sliderbannser .HomeCarousel[b-8fe8s03to3]  .slick-slider.slick-list,
.sliderbannser .HomeCarousel[b-8fe8s03to3]  .slick-slider.slick-track {
  display: flex;
}

@media (min-width: 100px) and (max-width: 500px) {
  .sliderbannser .HomeCarousel[b-8fe8s03to3]  .sliderXS {
    width: -webkit-fill-available;
  }
}

@media (min-width: 100px) and (max-width: 350px) {
  .sliderbannser .HomeCarousel .slider.item img[b-8fe8s03to3] {
    width: 200px;
  }
}

.sliderbannser .HomeCarousel[b-8fe8s03to3]  .slick-slide {
  margin: 30px 15px;
}

.sliderbannser .HomeCarousel[b-8fe8s03to3]  .slick-dots li button:before {
  font-size: 15px;
}

.sliderbannser .HomeCarousel[b-8fe8s03to3]  .slick-dots li.slick-active button:before {
  color: var(--wd-color-text) !important;
}

.sliderbannser .HomeCarousel[b-8fe8s03to3]  .slick-prev,
.sliderbannser .HomeCarousel[b-8fe8s03to3]  .slick-next {
  z-index: 10;
  width: 35px !important;
  height: 35px !important;
  top: 104% !important;
}

.sliderbannser .HomeCarousel[b-8fe8s03to3]  .slick-prev::before,
.sliderbannser .HomeCarousel[b-8fe8s03to3]  .slick-next::before {
  color: var(--wd-color-brand-red) !important;

  font-size: 30px;
}

.sliderbannser .HomeCarousel[b-8fe8s03to3]  .slick-prev {
  left: 45% !important;
}

.sliderbannser .HomeCarousel[b-8fe8s03to3]  .slick-next {
  right: 45% !important;
}

.sliderbannser .HomeCarousel .HomeCarousel-Header[b-8fe8s03to3] {
  display: flex;
  border-radius: 16px;
  border: 3px solid var(--wd-color-bread);
  margin: 64px 36px 46px 36px;
  background-color: #ffffff;
  position: relative;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .sliderbannser .HomeCarousel .HomeCarousel-Header .Header-image img[b-8fe8s03to3] {
    width: 331px !important;
    max-height: 245px !important;
    right: 7%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .sliderbannser .HomeCarousel .HomeCarousel-Header[b-8fe8s03to3] {
    margin: 26px 15px 25px 15px;
  }

  .sliderbannser .HomeCarousel .HomeCarousel-Header .Header-image img[b-8fe8s03to3] {
    width: 331px !important;
    max-height: 225px !important;
    right: 3% !important;
    top: 23% !important;
  }
}

@media (min-width: 100px) and (max-width: 767px) {
  .sliderbannser .HomeCarousel .HomeCarousel-Header[b-8fe8s03to3] {
    margin: 30px 0 0 0 !important;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }

  .sliderbannser .HomeCarousel .HomeCarousel-Header .Header-image[b-8fe8s03to3] {
    margin-top: -20px;
  }

  .sliderbannser .HomeCarousel .HomeCarousel-Header .Header-image img[b-8fe8s03to3] {
    width: 310px !important;
    max-height: 221px !important;
    top: -6% !important;
    transform: none !important;
    position: relative !important;
    margin-top: -16px !important;
    right: 0% !important;
  }
}

.sliderbannser .HomeCarousel .HomeCarousel-Header .Header-image[b-8fe8s03to3] {
  display: flex;
  margin: auto;
  justify-content: center;
}

.sliderbannser .HomeCarousel .HomeCarousel-Header .Header-image img[b-8fe8s03to3] {
  width: 500px;
  max-height: 235px;
  position: absolute;
  top: 20%;
  transform: scaleY(2);
  right: 5%;
  border-radius: 8px;
}

.sliderbannser .HomeCarousel .HomeCarousel-Header .Header-image .Tab-app[b-8fe8s03to3] {
  height: 100%;
}

.sliderbannser .HomeCarousel .HomeCarousel-Header .HomeCarousel-heading[b-8fe8s03to3] {
  margin: 50px;
  padding-left: 12px;
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) and (max-width: 991px) {
  .sliderbannser .HomeCarousel .HomeCarousel-Header .HomeCarousel-heading[b-8fe8s03to3] {
    margin: 0px;
    padding: 20px;
  }
}

.sliderbannser .HomeCarousel .HomeCarousel-Header .HomeCarousel-heading h2[b-8fe8s03to3] {
  margin: 0 0 23px;
  font-family: var(--wd-font-body);
  font-size: 3.25em;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.59px;
  color: var(--wd-color-text);
  width: 95%;
  min-height: 120px;
  max-height: 180px;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sliderbannser
  .HomeCarousel
  .HomeCarousel-Header
  .HomeCarousel-heading
  h2
  span[b-8fe8s03to3] {
    color: var(--wd-color-brand-red);
}

@media (min-width: 768px) and (max-width: 991px) {
  .sliderbannser .HomeCarousel .HomeCarousel-Header .HomeCarousel-heading h2[b-8fe8s03to3] {
    font-size: 2.875em !important;
  }
}

.sliderbannser
  .HomeCarousel
  .HomeCarousel-Header
  .HomeCarousel-heading
  h2
  span[b-8fe8s03to3] {
  color: var(--wd-color-brand-red);
}

.sliderbannser .HomeCarousel .HomeCarousel-Header .HomeCarousel-heading .HomeCarousel-body[b-8fe8s03to3] {
  line-height: 115%;
}

.sliderbannser .HomeCarousel .HomeCarousel-Header .HomeCarousel-heading p[b-8fe8s03to3] {
  font-family: var(--wd-font-body);
  font-size: 1.125em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: -0.22px;
  color: var(--wd-color-text);
  width: 95%;
  min-height: 48px;
  max-height: 100px;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sliderbannser .HomeCarousel .HomeCarousel-Header .HomeCarousel-heading p a[b-8fe8s03to3] {
  text-decoration: underline;
  cursor: pointer;
  color: var(--wd-color-brand-red) !important;
  display: inline-block;
}

.sliderbannser
  .HomeCarousel
  .HomeCarousel-Header
  .HomeCarousel-heading
  .Grocerydelivery-link[b-8fe8s03to3] {
  margin-top: 31px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .sliderbannser
    .HomeCarousel
    .HomeCarousel-Header
    .HomeCarousel-heading
    .Grocerydelivery-link[b-8fe8s03to3] {
    margin-bottom: 15px;
  }
}

@media (min-width: 100px) and (max-width: 767px) {
  .sliderbannser
    .HomeCarousel
    .HomeCarousel-Header
    .HomeCarousel-heading
    .Grocerydelivery-link[b-8fe8s03to3] {
    margin: 25px auto 30px auto;

    display: table;
  }
}

.sliderbannser
  .HomeCarousel
  .HomeCarousel-Header
  .HomeCarousel-heading
  .Grocerydelivery-link
  .btn-delivery[b-8fe8s03to3] {
  padding: 5px 10px !important;
  height: 48px;
  width: 204px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--wd-font-body);
  font-weight: 600;

  /* .btn-delivery carries the global .main-btn class, whose !important background/border
             (var(--wd-color-brand-red), the old brand red) would otherwise win over a plain override here — live's
             hero CTA measures rgb(224, 27, 26), the same accent-red used elsewhere on this page. */
  background-color: var(--wd-color-brand-red) !important;
  border: 1px solid var(--wd-color-brand-red) !important;
}

.sliderbannser
  .HomeCarousel
  .HomeCarousel-Header
  .HomeCarousel-heading
  .Grocerydelivery-link
  .btn-delivery
  .shopbtn-link[b-8fe8s03to3] {
  margin-left: 17px;
}

@media (min-width: 768px) and (max-width: 991px),
  (min-width: 100px) and (max-width: 767px) {
  .sliderbannser
    .HomeCarousel
    .HomeCarousel-Header
    .HomeCarousel-heading
    .Grocerydelivery-link
    .btn-delivery[b-8fe8s03to3] {
    font-size: 1.125em;
  }
}

@media (min-width: 100px) and (max-width: 500px) {
  .sliderbannser
    .HomeCarousel
    .HomeCarousel-Header
    .HomeCarousel-heading
    .Grocerydelivery-link
    .btn-delivery[b-8fe8s03to3] {
    width: auto;
  }
}

@media (min-width: 100px) and (max-width: 767px) {
  .sliderbannser .HomeCarousel .HomeCarousel-Header .HomeCarousel-heading[b-8fe8s03to3] {
    margin: 0;
    padding: 0 20px;
    text-align: center;
    margin-top: 0;
  }

  .sliderbannser .HomeCarousel .HomeCarousel-Header .HomeCarousel-heading h2[b-8fe8s03to3] {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 16px;
    font-size: 1.625em !important;
    min-height: 70px !important;
    max-height: 110px !important;
  }

  .sliderbannser .HomeCarousel .HomeCarousel-Header .HomeCarousel-heading p[b-8fe8s03to3] {
    width: 100%;
    text-align: center;
    padding: 16px;
    max-height: 113px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .sliderbannser .HomeCarousel .HomeCarousel-Header .HomeCarousel-heading[b-8fe8s03to3] {
    margin: 30px;
    margin-right: 0 !important;
  }
}

.sliderbannser .HomeCarousel[b-8fe8s03to3]  .custom-controls {
  display: flex;
  align-items: center;
  width: auto;
  justify-content: center;
}

.sliderbannser .HomeCarousel[b-8fe8s03to3]  .custom-controls button#customPrev {
  margin-right: 100px;
  width: 30px;
  height: 30px;
}

.sliderbannser .HomeCarousel[b-8fe8s03to3]  .custom-controls button#pausePlayBtn {
  width: 40px;
  height: 40px;
}

.sliderbannser .HomeCarousel[b-8fe8s03to3]  .custom-controls button#customNext {
  margin-left: 80px;
  width: 30px;
  height: 30px;
}

.sliderbannser .HomeCarousel[b-8fe8s03to3]  .custom-controls .custom-arrow {
  position: absolute;
  transform: translateX(-50%);
  background: var(--wd-color-brand-red);
  color: #fff;
  padding: 10px;
  border: none;
  cursor: pointer;
  font-size: 18px;
  border-radius: 50%;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

.sliderbannser .HomeCarousel[b-8fe8s03to3]  .custom-controls .custom-arrow:focus {
  outline: 3px solid yellow;
}

.sliderbannser .HomeCarousel[b-8fe8s03to3]  .custom-controls .custom-arrow i {
  font-size: 18px;
}
/* /Components/Home/PercentBackHelpModal.razor.rz.scp.css */
/* Moved from Home.razor.css (percentBackCoupons-wd.scss block) when PercentBackHelpModal was
   extracted into its own component. */

/* .qtn-style ("?" trigger button): moved here from PercentBackOffers.razor.css. The button
   itself is rendered by THIS component's markup, so Blazor's scoped-CSS isolation stamps it
   with this file's scope attribute — the rule has to live here to ever match it (see the note
   left in PercentBackOffers.razor.css). */
.PointsMultiplierOffers .qtn-style[b-zlqxcu2vea] {
  font-family: var(--wd-font-body);
  font-style: normal;
  font-weight: 700;
  font-size: 1.125em;
  /* Live's help-button fill is red (measured: rgb(224, 27, 26)), not this dark gray. */
  background-color: var(--wd-color-brand-red);
  color: #fff;
  width: 22px;
  height: 22px;
  padding: 0;
  border: none;
  border-radius: 100%;
  text-align: center;
  position: absolute;
  top: 44%;
}
@media (max-width: 1024px) and (min-width: 768px) {
  .PointsMultiplierOffers .qtn-style[b-zlqxcu2vea] {
    width: 16.5px;
    height: 16.5px;
    font-size: 0.75em;
    top: 38%;
  }
}
@media only screen and (max-width: 767px) {
  .PointsMultiplierOffers .qtn-style[b-zlqxcu2vea] {
    width: 16.5px;
    height: 16.5px;
    font-size: 0.75em;
    top: 30%;
    margin-left: 4px;
  }
}

.couponhelp_model .modal[b-zlqxcu2vea] {
  display: none;
  position: fixed;
  z-index: 1;
  padding: 100px 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.couponhelp_model .modal.in[b-zlqxcu2vea] {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1050;
  padding-right: 0 !important;
}
.couponhelp_model .modal.in .modal-dialog[b-zlqxcu2vea] {
  margin: 60px auto;
}
.couponhelp_model .modal-content[b-zlqxcu2vea] {
  background-color: #fefefe;
  border-radius: 4px;
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.25);
}

/* .Couponshelp-HeaderImage is a sibling of .modal-body, not nested inside it — live's own
   structure — so the artwork sits flush at the top and spans the dialog's full width instead of
   being inset by .modal-body's own side padding. display:block removes the default inline-image
   baseline gap that would otherwise leave a sliver of white below the image. */
.Couponshelp-HeaderImage[b-zlqxcu2vea] {
  width: 100%;
  margin: 0;
}
.Couponshelp-HeaderImage img[b-zlqxcu2vea] {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

/* .modal-body carries the text (heading/intro/steps) at live's own measured typography
   (Contentstack QA capture of the equivalent legacy modal-body: font-weight 400, font-style
   normal, line-height normal, font-size 1em, box-sizing border-box, position relative) —
   color/font-family substitute the retired #333/Asap for this rebrand's --wd-color-text/
   --wd-font-body tokens (see _wd-colors.scss's own header comment on what's retired) rather than
   reproducing the legacy literals verbatim. Text-property inheritance covers the nested h1/p/li
   without repeating this per element, same as the live capture's own ".couponhelp_model p"
   cascade.

   Selector note: these rules used to target a .couponhelp-content element that this component
   never renders — a leftover from the FluentDialog version — so none of the typography below
   actually applied and the modal fell back to Bootstrap's own .modal-body defaults (measured:
   30px left-aligned black heading, 15px padding). They target the real .modal-body now. */
.couponhelp_model .modal-body[b-zlqxcu2vea] {
  box-sizing: border-box;
  position: relative;
  padding: 0 58px;
  font-family: var(--wd-font-body);
  font-style: normal;
  font-weight: 400;
  font-size: 1em;
  line-height: normal;
  color: var(--wd-color-text);
}
@media only screen and (max-width: 767px) {
  .couponhelp_model .modal-body[b-zlqxcu2vea] {
    padding: 16px;
  }
}
.couponhelp_model .modal-body .coupons-ul[b-zlqxcu2vea] {
  margin-bottom: 32px;
}
.couponhelp_model .modal-body .coupons-ul li[b-zlqxcu2vea] {
  margin: 15px 0;
}
@media only screen and (max-width: 767px) {
  .couponhelp_model .modal-body .coupons-ul[b-zlqxcu2vea] {
    margin-bottom: 16px;
  }
}

.couponhelp_model .modal-body h2[b-zlqxcu2vea] {
  font-family: var(--wd-font-body);
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  letter-spacing: -0.305556px;
  color: var(--wd-color-accent-purple);
  margin-bottom: 14px;
  margin-top: 0;
}
/* The CTA is a plain <button class="couponshelp-btn"> rendered by this component, so it carries
   this file's scope attribute and an ordinary selector reaches it. It was a FluentButton once,
   whose chrome lived behind a ::part(control) shadow part; the ::deep ::part rule that targeted
   it survived the migration back to plain markup and matched nothing, leaving the CTA as an
   unstyled native button (measured: 200x25, square corners, #efefef).

   background-color/color are set here rather than left to the markup: they used to come from
   BackgroundColor/Color attributes on the FluentButton element, which no longer exist, so
   nothing else supplies them. :hover mirrors the dimmed-fill feedback FluentButton generated
   for itself. */
.couponhelp_model .couponshelp-btn[b-zlqxcu2vea] {
  box-sizing: border-box;
  font-family: var(--wd-font-body);
  font-style: normal;
  font-weight: 700;
  font-size: 1.125em;
  line-height: 22px;
  letter-spacing: -0.25px;
  padding: 12px 16px;
  width: 170px;
  height: 48px;
  margin: 15px 17px;
  border: none;
  border-radius: 6px;
  background-color: var(--wd-color-brand-red);
  color: #fff;
  cursor: pointer;
}
.couponhelp_model .couponshelp-btn:hover[b-zlqxcu2vea] {
  background-color: var(--wd-color-primary-hover);
}
.couponhelp_model .modal-footer[b-zlqxcu2vea] {
  padding: 0 58px 30px;
  display: flex;
  justify-content: center;
  border: none;
}
/* /Components/Home/PercentBackOffers.razor.rz.scp.css */
/* Moved from Home.razor.css (percentBackCoupons-wd.scss block) when PercentBackOffers was
   extracted into its own component. A few rules below were originally comma-joined with
   .coupons_home/.recipe-selector/.App-rewards__section selectors that still live in
   Home.razor — those got split rather than moved wholesale: the .PointsMultiplierOffers/
   .pointoffer part came here, the rest stayed in Home.razor.css (see that file for the
   .coupons_home/.recipe-selector/.App-rewards__section half of each split rule). */

.PointsMultiplierOffers[b-5ujwqs3h7n] {
  position: relative;
}
/* LinkifyLoginSignup (Home.razor) emits these classes for the logged-out percent-back body's
   "Log in"/"Sign up" links but nothing ever styled them, so they fell back to default link blue —
   live renders both in brand red, bold, no underline (measured: rgb(200, 16, 46), weight 700).
   ::deep is required here: these <a> tags come from a MarkupString (raw HTML built in C#), which
   Blazor's scoped-CSS compiler never sees as literal markup, so it never gets this file's scope
   attribute — a plain (non-::deep) selector would compile to a scoped selector that can never match. */
.PMO_LoggedOut[b-5ujwqs3h7n]  .sp-login-btn,
.PMO_LoggedOut[b-5ujwqs3h7n]  .sp-sign-btn {
  color: var(--wd-color-brand-red);
  font-weight: 700;
  text-decoration: none;
}
.PointsMultiplierOffers .pointoffer[b-5ujwqs3h7n] {
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.433333px;
  color: var(--wd-color-text);
  display: inline-flex;
  margin: 10px;
  margin-top: 20px;
}
@media (max-width: 991px) and (min-width: 768px) {
  .PointsMultiplierOffers .pointoffer[b-5ujwqs3h7n] {
    margin: 13px 0;
    margin-right: 8px;
    font-size: 1.125em;
  }
}
@media only screen and (max-width: 767px) {
  .PointsMultiplierOffers .pointoffer[b-5ujwqs3h7n] {
    margin: 2px;
    font-size: 1.25em;
  }
}
/* .qtn-style ("?" trigger button) rules moved to PercentBackHelpModal.razor.css: the button
   is rendered by that sibling component, and Blazor's scoped-CSS isolation stamps each file's
   rules with that file's OWN scope attribute — a rule declared here can never match an element
   whose scope attribute belongs to a different component, no matter how the selector reads. */

/* Real card markup (percentBack.js's buildCard()): .pmo-cards > li.pmoCouponTile >
   div.mboCoupon > (img.PMO-img, div.PMOcoupon-info > (div.headcontent > h3,
   div.expcontent > p + span)) — replicates live's own _percentBackCoupons.ang.js template (see
   buildCard()'s own doc comment). .headcontent/.expcontent themselves carry no styling of their
   own on live (measured: both are plain reset-only boxes) — every rule below targets their h3/p/
   span children instead, which is where live's actual banner/text treatment lives. h3 and span
   both carried live's own "ng-binding" class (Angular's own auto-added data-binding marker, not
   an authored styling hook — not replicated here, same as ng-pristine/ng-valid/ng-scope on the
   card root), so they're targeted by tag instead of by that class.

   .pmo-cards itself (the <ul>) IS styled below — measured off live's own computed styles: a
   single-row horizontal scroller (old-style `display: -webkit-box` rather than flexbox, matching
   what live actually computes) with its native scrollbar suppressed cross-browser
   (scrollbar-width for Firefox, ::-webkit-scrollbar for Chrome/Safari — scrollbar-width alone
   doesn't hide it there). list-style/padding reset because this is a real <ul> now, not a <div>. */
.pmo-cards[b-5ujwqs3h7n] {
  list-style: none;
  padding: 0;
  margin: -12px 10px;
  width: 94% !important;
  display: -webkit-box;
  overflow-x: scroll;
  overflow-y: hidden;
  overscroll-behavior: contain;
  border-bottom: none;
  scrollbar-width: none;
}
.pmo-cards[b-5ujwqs3h7n]::-webkit-scrollbar {
  width: 0;
}
/* .pmoCouponTile (the <li>, built by buildCard()) also measured off live's computed styles — a
   fixed-width float rather than Bootstrap's own percentage-based .col-sm-4 (the width:283px
   !important is what overrides .col-sm-4's percentage width; the class is kept on the element
   for its other grid-gutter/box-model rules, only its width is overridden here). ::deep required:
   built via document.createElement, so it never carries this file's scope attribute. */
.pmo-cards[b-5ujwqs3h7n]  .pmoCouponTile {
  position: relative;
  float: left;
  min-height: 1px;
  min-width: 280px;
  width: 283px !important;
  margin: 0;
  padding: 14px 7px 14px 0;
}
/* .mboCoupon (the tap target itself) — also measured off live's computed styles. min-width:100%
   stretches it to fill .pmoCouponTile's own width:283px minus that tile's own 7px/0 right/left
   padding, rather than the tile relying on this child's intrinsic width:270px (which is narrower
   than the tile's own content box) — both values are live's, kept together rather than resolved
   to one, since min-width wins here regardless of which number is "the" width in practice. */
.pmo-cards[b-5ujwqs3h7n]  .mboCoupon {
  display: inline-block;
  border-radius: 4px;
  width: 270px;
  min-width: 100%;
  cursor: pointer;
}
/* .PMO-img — also live's computed values. position:absolute here relies on .pmoCouponTile's own
   position:relative above as its containing block (.mboCoupon itself is never positioned in
   live's own styles either) — that's why .pmoCouponTile got position:relative rather than it
   being an unused leftover. vertical-align:middle was in the matched rules too but is a dead
   declaration once display:block applies (block boxes ignore vertical-align), so it's left out. */
.pmo-cards[b-5ujwqs3h7n]  .PMO-img {
  display: block;
  position: absolute;
  width: 96px;
  max-width: 96px !important;
  height: 92px !important;
  min-height: 90px !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: auto;
}
/* .PMOcoupon-info — live's own background measured out to exactly --wd-color-brand-red
   (its current default in _wd-colors.scss), so it's the token here rather than the literal
   hex, per this project's brand-token rule (CLAUDE.md #11) even though this exact value isn't on that rule's
   retired-hex list — it's the CURRENT token value, not a retired one, which is the stronger case
   for using the var. */
.pmo-cards[b-5ujwqs3h7n]  .PMOcoupon-info {
  width: 86%;
  float: right;
  margin: 5px 0;
  margin-top: 9px !important;
  min-height: 64px;
  border-radius: 0 20px 0 20px !important;
  box-shadow: 0px 0px 2.91px 2.91px #00000040 !important;
  background: var(--wd-color-brand-red) !important;
}
/* .headcontent h3 (the offer heading, e.g. "Earn 10% back in points on your next shop!") — white
   bold text on .PMOcoupon-info's red banner; the 65px left padding clears .PMO-img's absolutely
   positioned badge, matching .expcontent's own identical 65px below for the same reason. Asap ->
   --wd-font-body per this project's brand-token rule (CLAUDE.md #11); #fff has no retired-hex
   equivalent to substitute (white isn't one of the tracked brand tokens) so it stays literal. */
.pmo-cards[b-5ujwqs3h7n]  .headcontent h3 {
  margin: 0;
  height: 48px;
  padding: 8px 17px 8px 65px;
  font-family: var(--wd-font-body);
  font-size: 14px;
  font-weight: 700;
  line-height: 16.04px;
  letter-spacing: -0.2222222238779068px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fff;
}
/* .expcontent — live's own background measured out to exactly --wd-color-bread (its current
   default in _wd-colors.scss), so it's the token here too, same reasoning as
   .PMOcoupon-info's brand-red above. */
.pmo-cards[b-5ujwqs3h7n]  .expcontent {
  display: flex;
  align-items: center;
  height: 24px;
  padding: 8px 0 8px 65px;
  border-radius: initial !important;
  background-color: var(--wd-color-bread) !important;
}
/* .expcontent.active — live's own LOADED-state modifier (real markup: <div class="active
   expcontent">, confirmed this time rather than guessed), overriding the bread background with
   a status green. #A6C780 is a functional/status color, out of scope for the --wd-color-* brand
   tokens (see _wd-colors.scss's own header comment, and the identical reasoning already recorded
   for #2f723c elsewhere in this codebase) — no token to substitute here either. */
.pmo-cards[b-5ujwqs3h7n]  .expcontent.active {
  background: #A6C780 !important;
}
/* .expcontent p ("Tap to activate offer" / "Offer activated!" status text) and its sibling span
   ("Exp: 12/31") — #343A40 doesn't match --wd-color-text (#000000) or any retired-hex entry on
   this project's brand-token list, so it's kept literal rather than forced onto an unrelated
   token. Direct-child combinator (> span, not a bare descendant selector) is deliberate: the
   activated state's live <i class="fa fa-check"> checkmark also lives inside this <p>, one level
   deeper than the expiration <span> — a bare ".expcontent span" risks catching a similarly-nested
   element by accident if the icon markup ever changes shape again. */
.pmo-cards[b-5ujwqs3h7n]  .expcontent p {
  margin: 0;
  font-family: var(--wd-font-body);
  font-size: 12px;
  font-weight: 700;
  line-height: 13.75px;
  letter-spacing: -0.2222222238779068px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #343A40 !important;
}
.pmo-cards[b-5ujwqs3h7n]  .expcontent > span {
  font-family: var(--wd-font-body);
  font-size: 10px;
  font-weight: 500;
  line-height: 11.46px;
  letter-spacing: -0.2222222238779068px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  padding-left: 16px;
  color: #343A40 !important;
}
.PMOGallery .no-PMOCoupons[b-5ujwqs3h7n],
.PMOGallery .PMO_LoggedOut[b-5ujwqs3h7n],
.PMOGallery .PMO_NoOffers[b-5ujwqs3h7n] {
  width: 100%;
  padding: 0 10px 10px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .PMOGallery .no-PMOCoupons[b-5ujwqs3h7n],
  .PMOGallery .PMO_LoggedOut[b-5ujwqs3h7n],
  .PMOGallery .PMO_NoOffers[b-5ujwqs3h7n] {
    padding: 0 0 10px;
  }
}
@media (max-width: 767px) {
  .PMOGallery .no-PMOCoupons[b-5ujwqs3h7n],
  .PMOGallery .PMO_LoggedOut[b-5ujwqs3h7n],
  .PMOGallery .PMO_NoOffers[b-5ujwqs3h7n] {
    padding: 2px 2px 10px;
  }
}
.PMOGallery .no-PMOCoupons .row.dotted-border[b-5ujwqs3h7n],
.PMOGallery .PMO_LoggedOut .row.dotted-border[b-5ujwqs3h7n],
.PMOGallery .PMO_NoOffers .row.dotted-border[b-5ujwqs3h7n] {
  min-height: 91px;
  border: 2px dashed #979797;
  align-items: center;
  display: flex;
}
@media (max-width: 991px) {
  .PMOGallery .no-PMOCoupons .row.dotted-border[b-5ujwqs3h7n],
  .PMOGallery .PMO_LoggedOut .row.dotted-border[b-5ujwqs3h7n],
  .PMOGallery .PMO_NoOffers .row.dotted-border[b-5ujwqs3h7n] {
    min-height: 72px;
  }
}
@media (max-width: 767px) {
  .PMOGallery .no-PMOCoupons .row.dotted-border[b-5ujwqs3h7n],
  .PMOGallery .PMO_LoggedOut .row.dotted-border[b-5ujwqs3h7n],
  .PMOGallery .PMO_NoOffers .row.dotted-border[b-5ujwqs3h7n] {
    min-height: 67px;
  }
}
.PMOGallery .no-PMOCoupons .row.dotted-border .imgSection_no-PMO[b-5ujwqs3h7n],
.PMOGallery .PMO_LoggedOut .row.dotted-border .imgSection_no-PMO[b-5ujwqs3h7n],
.PMOGallery .PMO_NoOffers .row.dotted-border .imgSection_no-PMO[b-5ujwqs3h7n] {
  display: flex;
  justify-content: center;
}
.PMOGallery .no-PMOCoupons .row.dotted-border .imgSection_no-PMO .no-PMO_img[b-5ujwqs3h7n],
.PMOGallery .PMO_LoggedOut .row.dotted-border .imgSection_no-PMO .no-PMO_img[b-5ujwqs3h7n],
.PMOGallery .PMO_NoOffers .row.dotted-border .imgSection_no-PMO .no-PMO_img[b-5ujwqs3h7n] {
  max-width: 87px;
  max-height: 79px;
}
@media (max-width: 991px) {
  .PMOGallery .no-PMOCoupons .row.dotted-border .imgSection_no-PMO .no-PMO_img[b-5ujwqs3h7n],
  .PMOGallery .PMO_LoggedOut .row.dotted-border .imgSection_no-PMO .no-PMO_img[b-5ujwqs3h7n],
  .PMOGallery .PMO_NoOffers .row.dotted-border .imgSection_no-PMO .no-PMO_img[b-5ujwqs3h7n] {
    max-width: 65px;
    max-height: 59px;
  }
}
@media (max-width: 767px) {
  .PMOGallery .no-PMOCoupons .row.dotted-border .txtContent[b-5ujwqs3h7n],
  .PMOGallery .PMO_LoggedOut .row.dotted-border .txtContent[b-5ujwqs3h7n],
  .PMOGallery .PMO_NoOffers .row.dotted-border .txtContent[b-5ujwqs3h7n] {
    padding: 0 8px;
  }
}
.PMOGallery .no-PMOCoupons .row.dotted-border .txtContent h3[b-5ujwqs3h7n],
.PMOGallery .PMO_LoggedOut .row.dotted-border .txtContent h3[b-5ujwqs3h7n],
.PMOGallery .PMO_NoOffers .row.dotted-border .txtContent h3[b-5ujwqs3h7n] {
  font-size: 1.125em;
  font-weight: 700;
  line-height: 24px;
  margin: auto;
  margin-bottom: 8px;
  color: var(--wd-color-accent-purple);
}
@media (max-width: 991px) {
  .PMOGallery .no-PMOCoupons .row.dotted-border .txtContent h3[b-5ujwqs3h7n],
  .PMOGallery .PMO_LoggedOut .row.dotted-border .txtContent h3[b-5ujwqs3h7n],
  .PMOGallery .PMO_NoOffers .row.dotted-border .txtContent h3[b-5ujwqs3h7n] {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .PMOGallery .no-PMOCoupons .row.dotted-border .txtContent h3[b-5ujwqs3h7n],
  .PMOGallery .PMO_LoggedOut .row.dotted-border .txtContent h3[b-5ujwqs3h7n],
  .PMOGallery .PMO_NoOffers .row.dotted-border .txtContent h3[b-5ujwqs3h7n] {
    font-size: 1em;
  }
}
.PMOGallery .no-PMOCoupons .row.dotted-border .txtContent p[b-5ujwqs3h7n],
.PMOGallery .PMO_LoggedOut .row.dotted-border .txtContent p[b-5ujwqs3h7n],
.PMOGallery .PMO_NoOffers .row.dotted-border .txtContent p[b-5ujwqs3h7n] {
  font-size: 1em;
  font-weight: normal;
  line-height: 22px;
}
@media (max-width: 767px) {
  .PMOGallery .no-PMOCoupons .row.dotted-border .txtContent p[b-5ujwqs3h7n],
  .PMOGallery .PMO_LoggedOut .row.dotted-border .txtContent p[b-5ujwqs3h7n],
  .PMOGallery .PMO_NoOffers .row.dotted-border .txtContent p[b-5ujwqs3h7n] {
    font-size: 0.75em;
  }
}
.PMOGallery .no-PMOCoupons .row.dotted-border .txtContent p a[b-5ujwqs3h7n],
.PMOGallery .PMO_LoggedOut .row.dotted-border .txtContent p a[b-5ujwqs3h7n],
.PMOGallery .PMO_NoOffers .row.dotted-border .txtContent p a[b-5ujwqs3h7n] {
  color: var(--wd-color-brand-red);
  text-decoration: none;
  font-weight: 700;
}
@media (max-width: 991px) {
  .PMOGallery[b-5ujwqs3h7n] {
    justify-content: space-around;
  }
}
#PMOGallery.minheight[b-5ujwqs3h7n] {
  min-height: 101px !important;
}

/* Split from a rule shared with .coupons_home/.recipe-selector headings in Home.razor.css —
   see that file's identical ".pointoffer, .coupons_home ... h2, .recipe-selector ... h2" rule. */
.pointoffer[b-5ujwqs3h7n] {
  font-family: var(--wd-font-display) !important;
  font-size: 40px !important;
}
@media only screen and (max-width: 767px) {
  .pointoffer[b-5ujwqs3h7n] {
    font-size: 30px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .pointoffer[b-5ujwqs3h7n] {
    font-size: 32px !important;
  }
}

/* Split from a rule shared with .coupons_home/.App-rewards__section h2 in Home.razor.css. */
.PointsMultiplierOffers h2[b-5ujwqs3h7n] {
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;
}

/* Split from a rule shared with .coupons_home/.recipe-selector/.App-rewards__section p in
   Home.razor.css (two separate rules there — display/margin, then line-height — preserved
   as two rules here too). */
.PointsMultiplierOffers p[b-5ujwqs3h7n] {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;
}

.PointsMultiplierOffers p[b-5ujwqs3h7n] {
  line-height: 22px;
}
/* /Components/Home/StaticBanner.razor.rz.scp.css */
/* Moved out of an inline <style> tag in StaticBanner.razor when this component was given its
   own CSS-isolation scope. margin-top/margin-bottom preserved verbatim from the original block
   (including the vestigial 50px/-66px/0-in-media-query declarations, which were already dead
   in the pre-migration markup — the section's own inline style="margin-bottom:60px" always beat
   them on specificity regardless of viewport width, since inline beats any class selector and a
   media query adds no extra specificity). The final rule below reproduces that same always-wins
   60px outcome without an inline style, via !important rather than relying on file order. */

.static-banner-section[b-vp3qskgliz] {
  margin-bottom: 50px;
}

.static-banner-section[b-vp3qskgliz] {
  margin-bottom: -66px;
  margin-top: 50px;
  align: center;
}

.static-banner-section img[b-vp3qskgliz] {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

@media (min-width: 100px) and (max-width: 767px) {
  .static-banner-section[b-vp3qskgliz] {
    margin-bottom: 0;
  }
}

.static-banner-section[b-vp3qskgliz] {
  margin-bottom: 60px !important;
}

/* This section renders inside Home.razor's .container-fluid__full, which is globally capped at
   max-width:1170px + centered (see _app-wd-legacy-content.scss's ".container-fluid__full" rule)
   — confirmed live this section itself picks up NONE of that cap (x=0/width=1440, full viewport,
   unlike this page's boxed sections such as PercentBackOffers/DealsNearYou which DO rely on that
   same cap and sit at x=135/width=1170 on both live and local). Same root cause, and the same
   "break out of a centered container" fix, as SustainabilityPledgeTemplate.razor.css's own
   .headsection rule — scoped to THIS component's own CSS-isolation attribute rather than
   Home.razor.css since that's what actually lands on the elements below (Home.razor.css's own
   scope attribute never matches a child component's markup). */
.static-banner-section[b-vp3qskgliz] {
  width: 100vw;
  /* This element also carries the global ".container-fluid" class, which app-wd-global.css caps
     via ".container-fluid__full .container-fluid { max-width: 100% }" — same (0,0,2,0)
     specificity as this rule's own selector, and that stylesheet loads AFTER this component's
     scoped bundle, so it wins the tie and clamps the 100vw width right back down to the still-
     capped .container-fluid__full parent (confirmed live: this element resolves the SAME
     max-width:100% computed value there too, but harmlessly, since live's .container-fluid__full
     was never capped to begin with). !important forces the win regardless of load order — same
     precedent as this file's own margin-bottom rule above ("via !important rather than relying
     on file order"). */
  max-width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
/* /Components/Layout/BareLayout.razor.rz.scp.css */
/* Matches live's #error404.html body background (#f2f2f2) — see BareLayout.razor's own comment
   for why this can't just live on NotFoundContent's .errorpage-404 div. */
.bare-layout-fill[b-vinqwdhtv2] {
    min-height: 100vh;
    background-color: #f2f2f2;
}
/* /Components/Layout/ClippedSavingsDrawer.razor.rz.scp.css */
/* Migrated from wwwroot/scss/WD/clippedSavingsDrawer-wd.scss to Blazor CSS isolation for this
   component (rendered from MainLayout.razor on nearly every page). Deduped the source file's
   repeated @keyframes stretch/.btn-dot-loading block (kept the first copy).

   .footer__social__con ul li a:hover/:focus was moved to SiteFooter.razor.css — it targets
   SiteFooter's markup, and Blazor's scoped-CSS attribute only attaches to the owning
   component's elements, so it would never have matched here.

   .logout-mbodescr/.sp-login-btn/.sp-sign-btn folded in from this component's old inline
   <style> block.

   ::deep: clippedSavingsDrawer.js's buildItemRow() builds each coupon/MBO row
   (.coupon-item-block and its descendants) via document.createElement into the Blazor-owned
   ".coupon-item-block-main" wrapper — ::deep applied to every rule targeting that dynamic
   markup; the wrapper itself stays plain.

   Dead/unreachable, carried over unchanged (not in this component's actual markup — fuller
   legacy features not yet built): coupon-detail-modal, manage-list dropdown, add-generic-item
   "add more" flow, tooltip/increase-Z-Index-Layer, and the zoomTxt text-zoom classes.
*/

@keyframes stretch-b-lz5tfnt5kx {
  0% {
    transform:scale(.5);
    background-color:var(--wd-color-brand-red);
  }
  50% {
    background-color:var(--wd-color-brand-red);
  }
  100% {
    transform:scale(1);
    background-color:#fff;
  }
}
.btn-dot-loading.btn--loading[b-lz5tfnt5kx] {
  font-size:0;
}
.btn-dot-loading.btn--loading .btn-span[b-lz5tfnt5kx] {
  display:flex !important;
  justify-content:center;
}
.btn-dot-loading.btn--loading .btn-span b[b-lz5tfnt5kx] {
  animation-direction:alternate;
  animation-duration:.5s;
  animation-fill-mode:none;
  animation-iteration-count:infinite;
  animation-name:stretch-b-lz5tfnt5kx;
  animation-play-state:running;
  animation-timing-function:ease-out;
  border-radius:100%;
  display:block;
  height:10px;
  margin:0 1px;
  width:10px;
  animation-delay:.1s;
  margin:0 5px;
}
.btn-dot-loading.btn--loading .btn-span b:first-child[b-lz5tfnt5kx] {
  animation-delay:0s;
  margin:0;
}
.btn-dot-loading.btn--loading .btn-span b:last-child[b-lz5tfnt5kx] {
  animation-delay:.2s;
  margin:0;
}
.btn-dot-loading b[b-lz5tfnt5kx] {
  font-weight:normal;
}
.btn-dot-loading .btn-span[b-lz5tfnt5kx] {
  display:none;
}
.clipped-savings-drawer[b-lz5tfnt5kx] {
  font-family: var(--wd-font-body);
  /* Moved from a static style="display:block !important" on this same element in
     ClippedSavingsDrawer.razor — mechanical extraction, same !important. */
  display:block !important;
}
.clipped-savings-drawer h3[b-lz5tfnt5kx] {
  font-family: var(--wd-font-body);
}
.clipped-savings-drawer .clipped-coupn-notice[b-lz5tfnt5kx] {
  position:fixed;
  bottom:93px;
  right:0;
  max-width:416px;
  margin-right:16px;
  padding:16px;
  background-color:#3c3c3b;
  color:#fff;
  height:72px;
  z-index:1040 !important;
  display:flex;
  align-items:center;
  border-radius:4px;
}
.clipped-savings-drawer .clipped-coupn-notice[b-lz5tfnt5kx]::before {
  font-family:"Font Awesome 5 Free";
  content:"";
  display:inline-block;
  vertical-align:middle;
  font-weight:900;
  color:var(--wd-color-text);
  position:absolute;
  bottom:0;
  left:8px;
  z-index:100;
  line-height:0;
  font-size:3.775em;
  border-width:initial;
  border-style:none;
  border-color:initial;
  border-image:initial;
  margin:0 auto;
}
@media(max-width:991px) {
  .clipped-savings-drawer .clipped-coupn-notice[b-lz5tfnt5kx] {
    bottom:122px;
    width:fit-content;
    height:auto;
    margin:0 20px;
  }
  .clipped-savings-drawer .clipped-coupn-notice[b-lz5tfnt5kx]::before {
    left:auto;
    right:22px;
  }
}
.clipped-savings-drawer .clipped-coupn-notice .notice-msg[b-lz5tfnt5kx] {
  display:flex;
}
.clipped-savings-drawer .clipped-coupn-notice .notice-msg p[b-lz5tfnt5kx] {
  font-family: var(--wd-font-body);
  font-size:14px;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.43;
  letter-spacing:-.23px;
  text-align:left;
  color:#fff;
}
.clipped-savings-drawer .clipped-coupn-notice .close-notice[b-lz5tfnt5kx] {
  background:none;
  border:none;
  padding-left:16px;
  width:40px;
}
.clipped-savings-drawer .clipped-coupn-notice .close-notice img[b-lz5tfnt5kx] {
  width:24px;
  height:24px;
}
.clipped-savings-drawer .clipped-savings-main-container[b-lz5tfnt5kx] {
  position:fixed;
  bottom:0;
  right:0;
  margin-right:17px;
  width:414px;
  box-shadow:0 4px 14px 0 rgba(0,0,0,.5);
  z-index:99999;
}
.clipped-savings-drawer .clipped-savings-main-container.draw-closed[b-lz5tfnt5kx] {
  z-index:1040 !important;
}
.clipped-savings-drawer .clipped-savings-main-container.draw-closed .top-button-section .badge[b-lz5tfnt5kx] {
  display:none;
}
.clipped-savings-drawer .clipped-savings-main-container.draw-closed .btn-managelist[b-lz5tfnt5kx] {
  display:none;
}
.clipped-savings-drawer .clipped-savings-main-container.logged-in-view[b-lz5tfnt5kx] {
  z-index:99999;
}
.clipped-savings-drawer .clipped-savings-main-container.logged-in-view.draw-opened .btn-managelist[b-lz5tfnt5kx] {
  display:block;
}
.clipped-savings-drawer .clipped-savings-main-container.logged-in-view.draw-opened .btn-managelist span[b-lz5tfnt5kx] {
  display:block;
}
.clipped-savings-drawer .clipped-savings-main-container.logged-in-view.draw-opened .btn-managelist img[b-lz5tfnt5kx] {
  display:none;
}
.clipped-savings-drawer .clipped-savings-main-container.logged-in-view.draw-opened .top-button-section .badge[b-lz5tfnt5kx] {
  display:none;
}
@media screen and (min-width:991px) {
  .clipped-savings-drawer .clipped-savings-main-container.logged-in-view.draw-opened[b-lz5tfnt5kx] {
    height:545px;
  }
}
.clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-closed .dropdown-shoppingList[b-lz5tfnt5kx] {
  display:none;
}
.clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened .dropdown-shoppingList[b-lz5tfnt5kx]::-webkit-scrollbar {
  width:2px;
}
.clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened .dropdown-shoppingList[b-lz5tfnt5kx]::-webkit-scrollbar-track {
  background:#fff;
}
.clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened .dropdown-shoppingList[b-lz5tfnt5kx]::-webkit-scrollbar-thumb {
  background:var(--wd-color-border);
}
.clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened .dropdown-shoppingList[b-lz5tfnt5kx]::-webkit-scrollbar-thumb:hover {
  background:#555;
}
@media screen and (max-width:767px) {
  .clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened[b-lz5tfnt5kx] {
    height:100%;
    width:100%;
  }
}
.clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened .btn-managelist[b-lz5tfnt5kx] {
  display:block;
}
.clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened .btn-managelist span[b-lz5tfnt5kx] {
  display:none;
}
.clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened .btn-managelist img[b-lz5tfnt5kx] {
  display:block;
  width:24px;
  margin-top:10px;
}
.clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened.draw-opened .top-button-section[b-lz5tfnt5kx] {
  text-align:center;
  padding:24px 16px;
  background-color:var(--wd-color-brand-red);
}
.clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened.draw-opened .top-button-section .btn-shopping-drawer[b-lz5tfnt5kx] {
  padding:0;
}
.clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened.draw-opened .top-button-section .btn-shopping-drawer h3[b-lz5tfnt5kx] {
  margin:0 auto;
  margin-left:20px;
}
.clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened.draw-opened .top-button-section .btn-shopping-drawer h3[b-lz5tfnt5kx]:before {
  display:none;
}
.clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened.draw-opened .top-button-section .btn-shopping-drawer h3[b-lz5tfnt5kx]:after {
  content:'';
  width:24px;
  height:24px;
  font-family:'FontAwesome';
  display:inline-block;
}
.clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened.draw-opened .top-button-section .txt-selected-ListName[b-lz5tfnt5kx] {
  background-color:var(--wd-color-brand-red);
  outline:none;
  border:0;
  padding:0;
  width:auto;
  margin:0;
  color:#fff;
  font-size:1.25em;
  font-weight:600;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  text-align:center;
  user-select:none;
  font-family: var(--wd-font-body);
  border-bottom:2px solid #fff;
  padding-bottom:5px;
  text-decoration:underline;
}
.clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened.draw-opened .top-button-section .dropdown-shoppingList[b-lz5tfnt5kx] {
  position:absolute;
  background-color:#fff;
  z-index:1;
  box-shadow:0 2px 14px 0 #807e7e;
  text-align:left;
  left:108px;
  top:64px;
  width:196px;
  overflow:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  max-height:82%;
}
@media screen and (max-width:767px) {
  .clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened.draw-opened .top-button-section .dropdown-shoppingList[b-lz5tfnt5kx] {
    left:37%;
  }
}
@media screen and (max-device-width:600px) {
  .clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened.draw-opened .top-button-section .dropdown-shoppingList[b-lz5tfnt5kx] {
    left:33%;
  }
}
@media screen and (max-device-width:468px) {
  .clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened.draw-opened .top-button-section .dropdown-shoppingList[b-lz5tfnt5kx] {
    left:27%;
  }
}
@media screen and (max-device-width:360px) {
  .clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened.draw-opened .top-button-section .dropdown-shoppingList[b-lz5tfnt5kx] {
    left:20%;
  }
}
@media screen and (max-device-width:280px) {
  .clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened.draw-opened .top-button-section .dropdown-shoppingList[b-lz5tfnt5kx] {
    left:15%;
  }
}
.clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened.draw-opened .top-button-section .dropdown-shoppingList ul li a[b-lz5tfnt5kx] {
  color:#000;
  padding:13px;
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.clipped-savings-drawer .clipped-savings-main-container .btn-managelist[b-lz5tfnt5kx] {
  display:none;
  position:absolute;
  border:none;
  background-color:var(--wd-color-brand-red);
  color:#fff;
  font-size:1.875em;
  top:2px;
  float:right;
  right:2px;
  padding:21px;
  padding-top:12px;
}
.clipped-savings-drawer .clipped-savings-main-container .top-button-section[b-lz5tfnt5kx] {
  background-color:var(--wd-color-brand-red);
}
.clipped-savings-drawer .clipped-savings-main-container .top-button-section .badge[b-lz5tfnt5kx] {
  display:none;
}
.clipped-savings-drawer .clipped-savings-main-container .clipped-savings-tab-panel .disabled-section-main[b-lz5tfnt5kx] {
  opacity:.5;
  pointer-events:none;
}
.clipped-savings-drawer .content[b-lz5tfnt5kx] {
  max-height:0;
  overflow:hidden;
  transition:max-height .2s ease-out;
  margin-left:0;
  background-color:#fff;
}
.clipped-savings-drawer .content.open[b-lz5tfnt5kx] {
  max-height:472px;
  height:472px;
}
.clipped-savings-drawer .btn-shopping-drawer[b-lz5tfnt5kx] {
  background-color:var(--wd-color-brand-red);
  padding:24px 16px;
  outline:none;
  width:100%;
  border:0;
}
.clipped-savings-drawer .btn-shopping-drawer.active h3[b-lz5tfnt5kx]:before {
  content:'';
  float:left;
}
.clipped-savings-drawer .btn-shopping-drawer.active h3[b-lz5tfnt5kx]:after {
  display:none;
}
.clipped-savings-drawer .btn-shopping-drawer h3[b-lz5tfnt5kx]:before {
  content:'';
  float:left;
  width:24px;
  height:24px;
  font-family:'FontAwesome';
}
.clipped-savings-drawer .btn-shopping-drawer h3[b-lz5tfnt5kx] {
  margin:0;
  color:#fff;
  font-size:1.25em;
  font-weight:600;
  font-style:normal;
  line-height:1.25;
  letter-spacing:-.25px;
  text-align:center;
  user-select:none;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  width:95%;
  height:auto;
}
.clipped-savings-drawer .change-store[b-lz5tfnt5kx] {
  background-color:var(--wd-color-primary-hover);
  padding:12px;
  white-space:nowrap;
}
.clipped-savings-drawer .change-store p[b-lz5tfnt5kx] {
  color:#fff;
}
.clipped-savings-drawer .changeStore-btn[b-lz5tfnt5kx] {
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-stretch:normal;
  font-style:normal;
  line-height:1.57;
  letter-spacing:-.23px;
  color:#fff;
  border:none;
  background:none;
  text-decoration:underline;
  font-weight:normal;
  margin-left:15px;
  display:inline-block;
}
.clipped-savings-drawer .changeStore-btn:hover[b-lz5tfnt5kx] {
  font-weight:600;
}
.clipped-savings-drawer .logout-empty-list-block-main .nav-tabs li[b-lz5tfnt5kx] {
  padding:0;
}
.clipped-savings-drawer .logout-empty-list-block-main .nav-tabs li a.active[b-lz5tfnt5kx] {
  padding:16px 0;
  border:0;
  border-bottom:4px solid var(--wd-color-brand-red);
  color:var(--wd-color-brand-red);
  background-color:transparent;
  font-weight:700;
  line-height:22px;
}
.clipped-savings-drawer .logout-empty-list-block-main .nav-tabs li.MBOtab a.active[b-lz5tfnt5kx] {
  padding:16px 0;
  border:0;
  border-bottom:4px solid var(--wd-color-brand-red);
  color:var(--wd-color-accent-purple);
  background-color:transparent;
  font-weight:700;
  line-height:22px;
}
.clipped-savings-drawer .logout-empty-list-block-main .nav-tabs li a[b-lz5tfnt5kx] {
  padding:16px 0;
  border:0;
  cursor:pointer;
  color:var(--wd-color-text);
}
.clipped-savings-drawer .logout-empty-list-block-main .nav-tabs li a:hover[b-lz5tfnt5kx] {
  border:0;
  padding:16px 0;
  line-height:22px;
  border-bottom:4px solid var(--wd-color-brand-red);
}
.clipped-savings-drawer .logout-empty-list-block-main .nav-tabs li a:focus[b-lz5tfnt5kx] {
  border:0;
  padding:16px 0;
  line-height:22px;
  border-bottom:4px solid var(--wd-color-brand-red);
}
.clipped-savings-drawer .logout-empty-list-block-main .coupons-tab-section[b-lz5tfnt5kx] {
  margin-top:25px;
}
.clipped-savings-drawer .logout-empty-list-block-main .empty-list-block[b-lz5tfnt5kx] {
  padding:45px;
}
@media screen and (max-width:767px) {
  .clipped-savings-drawer .logout-empty-list-block-main .empty-list-block .empty-list-block[b-lz5tfnt5kx] {
    height:950px;
  }
}
.clipped-savings-drawer .logout-empty-list-block-main .empty-list-block img[b-lz5tfnt5kx] {
  width:86px;
  margin:auto;
}
.clipped-savings-drawer .logout-empty-list-block-main .empty-list-block h3[b-lz5tfnt5kx] {
  font-size:1.375em;
  font-weight:bold;
  color:var(--wd-color-text);
  margin-bottom:15px;
}
.clipped-savings-drawer .logout-empty-list-block-main .empty-list-block p[b-lz5tfnt5kx] {
  font-size:1em;
}
.clipped-savings-drawer .logout-empty-list-block-main .empty-list-block p a[b-lz5tfnt5kx] {
  text-decoration:underline;
  color:var(--wd-color-brand-red);
  display:initial !important;
}
.clipped-savings-drawer .logout-empty-list-block-main .empty-list-block p a:hover[b-lz5tfnt5kx] {
  font-weight:600;
}
.clipped-savings-drawer .empty-list-block-main .nav-tabs li[b-lz5tfnt5kx] {
  padding:0;
}
.clipped-savings-drawer .empty-list-block-main .nav-tabs li.MBOtab a.active[b-lz5tfnt5kx] {
  padding:16px 0;
  border:0;
  border-bottom:4px solid var(--wd-color-brand-red);
  font-weight:700;
  background-color:transparent !important;
  text-decoration:none;
  color:var(--wd-color-accent-purple);
  line-height:22px;
}
.clipped-savings-drawer .empty-list-block-main .nav-tabs li a.active[b-lz5tfnt5kx] {
  padding:16px 0;
  border:0;
  border-bottom:4px solid var(--wd-color-brand-red);
  font-weight:700;
  background-color:transparent !important;
  text-decoration:none;
  color:var(--wd-color-brand-red);
  line-height:22px;
}
.clipped-savings-drawer .empty-list-block-main .nav-tabs li a[b-lz5tfnt5kx] {
  padding:16px 0;
  border:0;
  cursor:pointer;
  color:#827d7d;
  text-decoration:none;
}
.clipped-savings-drawer .empty-list-block-main .nav-tabs li a:hover[b-lz5tfnt5kx] {
  border:0;
  padding:16px 0;
  line-height:22px;
  border-bottom:4px solid var(--wd-color-brand-red);
}
.clipped-savings-drawer .empty-list-block-main .nav-tabs li a:focus[b-lz5tfnt5kx] {
  border:0;
  padding:16px 0;
  line-height:22px;
  border-bottom:4px solid var(--wd-color-brand-red);
}
.clipped-savings-drawer .empty-list-block-main .tab-content .tab-pane[b-lz5tfnt5kx] {
  height:270px;
}
.clipped-savings-drawer .empty-list-block-main .coupons-tab-section .empty-list-block[b-lz5tfnt5kx] {
  padding:40px;
  height:inherit;
  overflow:hidden;
}
.clipped-savings-drawer .empty-list-block-main .empty-list-block[b-lz5tfnt5kx] {
  padding:48px 55px;
  overflow:auto;
}
.clipped-savings-drawer .empty-list-block-main .empty-list-block img[b-lz5tfnt5kx] {
  width:86px;
  margin:auto;
}
.clipped-savings-drawer .empty-list-block-main .empty-list-block h3[b-lz5tfnt5kx] {
  font-size:1.375em;
  font-weight:bold;
  color:var(--wd-color-text);
  margin-bottom:15px;
}
.clipped-savings-drawer .empty-list-block-main .empty-list-block p[b-lz5tfnt5kx] {
  font-size:1em;
}
/* ::deep required here (unlike .logout-empty-list-block-main's equivalent rule above, which
   targets LoginSignupLinkifier's sp-login-btn/sp-sign-btn anchors instead): the <p> itself is
   razor-authored and gets this component's scope attribute, but its content — including any
   <a> — comes from JsonRte.RenderRawHtml(mboNone.Body / mboEmpty.Body / couponsEmpty.Body), a
   MarkupString built from CMS HTML (e.g. NoMBOAvailable's "...<a href="/rewards"><b> Click
   here</b></a> to learn more.", CouponEmptyLogin's "...<a href="/coupons"><b>Digital
   Coupons.</b></a>"), which Blazor's scoped-CSS compiler never sees and so never scopes. Without
   ::deep neither anchor matched this rule at all, leaving them at the browser's default link
   blue — same root cause, same fix, as the sp-login-btn/sp-sign-btn rule below. */
.clipped-savings-drawer .empty-list-block-main .empty-list-block p[b-lz5tfnt5kx]  a {
  text-decoration:none;
  color:var(--wd-color-brand-red);
  display:initial !important;
}
.clipped-savings-drawer .empty-list-block-main .empty-list-block p[b-lz5tfnt5kx]  a:hover {
  font-weight:600;
}
.clipped-savings-drawer .empty-list-block-main .total-savings-main .total-savings[b-lz5tfnt5kx] {
  padding:25px;
  background-color:var(--wd-color-surface-alt);
  height:74px;
  border-top:1px solid var(--wd-color-bread);
}
.clipped-savings-drawer .empty-list-block-main .total-savings-main .total-savings p[b-lz5tfnt5kx] {
  font-family: var(--wd-font-body);
  font-size:16px;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  text-align:left;
  color:var(--wd-color-text);
  margin-left:5px;
}
.clipped-savings-drawer .empty-list-block-main .total-savings-main .total-savings p span[b-lz5tfnt5kx] {
  font-weight:bold;
  color:var(--wd-color-brand-red);
  margin-right:5px;
}
.clipped-savings-drawer .empty-list-block-main .total-savings-main .total-savings p.disabled[b-lz5tfnt5kx] {
  color:var(--wd-color-text);
}
.clipped-savings-drawer .empty-list-block-main .total-savings-main .total-savings p.disabled span[b-lz5tfnt5kx] {
  color:var(--wd-color-text);
}
.clipped-savings-drawer .coupon-item-block-main[b-lz5tfnt5kx] {
  overflow:auto;
  height:100%;
  overflow-x:hidden;
  overscroll-behavior:contain;
}
.clipped-savings-drawer .coupon-item-block-main[b-lz5tfnt5kx]::-webkit-scrollbar {
  width:2px;
}
.clipped-savings-drawer .coupon-item-block-main[b-lz5tfnt5kx]::-webkit-scrollbar-track {
  background:#fff;
}
.clipped-savings-drawer .coupon-item-block-main[b-lz5tfnt5kx]::-webkit-scrollbar-thumb {
  background:var(--wd-color-border);
}
.clipped-savings-drawer .coupon-item-block-main[b-lz5tfnt5kx]::-webkit-scrollbar-thumb:hover {
  background:#555;
}
.clipped-savings-drawer .coupon-item-block-main[b-lz5tfnt5kx] {
  height:100%;
}
.clipped-savings-drawer .coupon-detail-modal[b-lz5tfnt5kx] {
  z-index:999999;
}
.clipped-savings-drawer .coupon-detail-modal .modal-title[b-lz5tfnt5kx] {
  float:left;
  font-size:1.375em;
  font-weight:bold;
  font-family: var(--wd-font-body);
  color:var(--wd-color-brand-red);
  letter-spacing:-.31px;
}
.clipped-savings-drawer .coupon-detail-modal .modal-dialog[b-lz5tfnt5kx] {
  width:480px;
}
.clipped-savings-drawer .coupon-detail-modal .btn-coupondetail-close[b-lz5tfnt5kx] {
  padding:0;
  background-color:#fff;
  border:#fff;
}
.clipped-savings-drawer .coupon-detail-modal .modal-content[b-lz5tfnt5kx] {
  width:483px;
  height:908px;
  padding:32px;
  background-color:#fff;
  border-radius:0;
  box-shadow:0 2px 14px 0 var(--wd-color-border);
}
.clipped-savings-drawer .coupon-detail-modal .modal-content .modal-body[b-lz5tfnt5kx] {
  padding:0;
  margin-top:30px;
}
.clipped-savings-drawer .coupon-detail-modal .modal-content .save-amt[b-lz5tfnt5kx] {
  font-family: var(--wd-font-body);
  font-size:20px;
  font-weight:600;
  color:var(--wd-color-brand-red);
  margin-top:15px;
}
.clipped-savings-drawer .coupon-detail-modal .modal-content .exp-date[b-lz5tfnt5kx] {
  font-family: var(--wd-font-body);
  font-size:14px;
  font-weight:normal;
  line-height:1.43;
  letter-spacing:-.23px;
  color:#727272;
  padding-top:7px;
}
.clipped-savings-drawer .coupon-detail-modal .modal-content .item-details[b-lz5tfnt5kx] {
  font-family: var(--wd-font-body);
  font-size:16px;
  font-weight:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  padding-top:6px;
}
.clipped-savings-drawer .coupon-detail-modal .modal-content .more-details[b-lz5tfnt5kx] {
  font-family: var(--wd-font-body);
  font-size:16px;
  font-weight:600;
  line-height:1.38;
  letter-spacing:-.22px;
  border:none;
  background-color:#fff;
  color:var(--wd-color-text);
  padding-top:10px;
  padding-left:0;
  margin-bottom:19px;
}
.clipped-savings-drawer .coupon-detail-modal .modal-content .added-btn[b-lz5tfnt5kx] {
  text-align:center;
  border:solid 2px var(--wd-color-border);
  background-color:#fff;
  color:var(--wd-color-text);
  font-size:18px;
  font-weight:bold;
  width:200px;
  height:48px;
  margin-bottom:10px;
}
.clipped-savings-drawer .coupon-detail-modal .modal-content .qualified-item h2[b-lz5tfnt5kx] {
  font-family: var(--wd-font-body);
  font-size:16px;
  font-weight:600;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
}
.clipped-savings-drawer .coupon-detail-modal .modal-content .prod-price b[b-lz5tfnt5kx] {
  font-family: var(--wd-font-body);
  font-size:18px;
  font-weight:bold;
  line-height:1.22;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
}
.clipped-savings-drawer .coupon-detail-modal .modal-content .prod-price p[b-lz5tfnt5kx] {
  font-family: var(--wd-font-body);
  font-size:16px;
  font-weight:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
}
.clipped-savings-drawer .coupon-detail-modal .modal-content .col-md-12.row.modalcoupon-item-block[b-lz5tfnt5kx] {
  padding:40px 24px;
  border-bottom:1px solid var(--wd-color-bread);
}
.clipped-savings-drawer .coupon-detail-modal .modal-content .img-coupon[b-lz5tfnt5kx] {
  background-size:contain;
  height:74px;
  text-align:left;
  background-position:left;
  background-repeat:no-repeat;
}
.clipped-savings-drawer .coupon-detail-modal .modal-content .coupon-check[b-lz5tfnt5kx] {
  font-size:22px;
}
.clipped-savings-drawer .coupon-detail-modal .modal-content button.add-product-btn[b-lz5tfnt5kx] {
  border:none;
  color:var(--wd-color-brand-red);
  background-color:#fff;
  margin-left:32px;
  padding:10px;
}
.clipped-savings-drawer .empty-list-block-main .tab-content .tab-pane[b-lz5tfnt5kx]  .coupon-item-block {
  padding:18px 0;
  border-bottom:1px solid var(--wd-color-bread);
}
.clipped-savings-drawer .empty-list-block-main .tab-content .tab-pane[b-lz5tfnt5kx]  .coupon-item-block .coupon-item-image-section img {
  width:70px;
  margin:auto;
  max-height:80px;
  max-width:fit-content;
  padding-top:5px;
}
.clipped-savings-drawer .empty-list-block-main .tab-content .tab-pane[b-lz5tfnt5kx]  .coupon-item-block .coupon-item-button-section a {
  display:inline-block;
  font-size:.875em;
  font-stretch:normal;
  font-style:normal;
  line-height:20px;
  letter-spacing:-.23px;
  color:#827d7d;
  background-color:#fff;
  outline:none;
  position:absolute;
  top:30px;
  right:24px;
  font-weight:bold;
}
@media(min-width:100px) and (max-width:767px) {
  .clipped-savings-drawer .empty-list-block-main .tab-content .tab-pane[b-lz5tfnt5kx]  .coupon-item-block .coupon-item-button-section a {
    right:16px;
  }
}
.clipped-savings-drawer .empty-list-block-main .tab-content .tab-pane[b-lz5tfnt5kx]  .coupon-item-block .coupon-item-button-section a:hover {
  font-weight:600;
}
.clipped-savings-drawer .empty-list-block-main .tab-content .tab-pane[b-lz5tfnt5kx]  .coupon-item-block .coupon-item-content-section p {
  width:90%;
  white-space:normal;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:2;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  color:var(--wd-color-text);
}
.clipped-savings-drawer .empty-list-block-main .tab-content .tab-pane[b-lz5tfnt5kx]  .coupon-item-block .coupon-item-content-section .exp-date {
  font-size:.875em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  width:98%;
  color:#727272;
  padding-top:4px;
}
.clipped-savings-drawer .empty-list-block-main .tab-content .tab-pane[b-lz5tfnt5kx]  .coupon-item-block .coupon-item-content-section .price {
  color:var(--wd-color-brand-red);
  font-size:1.125em;
}
.clipped-savings-drawer .empty-list-block-main .tab-content .tab-pane[b-lz5tfnt5kx]  .coupon-item-block .coupon-item-content-section .price.MBOheading {
  color:var(--wd-color-accent-purple);
}
.clipped-savings-drawer .empty-list-block-main .tab-content .tab-pane[b-lz5tfnt5kx]  .coupon-item-block .coupon-item-content-section .price.featured {
  color:var(--wd-color-accent-purple);
}
.clipped-savings-drawer .empty-list-block-main .tab-content .tab-pane[b-lz5tfnt5kx]  .coupon-item-block .coupon-item-content-section a,.clipped-savings-drawer .empty-list-block-main .tab-content .tab-pane[b-lz5tfnt5kx]  .coupon-item-block .coupon-item-content-section a:hover,.clipped-savings-drawer .empty-list-block-main .tab-content .tab-pane[b-lz5tfnt5kx]  .coupon-item-block .coupon-item-content-section a:visited {
  width:95%;
  white-space:normal;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:2;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  letter-spacing:-.25px;
  margin:10px -1px 3px;
  color:var(--wd-color-text);
  line-height:1.38;
}
.clipped-savings-drawer .empty-list-block-main .add-more-from-coupons[b-lz5tfnt5kx] {
  padding:10px;
  background-color:var(--wd-color-surface-alt);
  border-bottom:1px solid var(--wd-color-bread);
}
.clipped-savings-drawer .empty-list-block-main .add-more-from-coupons a[b-lz5tfnt5kx] {
  text-decoration:underline;
  color:var(--wd-color-brand-red);
}
.clipped-savings-drawer .empty-list-block-main .add-more-from-coupons a:hover[b-lz5tfnt5kx] {
  font-weight:600;
}
.clipped-savings-drawer .empty-list-block-main .add-more-from-coupons p[b-lz5tfnt5kx] {
  text-align:center;
  font-size:1em;
}
.increase-Z-Index-Layer[b-lz5tfnt5kx] {
  z-index:99999;
}
@media(min-width:100px) and (max-width:991px) {
  .clipped-savings-drawer .clipped-savings-main-container[b-lz5tfnt5kx] {
    width:414px;
  }
  .clipped-savings-drawer .clipped-savings-main-container .content[b-lz5tfnt5kx] {
    transition:height .2s ease-out;
  }
  .clipped-savings-drawer .clipped-savings-main-container.draw-closed[b-lz5tfnt5kx] {
    position:fixed;
    bottom:0;
    right:0;
    margin-right:16px;
    box-shadow:none;
  }
  .clipped-savings-drawer .clipped-savings-main-container.draw-closed h3[b-lz5tfnt5kx] {
    display:none;
  }
  .clipped-savings-drawer .clipped-savings-main-container.draw-closed img[b-lz5tfnt5kx] {
    display:block;
    position:relative;
    top:-7px;
    left:2px;
  }
  .clipped-savings-drawer .clipped-savings-main-container.draw-closed .btn-shopping-drawer[b-lz5tfnt5kx] {
    width:74px;
    height:74px;
    border-radius:61%;
    position:fixed;
    bottom:24px;
    right:24px;
    border:1px solid #fff;
    box-shadow:0 2px 14px 0 #555;
  }
  .clipped-savings-drawer .clipped-savings-main-container.draw-closed .top-button-section .badge[b-lz5tfnt5kx] {
    background-color:#fff;
    color:var(--wd-color-brand-red);
    position:relative;
    top:-74px;
    right:3px;
    text-align:center;
    font-family: var(--wd-font-body);
    font-size:14px;
    font-weight:600;
    border:none;
    border-radius:50%;
    min-width:23px;
    min-height:23px;
    float:right;
    display:block;
  }
  .clipped-savings-drawer .clipped-savings-main-container.draw-closed .top-button-section .badge.ng-hide[b-lz5tfnt5kx] {
    display:none !important;
  }
  .clipped-savings-drawer .clipped-savings-main-container.draw-opened .btn-shopping-drawer.active img[b-lz5tfnt5kx] {
    display:none;
  }
  .clipped-savings-drawer .clipped-savings-main-container.draw-opened .top-button-section .badge[b-lz5tfnt5kx] {
    display:none;
  }
  .clipped-savings-drawer .add-note-modal[b-lz5tfnt5kx] {
    margin-top:100px;
  }
}
@media(min-width:100px) and (max-width:767px) {
  .clipped-savings-drawer .clipped-savings-main-container[b-lz5tfnt5kx] {
    margin:0;
  }
  .clipped-savings-drawer .clipped-savings-main-container.draw-opened[b-lz5tfnt5kx] {
    height:100%;
    width:100%;
  }
  .clipped-savings-drawer .clipped-savings-main-container.draw-opened .content.open[b-lz5tfnt5kx] {
    max-height:100%;
    height:100%;
  }
  .clipped-savings-drawer .clipped-savings-main-container.draw-opened .btn-closelist[b-lz5tfnt5kx] {
    display:block;
    position:absolute;
    top:2px;
    border:none;
    left:1px;
    background-color:var(--wd-color-brand-red);
    color:#fff;
    font-size:1.4375em;
    padding:22px;
  }
  .clipped-savings-drawer .clipped-savings-main-container.draw-opened .btn-closelist img[b-lz5tfnt5kx] {
    width:24px;
  }
  .clipped-savings-drawer .clipped-savings-main-container.draw-opened .btn-shopping-drawer.active h3[b-lz5tfnt5kx]:before {
    display:none;
  }
  .clipped-savings-drawer .clipped-savings-main-container.draw-opened.control-draw-opened .btn-closelist[b-lz5tfnt5kx] {
    display:none !important;
  }
  .clipped-savings-drawer .clipped-savings-main-container.draw-closed .content .close[b-lz5tfnt5kx] {
    display:none;
  }
  .clipped-savings-drawer .clipped-savings-main-container.draw-closed .btn-closelist[b-lz5tfnt5kx] {
    display:none !important;
  }
  .clipped-savings-drawer .clipped-savings-main-container.draw-closed .txt-selected-ListName[b-lz5tfnt5kx] {
    display:none !important;
  }
  .clipped-savings-drawer .clipped-savings-main-container .logout-empty-list-block-main .empty-list-block[b-lz5tfnt5kx] {
    padding:85px 20px;
  }
  .clipped-savings-drawer .logged-in-view .btn-shopping-drawer.active h3[b-lz5tfnt5kx] {
    width:auto !important;
  }
  .clipped-savings-drawer .empty-list-block-main .tab-content .tab-pane[b-lz5tfnt5kx] {
    height:calc(100vh - 275px);
  }
}
@media screen and (min-width:100px) and (max-width:767px) and (min-device-height:580px) and (max-device-height:660px) {
  .clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened.draw-opened .top-button-section .dropdown-shoppingList[b-lz5tfnt5kx] {
    max-height:65%;
  }
}
@media screen and (min-width:100px) and (max-width:767px) and (min-device-height:670px) and (max-device-height:750px) {
  .clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened.draw-opened .top-button-section .dropdown-shoppingList[b-lz5tfnt5kx] {
    max-height:61%;
  }
}
@media screen and (min-width:100px) and (max-width:767px) and (min-device-height:750px) and (max-device-height:830px) {
  .clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened.draw-opened .top-button-section .dropdown-shoppingList[b-lz5tfnt5kx] {
    max-height:50%;
  }
}
@media screen and (min-width:100px) and (max-width:767px) and (max-device-height:570px) {
  .clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened.draw-opened .top-button-section .dropdown-shoppingList[b-lz5tfnt5kx] {
    max-height:84%;
  }
}
@media screen and (min-width:100px) and (max-width:767px) and (min-device-height:570px) and (max-device-height:640px) {
  .clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened.draw-opened .top-button-section .dropdown-shoppingList[b-lz5tfnt5kx] {
    max-height:70%;
  }
}
@media screen and (min-width:100px) and (max-width:767px) and (min-device-height:650px) and (max-device-height:670px) {
  .clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened.draw-opened .top-button-section .dropdown-shoppingList[b-lz5tfnt5kx] {
    max-height:67%;
  }
}
@media screen and (min-width:100px) and (max-width:767px) and (min-device-height:830px) and (max-device-height:1024px) {
  .clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened.draw-opened .top-button-section .dropdown-shoppingList[b-lz5tfnt5kx] {
    max-height:44%;
  }
}
@media only screen and (max-width:568px) and (min-height:250px) and (max-height:320px) {
  .clipped-savings-drawer .empty-list-block-main .empty-list-block[b-lz5tfnt5kx] {
    height:15% !important;
  }
}
@media only screen and (max-width:640px) and (min-height:300px) and (max-height:360px) {
  .clipped-savings-drawer .empty-list-block-main .empty-list-block[b-lz5tfnt5kx] {
    height:25% !important;
  }
}
@media only screen and (max-width:731px) and (min-height:350px) and (max-height:411px) {
  .clipped-savings-drawer .empty-list-block-main .empty-list-block[b-lz5tfnt5kx] {
    height:45% !important;
  }
}
@media only screen and (max-width:736px) and (min-height:400px) and (max-height:414px) {
  .clipped-savings-drawer .empty-list-block-main .empty-list-block[b-lz5tfnt5kx] {
    height:55% !important;
  }
}
.clipped-savings-drawer .tooltip[b-lz5tfnt5kx] {
  font-size:12px;
  font-family: var(--wd-font-body);
}
.clipped-savings-drawer .btn-shopping-drawer.active .tooltip[b-lz5tfnt5kx] {
  position:fixed !important;
}
.clipped-savings-drawer .btn-shopping-drawer.inActive .tooltip[b-lz5tfnt5kx] {
  position:fixed !important;
}
.zoomTxt .clipped-savings-drawer .clipped-savings-main-container .top-button-section[b-lz5tfnt5kx] {
  background-color:var(--wd-color-brand-red);
}
.zoomTxt .clipped-savings-drawer .clipped-savings-main-container .top-button-section .btn-shopping-drawer h3[b-lz5tfnt5kx]:before {
  margin-left:37px !important;
}
.zoomTxt .clipped-savings-drawer .clipped-savings-main-container .btn-managelist[b-lz5tfnt5kx] {
  padding-top:0 !important;
}
.zoomTxt .clipped-savings-drawer .btn-shopping-drawer h3[b-lz5tfnt5kx] {
  margin-left:-20px;
}
.zoomTxt .clipped-savings-drawer .btn-shopping-drawer h3[b-lz5tfnt5kx]:before {
  position:relative;
  right:29px;
}
.zoomTxt .clipped-savings-drawer .empty-list-block-main .tab-content .tab-pane[b-lz5tfnt5kx] {
  height:270px;
}
.zoomTxt .clipped-savings-drawer .empty-list-block-main .tab-content .tab-pane[b-lz5tfnt5kx]  .coupon-item-block .coupon-item-content-section a {
  width:91% !important;
}
.zoomTxt .clipped-savings-drawer .empty-list-block-main .add-generic-item-block .add-generic-item-sub-block button[b-lz5tfnt5kx] {
  padding:7px;
}
.zoomTxt .clipped-savings-drawer .empty-list-block-main .add-generic-item-block .add-generic-item-sub-block .add-generic-item[b-lz5tfnt5kx] {
  width:85%;
}
@media(min-width:100px) and (max-width:767px) {
  .zoomTxt .clipped-savings-drawer .empty-list-block-main .tab-content .tab-pane[b-lz5tfnt5kx] {
    height:calc(100vh - 275px);
  }
  .zoomTxt .clipped-savings-drawer .btn-shopping-drawer[b-lz5tfnt5kx] {
    width:100%;
    padding-left:10px;
  }
  .zoomTxt .clipped-savings-drawer .btn-shopping-drawer h3[b-lz5tfnt5kx] {
    margin-left:-13px;
  }
  .zoomTxt .clipped-savings-drawer .btn-shopping-drawer h3[b-lz5tfnt5kx]:before {
    display:none;
  }
  .zoomTxt .clipped-savings-drawer .clipped-savings-main-container.draw-closed .btn-closelist[b-lz5tfnt5kx] {
    padding-left:10px;
    padding-top:25px;
  }
  .zoomTxt .clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened.draw-opened .top-button-section .btn-shopping-drawer[b-lz5tfnt5kx] {
    margin-left:auto;
  }
  .zoomTxt .clipped-savings-drawer .clipped-savings-main-container.logged-in-view.control-draw-opened.draw-opened .top-button-section .btn-shopping-drawer h3[b-lz5tfnt5kx]:before {
    display:block;
  }
}
@media all and (-ms-high-contrast:none) {
  .clipped-savings-drawer .empty-list-block-main .tab-content .tab-pane[b-lz5tfnt5kx] {
    height:345px;
  }
}

/* ---- folded in from ClippedSavingsDrawer.razor's own inline <style> block ---- */
.logout-mbodescr[b-lz5tfnt5kx] { color: var(--wd-color-text); }
/* These two anchors used to be literal markup in ClippedSavingsDrawer.razor, so the plain
   (non-::deep) selectors below matched them fine. They're now emitted by LoginSignupLinkifier as
   a MarkupString (raw HTML built in C#), which Blazor's scoped-CSS compiler never sees, so it
   never gets this file's scope attribute — without ::deep neither rule could match anymore. Also
   folded in font-weight:700, replacing the literal <b> the old markup wrapped these in (Linkify's
   anchors carry no such wrapper) — same fix PercentBackOffers.razor.css already carries for the
   home page's own Linkify output. Now also carries the same brand-red color override that file's
   rule uses, instead of inheriting the surrounding text color (which fell through to the
   browser's default link blue). */
[b-lz5tfnt5kx] .sp-login-btn,
[b-lz5tfnt5kx] .sp-sign-btn {
  text-decoration: none !important;
  font-weight: 700;
  color: var(--wd-color-brand-red);
}

/* ---- moved from a static style="cursor:pointer" on the matching element ---- */
.clippedDrawerTab[b-lz5tfnt5kx] { cursor: pointer; }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Header pinning — live's own .sticky-header-group rule (see _app-wd-legacy-content.scss) is
   unconditional: position:sticky; top:0; z-index:9999 at every breakpoint, with no media query
   at all. This base rule matches that, so below 992px the header now stays pinned while
   scrolling instead of scrolling away with the page — a real bug (this class previously had NO
   base rule, only the >=992px override below, so under 992px it silently fell back to the
   browser default position:static).

   >=992px overrides to position:fixed instead (desktop only, matching the mobile drawer's own
   breakpoint, since the drawer only exists below 992px): position:sticky lets the header
   dip/snap-back during macOS rubber-band overscroll, so content-only rubber-banding needs fixed
   there. Scoped to desktop because the mobile drawer shifts <body> via margin-left and expects
   the header to shift with it (relying on the logo's high z-index to stay visible over the
   drawer); a fixed header ignores that margin and would stay put, hidden under the opened
   drawer — sticky's still-in-flow behavior is what lets it shift with the drawer below 992px.

   #main-content gets padding-top only at the >=992px breakpoint, matching the fixed header
   taking itself out of flow — below 992px the sticky header still occupies its own space, so
   padding would double-count it. Height (varies with announcement/weather bars) is set by
   site.js into --wd-header-h; 94px fallback covers first paint before JS runs. */
.sticky-header-group[b-wlhk6hbxse] {
    position: sticky;
    top: 0;
    z-index: 9999;
}

@media (min-width: 992px) {
    .sticky-header-group[b-wlhk6hbxse] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
    }

    #main-content[b-wlhk6hbxse] {
        padding-top: var(--wd-header-h, 94px);
    }
}
/* /Components/Layout/NavigationLoadingOverlay.razor.rz.scp.css */
.nav-loading-overlay[b-be93v3l6bx] {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99999998;
    background: rgba(34, 34, 34, 0.5);
    align-items: center;
    justify-content: center;
}

.nav-loading-overlay.is-visible[b-be93v3l6bx] {
    display: flex;
}

.nav-loading-card[b-be93v3l6bx] {
    position: relative;
    z-index: 99999999;
    background: #fff;
    border-radius: 24px;
    padding: 32px 40px;
    text-align: center;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
}

.nav-loading-spinner[b-be93v3l6bx] {
    width: 65px;
    height: 65px;
    position: relative;
    margin: 0 auto 18px;
}

.nav-loading-spinner .dot[b-be93v3l6bx] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.nav-loading-spinner .dot[b-be93v3l6bx]::before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: var(--wd-color-brand-red);
    border-radius: 100%;
    animation: nav-loading-bounce-b-be93v3l6bx 1.2s infinite ease-in-out both;
}

/* 12 dots at 30-degree increments, each animated with a staggered delay — same algorithm as the
   legacy "sk-circle" spinner (_app-wd-legacy-content.scss), reproduced here under scoped class
   names instead of its id="progress-indicator"-locked selectors (see the component's own doc
   comment for why). */
.nav-loading-spinner .dot:nth-child(2)[b-be93v3l6bx] { transform: rotate(30deg); }
.nav-loading-spinner .dot:nth-child(3)[b-be93v3l6bx] { transform: rotate(60deg); }
.nav-loading-spinner .dot:nth-child(4)[b-be93v3l6bx] { transform: rotate(90deg); }
.nav-loading-spinner .dot:nth-child(5)[b-be93v3l6bx] { transform: rotate(120deg); }
.nav-loading-spinner .dot:nth-child(6)[b-be93v3l6bx] { transform: rotate(150deg); }
.nav-loading-spinner .dot:nth-child(7)[b-be93v3l6bx] { transform: rotate(180deg); }
.nav-loading-spinner .dot:nth-child(8)[b-be93v3l6bx] { transform: rotate(210deg); }
.nav-loading-spinner .dot:nth-child(9)[b-be93v3l6bx] { transform: rotate(240deg); }
.nav-loading-spinner .dot:nth-child(10)[b-be93v3l6bx] { transform: rotate(270deg); }
.nav-loading-spinner .dot:nth-child(11)[b-be93v3l6bx] { transform: rotate(300deg); }
.nav-loading-spinner .dot:nth-child(12)[b-be93v3l6bx] { transform: rotate(330deg); }

.nav-loading-spinner .dot:nth-child(2)[b-be93v3l6bx]::before { animation-delay: -1.1s; }
.nav-loading-spinner .dot:nth-child(3)[b-be93v3l6bx]::before { animation-delay: -1s; }
.nav-loading-spinner .dot:nth-child(4)[b-be93v3l6bx]::before { animation-delay: -0.9s; }
.nav-loading-spinner .dot:nth-child(5)[b-be93v3l6bx]::before { animation-delay: -0.8s; }
.nav-loading-spinner .dot:nth-child(6)[b-be93v3l6bx]::before { animation-delay: -0.7s; }
.nav-loading-spinner .dot:nth-child(7)[b-be93v3l6bx]::before { animation-delay: -0.6s; }
.nav-loading-spinner .dot:nth-child(8)[b-be93v3l6bx]::before { animation-delay: -0.5s; }
.nav-loading-spinner .dot:nth-child(9)[b-be93v3l6bx]::before { animation-delay: -0.4s; }
.nav-loading-spinner .dot:nth-child(10)[b-be93v3l6bx]::before { animation-delay: -0.3s; }
.nav-loading-spinner .dot:nth-child(11)[b-be93v3l6bx]::before { animation-delay: -0.2s; }
.nav-loading-spinner .dot:nth-child(12)[b-be93v3l6bx]::before { animation-delay: -0.1s; }

@keyframes nav-loading-bounce-b-be93v3l6bx {
    0%, 80%, 100% { transform: scale(0); }
    40% { transform: scale(1); }
}

.nav-loading-text[b-be93v3l6bx] {
    font-size: 13px;
    font-weight: 800;
    color: var(--wd-color-text);
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-twzv6pf8ib],
.components-reconnect-repeated-attempt-visible[b-twzv6pf8ib],
.components-reconnect-failed-visible[b-twzv6pf8ib],
.components-pause-visible[b-twzv6pf8ib],
.components-resume-failed-visible[b-twzv6pf8ib],
.components-rejoining-animation[b-twzv6pf8ib] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-twzv6pf8ib],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-twzv6pf8ib],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-twzv6pf8ib],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-twzv6pf8ib],
#components-reconnect-modal.components-reconnect-retrying[b-twzv6pf8ib],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-twzv6pf8ib],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-twzv6pf8ib],
#components-reconnect-modal.components-reconnect-failed[b-twzv6pf8ib],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-twzv6pf8ib] {
    display: block;
}


#components-reconnect-modal[b-twzv6pf8ib] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-twzv6pf8ib 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-twzv6pf8ib 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-twzv6pf8ib 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-twzv6pf8ib]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-twzv6pf8ib 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-twzv6pf8ib {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-twzv6pf8ib {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-twzv6pf8ib {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-twzv6pf8ib] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-twzv6pf8ib] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-twzv6pf8ib] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-twzv6pf8ib] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-twzv6pf8ib] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-twzv6pf8ib] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-twzv6pf8ib] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-twzv6pf8ib 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-twzv6pf8ib] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-twzv6pf8ib {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/SiteFooter.razor.rz.scp.css */
/* Rescued from the retired clippedSavingsDrawer-wd.scss — a stray rule that actually targets
   this component's markup. Blazor's scoped-CSS attribute only attaches to the owning
   component's elements, so it has to live here (not in ClippedSavingsDrawer.razor.css) to ever
   match. Not a full SiteFooter migration — just this one orphaned rule. */
.footer__social__con ul li a:hover[b-14c9j7pdwi],.footer__social__con ul li a:focus[b-14c9j7pdwi] {
  display:initial;
}
/* /Components/Layout/SiteHeader.razor.rz.scp.css */
/* Header overrides scoped to SiteHeader.

   The legacy bundle (app-wd.css) forces open top-level dropdowns to min-height:387px for a
   promo image panel, leaving dead space on promo-less menus like "Shop". Collapse min-height
   for those (tagged .topNav__listmenu--flat).

   State class is "js-open", not "open": the legacy bundle still ships a dead
   `.topNav.open ul.topNav__listmenu { left: -15% }` Bootstrap-3 rule that would revive and
   shift the panel ~15% left if we reused "open" (see site.js's matching note). */
.v6-header .topNav-Menu .topNav__accordion .topNav.js-open ul.topNav__listmenu.topNav__listmenu--flat[b-e2n0e2pxvw] {
    min-height: 0;
}

/* Quick-bar is now empty, stranding the store/login row at the top of the full-height
   quickLogin column above the bottom-aligned nav. Bottom-align it to line up with the nav. */
.v6-header .main-header-section .LoginSign-QAB .quickLogin[b-e2n0e2pxvw] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.v6-header .main-header-section .quickLogin .StrLogin-section[b-e2n0e2pxvw] {
    margin-bottom: 0;
    padding-bottom: 15px;
}

/* Desktop "Shop" mega-menu: live animates open/close (slideDown/slideUp) via Popper.js, which
   pins the panel at inline `left: 0` regardless of cascade. We have no Popper equivalent, so
   without an explicit `left: 0` here the panel falls back to the legacy hover rule (`-15%`) or
   `.topNav__accordion ul`'s own `left: -99999em` (higher specificity) once the pointer leaves,
   shoving it off-screen. Also, display can't be transitioned, so the panel is forced to stay
   display:block always and shown/hidden purely via opacity + transform. site.js toggles
   `.js-open` on click, or on hover once the toggle link is focused (see site.js).
   `visibility` here must carry `!important`: the legacy bundle ships
   `.topNav__accordion > li:hover > ul { visibility: visible !important }` with no class gate at
   all, so a plain (non-!important) `hidden` loses to it on *any* hover, regardless of `.js-open` —
   opacity/pointer-events still block interaction in that case, but `!important` closes the leak
   at the source instead of relying on that as incidental cover. */
.v6-header .topNav-Menu .topNav__accordion > li.dropdown.topNav > ul.topNav__listmenu.dropdown-menu[b-e2n0e2pxvw] {
    display: block !important;
    opacity: 0;
    visibility: hidden !important;
    transform: translateY(-8px);
    transition: opacity .25s ease, transform .25s ease, visibility 0s linear .25s;
    pointer-events: none;
}
.v6-header .topNav-Menu .topNav__accordion > li.dropdown.topNav.js-open > ul.topNav__listmenu.dropdown-menu[b-e2n0e2pxvw] {
    left: 0;
    opacity: 1;
    visibility: visible !important;
    transform: translateY(0);
    pointer-events: auto;
    transition: opacity .25s ease, transform .25s ease, visibility 0s linear 0s;
}

/* The "Hi, {name}" account panel (#showmyaccountinfo) reuses live's real, already-shipped
   classes verbatim (topNavigation__userinfo__modal_WR / modal-dialog--mystore /
   modal-content--loggedininfo / login-points-header / loggedin__mylinks / sub-nav) — confirmed
   against live via DevTools. All sizing/typography/hover/accent-bar styling comes from the
   legacy bundle already loaded; no bespoke CSS needed here. An earlier from-scratch
   "accountDropdown" build (a small anchored dropdown, not live's real full-width modal
   mechanism) has been replaced — see SiteHeader.razor. */
/* /Components/Locator/ConfirmationModal.razor.rz.scp.css */
/* Store-confirmation modal placement.

   The card's own look (576px white panel, the red Shop button, the outlined Change button, the
   240px ellipsis truncation on both) is already ported in the global bundle, matching live's
   app-wd.min.css — including `text-overflow: ellipsis` on .btn-shop, so "Shop Point Meadows
   Sho…" is live's own rendering of a long store name, not a defect here.

   What the bundle does NOT carry is the vertical offset, because live computes it in JavaScript
   from whatever chrome happens to be above the modal:

     $("#verify-store-location .modal-content").css("margin-top",
         $(".v5-header").height() + $(".quick-bar").height() + $(".weather-alert-bar").height() + 40)

   This app already publishes that same measurement as --wd-header-h (site.js measures
   .sticky-header-group on load, on resize, on enhanced navigation and whenever its height
   changes — the announcement/weather bar included), so the offset is a plain CSS calc instead of
   a fourth JS branch that would need re-running on every one of those events. Without it the
   modal's header sits behind the fixed site header and the title is unreadable.

   The 94px fallback is the same one MainLayout.razor.css uses for #main-content's own padding:
   the header with no announcement bar, i.e. correct before JS has run. */
.verify-store-location .modal-content[b-oym0jxnuel] {
    margin-top: calc(var(--wd-header-h, 94px) + 20px);
}
/* /Components/Locator/MobileFilterModal.razor.rz.scp.css */
/* Moved from the page .razor.css when MobileFilterModal was extracted. Some rules are shared
   with sibling components from the same page and duplicated verbatim in each — inert here if
   the selector doesn't match. */

.top-bar .megamenu ul.menu-list-items li .locator-switch[b-vgr92g1jfs] {
  position:relative;
  display:inline-block;
  width:44px;
  height:24px;
  top:6px;
}

.top-bar .megamenu ul.menu-list-items li .locator-switch:focus[b-vgr92g1jfs] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:1px;
  display:inline-block;
}

.top-bar .megamenu ul.menu-list-items li .locator-switch input[type=checkbox][b-vgr92g1jfs] {
  opacity:0;
}

.top-bar .megamenu ul.menu-list-items li .locator-switch input[type=checkbox]:focus:checked~span[b-vgr92g1jfs],.top-bar .megamenu ul.menu-list-items li .locator-switch input[type=checkbox]:focus:not(:checked)~span[b-vgr92g1jfs] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
  transition:none;
}

.top-bar .megamenu ul.menu-list-items li .locator-switch input[b-vgr92g1jfs] {
  opacity:0;
  width:0;
  height:0;
}

.top-bar .megamenu ul.menu-list-items li .locator-switch .locator-switch-slider[b-vgr92g1jfs] {
  position:absolute;
  cursor:pointer;
  top:0;
  left:0;
  right:-2px;
  bottom:0;
  background-color:#ccc;
  -webkit-transition:.4s;
  transition:.4s;
  width:44px;
  height:24px;
}

.top-bar .megamenu ul.menu-list-items li .locator-switch .locator-switch-slider[b-vgr92g1jfs]::before {
  position:absolute;
  content:"";
  height:18px;
  width:20px;
  left:3px;
  bottom:3px;
  background-color:#fff;
  -webkit-transition:.4s;
  transition:.4s;
}

.top-bar .megamenu ul.menu-list-items li .locator-switch input:checked+.locator-switch-slider[b-vgr92g1jfs] {
  background-color:var(--wd-color-brand-red);
}

.top-bar .megamenu ul.menu-list-items li .locator-switch input:focus+.locator-switch-slider[b-vgr92g1jfs] {
  box-shadow:0 0 1px var(--wd-color-brand-red);
}

.top-bar .megamenu ul.menu-list-items li .locator-switch input:checked+.locator-switch-slider[b-vgr92g1jfs]:before {
  -webkit-transform:translateX(20px);
  -ms-transform:translateX(20px);
  transform:translateX(20px);
}

.top-bar .megamenu ul.menu-list-items li .locator-switch .locator-switch-slider.round[b-vgr92g1jfs] {
  border-radius:34px;
}

.top-bar .megamenu ul.menu-list-items li .locator-switch .locator-switch-slider.round[b-vgr92g1jfs]:before {
  border-radius:50%;
}

.main .main-accrdn .card[b-vgr92g1jfs] {
  border:none;
  margin:0 !important;
  display:block;
  padding:0;
  border-radius:0;
}

.main .main-accrdn .card .card-body[b-vgr92g1jfs] {
  padding:0;
  padding-left:15px;
}

.main .main-accrdn .card .card-body hr[b-vgr92g1jfs] {
  width:100% !important;
}

.main .card-body p[b-vgr92g1jfs] {
  margin:0;
  font-size:.875em;
  color:var(--wd-color-text);
  font-weight:normal;
}

.main .card-body h3[b-vgr92g1jfs] {
  font-size:1.125em;
  color:var(--wd-color-brand-red);
  font-weight:600;
  margin:10px 0 15px 0;
}

.main .card-body h2[b-vgr92g1jfs] {
  font-size:1em;
  color:var(--wd-color-text);
  font-weight:600;
  margin-top:15px;
  margin-bottom:0;
}

.align-items-center[b-vgr92g1jfs] {
  -webkit-box-align:center !important;
  -ms-flex-align:center !important;
  align-items:center !important;
}

.card[b-vgr92g1jfs] {
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  min-width:0;
  word-wrap:break-word;
  background-color:#fff;
  background-clip:border-box;
  border:1px solid rgba(0,0,0,.125);
  border-radius:.25rem;
}

.filterby[b-vgr92g1jfs] {
  display:flex;
  justify-content:space-between;
}

.filterby button.mega-btn-close[b-vgr92g1jfs] {
  background-color:transparent;
  border:none;
  outline:0;
  z-index:1;
  cursor:pointer;
  opacity:1;
  margin-left:auto;
  padding:0;
}

.filterby button.mega-btn-close img[b-vgr92g1jfs] {
  width:16px;
  height:16px;
}

.locator__container .tertiary-CTA:hover[b-vgr92g1jfs] {
  font-weight:600;
}

.locator__container .tertiary-CTA:disabled[b-vgr92g1jfs] {
  font-weight:normal;
  opacity:.5;
}

.filter-apply-btn[b-vgr92g1jfs] {
  font-family: var(--wd-font-body);
}

@media(min-width:100px) and (max-width:767px) {
  .top-bar .megamenu .clsImg .filter-apply-btn[b-vgr92g1jfs] {
    min-width:230px;
  }
  .expand-filter-options[b-vgr92g1jfs] {
    text-decoration:none;
  }
  .expand-filter-options span[b-vgr92g1jfs] {
    float:right;
    font-size:2em;
    position:absolute;
    right:0;
    top:-16px;
    color:var(--wd-color-brand-red);
  }
  .expand-filter-options .plus-icon[b-vgr92g1jfs]::before {
    content:"+";
  }
  .expand-filter-options .minus-icon[b-vgr92g1jfs] {
    top:50%;
  }
}

@media(min-width:100px) and (max-width:340px) {
  .top-bar .megamenu .clsImg .filter-apply-btn[b-vgr92g1jfs] {
    min-width:84%;
  }
}

.mob_filter_sec .filter-modal[b-vgr92g1jfs] {
  top:117px;
  padding-right:0 !important;
  opacity:inherit;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .filter-accordion[b-vgr92g1jfs] {
  margin:10px 0;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .filter-accordion .panel.panel-default[b-vgr92g1jfs] {
  border:none;
  box-shadow:none;
  margin:0;
  border-top:1px solid #96969a !important;
  border-radius:0;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .filter-accordion .panel.panel-default .panel-heading[b-vgr92g1jfs] {
  background-color:transparent !important;
  border:none;
  padding:16px 0;
  color:var(--wd-color-brand-red);
  font-size:1.125em;
  font-weight:600;
  font-family: var(--wd-font-body);
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .filter-accordion .panel.panel-default .panel-heading a[b-vgr92g1jfs] {
  text-decoration:none;
  position:relative;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .filter-accordion .panel.panel-default .panel-heading a[aria-expanded="true"][b-vgr92g1jfs] {
  display:block;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .filter-accordion .panel.panel-default .panel-heading a[aria-expanded="true"][b-vgr92g1jfs]::before {
  font-family:FontAwesome;
  content:"";
  position:absolute;
  right:0;
  top:3px;
  font-size:.75em;
  color:var(--wd-color-brand-red);
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .filter-accordion .panel.panel-default .panel-heading a[aria-expanded="false"][b-vgr92g1jfs] {
  display:block;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .filter-accordion .panel.panel-default .panel-heading a[aria-expanded="false"][b-vgr92g1jfs]::before {
  font-family:FontAwesome;
  content:"";
  position:absolute;
  right:0;
  top:3px;
  font-size:.75em;
  color:var(--wd-color-brand-red);
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .card[b-vgr92g1jfs] {
  border:none;
  padding-top:5px;
  padding-left:0;
  padding-bottom:0;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body li .loc_switch[b-vgr92g1jfs] {
  padding-top:10px;
  display:flex;
  align-items:center;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body li .locator-switch[b-vgr92g1jfs] {
  position:relative;
  display:inline-block;
  width:44px;
  height:24px;
  top:0;
  margin-right:10px;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body li .locator-switch:focus[b-vgr92g1jfs] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:1px;
  display:inline-block;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body li .locator-switch-slider[b-vgr92g1jfs] {
  position:absolute;
  cursor:pointer;
  top:0;
  left:0;
  right:-2px;
  bottom:0;
  background-color:#ccc;
  -webkit-transition:.4s;
  transition:.4s;
  width:44px;
  height:24px;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body li .locator-switch-slider[b-vgr92g1jfs]::before {
  position:absolute;
  content:"";
  height:18px;
  width:20px;
  left:3px;
  bottom:3px;
  background-color:#fff;
  -webkit-transition:.4s;
  transition:.4s;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body li input:checked+.locator-switch-slider[b-vgr92g1jfs] {
  background-color:var(--wd-color-brand-red);
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body li input:focus+.locator-switch-slider[b-vgr92g1jfs] {
  box-shadow:0 0 1px var(--wd-color-brand-red);
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body li input:checked+.locator-switch-slider[b-vgr92g1jfs]:before {
  -webkit-transform:translateX(20px);
  -ms-transform:translateX(20px);
  transform:translateX(20px);
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body li .locator-switch-slider.round[b-vgr92g1jfs] {
  border-radius:34px;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body li .locator-switch-slider.round[b-vgr92g1jfs]:before {
  border-radius:50%;
}

.mob_filter_sec .filter-modal .applysection[b-vgr92g1jfs] {
  display:flex;
  align-items:center;
  justify-content:space-around;
  margin-bottom:20px;
}

.mob_filter_sec .filter-modal .applysection .filter-apply-btn[b-vgr92g1jfs] {
  padding:6px 40px;
  font-family: var(--wd-font-body);
  font-weight:bold;
  font-size:1.125em;
  line-height:1.22;
  letter-spacing:-.25px;
  width:230px;
  height:46px;
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}

.mob_filter_sec .filter-modal .applysection .filter-apply-btn:hover[b-vgr92g1jfs] {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
}

.mob_filter_sec .filter-modal .applysection .filter-apply-btn:focus[b-vgr92g1jfs] {
  border:solid 2px #fff !important;
}

.mob_filter_sec .filter-modal .applysection .filter-apply-btn:disabled[b-vgr92g1jfs] {
  opacity:.5;
}

@media(max-width:767px) {
  .mob_filter_sec .filter-modal .applysection .filter-apply-btn[b-vgr92g1jfs] {
    font-size:1.125em;
    line-height:1.56;
    letter-spacing:normal;
    width:230px;
    height:46px;
  }
}

@media(max-width:992px) {
  .filter_container .locator_filter .mob_filter_sec #filterclr_mob:disabled[b-vgr92g1jfs] {
    color:#d37b8a;
  }
}

.top-bar .check input[type=checkbox]:checked+span[b-vgr92g1jfs]:before {
  content:"";
  background-image:url("../../../Areas/V2/Sass/Images/redtick.png");
  background-size:100%;
  background-repeat:no-repeat;
  display:inline-block;
  background-position:top right;
  vertical-align:middle;
  cursor:pointer;
  width:18px;
  height:22px;
  object-fit:contain;
  position:relative;
  top:-4px;
  left:1px;
}

.top-bar input[type=checkbox]:focus:checked~.checkInput[b-vgr92g1jfs],.top-bar input[type=checkbox]:focus:not(:checked)~.checkInput[b-vgr92g1jfs] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}

.top-bar .check[b-vgr92g1jfs] {
  margin-bottom:10px;
  display:inline-flex;
  align-items:center;
}

.top-bar .spnCheck[b-vgr92g1jfs] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  margin-left:13px;
  margin-bottom:0;
  font-weight:400;
  white-space:nowrap;
}

.top-bar .checkInput[b-vgr92g1jfs] {
  position:relative;
  display:inline-block;
  width:18px;
  height:18px;
  vertical-align:middle;
  background-color:inherit;
  color:var(--wd-color-text);
  border:1px solid var(--wd-color-border);
  cursor:pointer;
  min-width:18px;
}

.top-bar .megamenu ul.menu-list-items li .locator-switch .checkInput[b-vgr92g1jfs] {
  position:relative;
  display:inline-block;
  width:18px;
  height:18px;
  vertical-align:middle;
  background-color:inherit;
  color:var(--wd-color-text);
  border:1px solid var(--wd-color-border);
  cursor:pointer;
}

.top-bar .megamenu ul.menu-list-items li .lbl-toggle-btn[b-vgr92g1jfs] {
  margin-left:10px;
  cursor:pointer;
}

.top-bar .megamenu .filter-sec .filter-btn[b-vgr92g1jfs] {
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.57;
  letter-spacing:-.23px;
  color:var(--wd-color-brand-red);
  border:none;
  background:none;
  text-decoration:underline;
  margin-right:47px;
}

.top-bar .megamenu .filter-sec .filter-btn:hover[b-vgr92g1jfs] {
  font-weight:600;
}

.main .main-accrdn .card .in[b-vgr92g1jfs] {
  margin-bottom:-15px;
}

.filterby .filter-lab[b-vgr92g1jfs],.filterby #filterCnt[b-vgr92g1jfs] {
  font-family: var(--wd-font-body);
  font-size:1.375em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.27;
  letter-spacing:-.37px;
  color:var(--wd-color-brand-red);
}

.filter-selection-block .filterby .filter-btn[b-vgr92g1jfs] {
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-stretch:normal;
  font-style:normal;
  line-height:1.57;
  letter-spacing:-.23px;
  color:var(--wd-color-brand-red);
  border:none;
  background:none;
  text-decoration:underline;
  margin-left:10px;
}

.filter_container[b-vgr92g1jfs] {
  background-color:#fff;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  position:relative;
  padding:13px 0;
}

@media(min-width:768px) and (max-width:991px) {
  .filter_container .locator_filter[b-vgr92g1jfs] {
    width:100%;
    padding:0 25px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .filter_container .locator_filter[b-vgr92g1jfs] {
    width:100%;
    padding-right:22px;
    padding-left:22px;
  }
}

.filter_container .locator_filter .hidestore .check input[type=checkbox]:checked+input+span[b-vgr92g1jfs]:after {
  content:"";
  background-image:url("../../../Areas/V2/Sass/Images/redtick.png");
  background-size:100%;
  background-repeat:no-repeat;
  display:inline-block;
  background-position:top right;
  vertical-align:middle;
  cursor:pointer;
  width:18px;
  height:22px;
  object-fit:contain;
  position:relative;
  top:-6px;
  left:2px;
}

.filter_container .locator_filter .hidestore input[type=checkbox]:focus:checked~.checkInput[b-vgr92g1jfs],.filter_container .locator_filter .hidestore input[type=checkbox]:focus:not(:checked)~.checkInput[b-vgr92g1jfs] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}

.filter_container .locator_filter .hidestore .check[b-vgr92g1jfs] {
  margin-bottom:0;
  display:inline-flex;
  align-items:center;
}

.filter_container .locator_filter .hidestore .spnCheck[b-vgr92g1jfs] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  margin-left:13px;
  margin-bottom:0;
  font-weight:400;
}

.filter_container .locator_filter .hidestore .checkInput[b-vgr92g1jfs] {
  position:relative;
  display:inline-block;
  width:18px;
  height:18px;
  vertical-align:middle;
  background-color:inherit;
  color:var(--wd-color-text);
  border:1px solid var(--wd-color-border);
  cursor:pointer;
  margin-right:5px;
}

.filter_container .locator_filter .hidestore .lbl-toggle-btn[b-vgr92g1jfs] {
  font-weight:normal;
  margin-bottom:0;
}

.filter_container .locator_filter .dropdown .loc_filter_dropdown[b-vgr92g1jfs] {
  background-color:#fff;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  border:none;
  margin-right:2px;
  transition:.3s ease-in;
}

.mob_filter_sec .filter-modal .modal-open .modal[b-vgr92g1jfs] {
  padding-right:0 !important;
}

.mob_filter_sec .filter-modal .modal-dialog[b-vgr92g1jfs] {
  margin:0;
  border-radius:0;
  border:none;
  width:100%;
  top:68px;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content[b-vgr92g1jfs] {
  border:none;
  border-radius:0;
  padding-top:24px;
  padding-bottom:30px;
  background:#fff;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content h3[b-vgr92g1jfs] {
  color:var(--wd-color-brand-red);
  font-family: var(--wd-font-body);
  font-size:1.375em;
  font-weight:bold;
  margin:0;
  margin-right:10px;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body[b-vgr92g1jfs] {
  padding:0;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body hr[b-vgr92g1jfs] {
  width:auto;
  height:1px;
  background-color:#d0d0d0;
  display:block;
  color:#d0d0d0;
  margin:18px 0 24px 0;
  float:none;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .filter-accordion .panel.panel-default .panel-body li .check[b-vgr92g1jfs] {
  align-items:center;
  display:flex;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .filter-accordion .panel.panel-default .panel-body li .checkInput[b-vgr92g1jfs] {
  position:relative;
  display:inline-block;
  width:18px;
  height:18px;
  vertical-align:middle;
  background-color:inherit;
  color:var(--wd-color-text);
  border:1px solid var(--wd-color-border);
  cursor:pointer;
  margin-right:5px;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .filter-accordion .panel.panel-default .panel-body li .check input[type=checkbox]:checked+span[b-vgr92g1jfs]:after {
  content:"";
  background-image:url(../../../Areas/V2/Sass/Images/redtick.png);
  background-size:100%;
  background-repeat:no-repeat;
  display:inline-block;
  background-position:top right;
  vertical-align:middle;
  cursor:pointer;
  width:18px;
  height:22px;
  object-fit:contain;
  position:relative;
  top:-10px;
  left:2px;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .loc_filter_dropdown[b-vgr92g1jfs] {
  background-color:#fff;
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.33;
  letter-spacing:-.15px;
  color:var(--wd-color-brand-red);
  border:none;
  margin-right:2px;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .check input[type=checkbox]:checked+span[b-vgr92g1jfs]:after {
  content:"";
  background-image:url("../../../Areas/V2/Sass/Images/redtick.png");
  background-size:100%;
  background-repeat:no-repeat;
  display:inline-block;
  background-position:top right;
  vertical-align:middle;
  cursor:pointer;
  width:18px;
  height:22px;
  object-fit:contain;
  position:relative;
  top:-10px;
  left:2px;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body input[type=checkbox]:focus:checked~.checkInput[b-vgr92g1jfs],.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body input[type=checkbox]:focus:not(:checked)~.checkInput[b-vgr92g1jfs] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .check[b-vgr92g1jfs] {
  margin-bottom:10px;
  display:inline-flex;
  align-items:center;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .spnCheck[b-vgr92g1jfs] {
  margin-left:13px;
  font-weight:normal;
  margin-bottom:0;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .checkInput[b-vgr92g1jfs] {
  position:relative;
  display:inline-block;
  width:18px;
  height:18px;
  vertical-align:middle;
  background-color:inherit;
  color:var(--wd-color-text);
  border:1px solid var(--wd-color-border);
  cursor:pointer;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body li[b-vgr92g1jfs] {
  display:flex;
  align-items:center;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body li input[type=checkbox][b-vgr92g1jfs] {
  opacity:0;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body li input[type=checkbox]:focus:checked~span[b-vgr92g1jfs],.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body li input[type=checkbox]:focus:not(:checked)~span[b-vgr92g1jfs] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
  transition:none;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body li input[b-vgr92g1jfs] {
  opacity:0;
  width:0;
  height:0;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .lbl-toggle-btn[b-vgr92g1jfs] {
  margin-left:10px;
  cursor:pointer;
}

@media(max-width:991px) {
  .top-bar .megamenu[b-vgr92g1jfs]:after {
    content:none;
  }
  .top-bar .megamenu button.apply-filter-btn[b-vgr92g1jfs] {
    background-color:#fff;
    padding:10px 25px;
    border:1px solid var(--wd-color-brand-red);
    color:var(--wd-color-brand-red);
    font-size:1.25em;
    font-weight:600;
    display:block;
    margin-top:15px;
    font-family: var(--wd-font-body);
  }
  .top-bar .megamenu button.apply-filter-btn:hover[b-vgr92g1jfs] {
    border:solid 1px var(--wd-color-brand-red);
    background-color:var(--wd-color-brand-red);
    color:#fff;
    display:inline-block;
  }
  .top-bar .megamenu .filter-sec .filter-btn[b-vgr92g1jfs] {
    margin-right:0;
  }
}

@media(max-width:991px) {
  .main .card-body[b-vgr92g1jfs] {
    padding:0 !important;
  }
  .main .acrdn-drctn[b-vgr92g1jfs] {
    text-align:right;
    right:0 !important;
  }
  .main .acrdn-drctn i[b-vgr92g1jfs],.main .acrdn-drctn svg[b-vgr92g1jfs] {
    margin-right:13px;
  }
  .main i.fa-heart[b-vgr92g1jfs] {
    margin-right:7px;
  }
  .main .search-bar[b-vgr92g1jfs] {
    margin-left:0;
    height:46px;
  }
  .main .main-accrdn .details-div .details-link[b-vgr92g1jfs],.main .main-accrdn .details-div .details-link-disabled[b-vgr92g1jfs] {
    font-size:1em;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .locator__container[b-vgr92g1jfs],.locator__container-sm[b-vgr92g1jfs],.locator__container-md[b-vgr92g1jfs],.locator__container-lg[b-vgr92g1jfs],.locator__container-xl[b-vgr92g1jfs] {
    margin:0 25px;
  }
  .location-icons[b-vgr92g1jfs] {
    display:flex;
  }
  .location-icons .store-link[b-vgr92g1jfs] {
    padding:0;
    font-size:.875em;
  }
  .top-bar .megamenu h2[b-vgr92g1jfs] {
    font-size:1.125em;
    font-weight:bold;
    font-stretch:normal;
    font-style:normal;
    line-height:1.22;
    letter-spacing:-.25px;
  }
  .top-bar .megamenu legend[b-vgr92g1jfs] {
    font-size:1.125em;
    font-weight:bold;
    font-stretch:normal;
    font-style:normal;
    line-height:1.22;
    letter-spacing:-.25px;
  }
  .top-bar .megamenu ul.menu-list-items li .spnCheck[b-vgr92g1jfs] {
    font-size:.875em;
    font-weight:normal;
    font-stretch:normal;
    font-style:normal;
    line-height:1.43;
    letter-spacing:-.25px;
  }
}

@media(max-width:767px) {
  #btnFilter[b-vgr92g1jfs] {
    display:block;
  }
  .main .main-accrdn i.far.fa-heart[b-vgr92g1jfs] {
    margin-right:7px;
  }
  .main .main-accrdn[b-vgr92g1jfs] {
    padding-top:0;
  }
  .main .main-accrdn .card-header[b-vgr92g1jfs] {
    padding:15px 5px 15px 0;
  }
  .main .main-accrdn .p-lr-10[b-vgr92g1jfs] {
    padding:0 10px;
  }
  .main .main-accrdn .collapse.in[b-vgr92g1jfs] {
    margin-bottom:-23px;
  }
  .main .main-accrdn .main-accrdn[b-vgr92g1jfs],.main .main-accrdn hr[b-vgr92g1jfs] {
    width:100%;
  }
  .main .main-accrdn h2[b-vgr92g1jfs] {
    font-size:1.125em;
  }
  .main .main-accrdn p[b-vgr92g1jfs],.main .main-accrdn .locator-taproom[b-vgr92g1jfs],.main .main-accrdn .shoponline-link[b-vgr92g1jfs] {
    font-size:.875em;
  }
  .main .main-accrdn .locator-addr :focus[b-vgr92g1jfs] {
    line-height:unset;
  }
  .main .main-accrdn span[b-vgr92g1jfs] {
    font-size:.875em;
  }
  .main .main-accrdn span .locator-phone[b-vgr92g1jfs] {
    font-family: var(--wd-font-body);
    font-weight:normal;
    line-height:1.43;
    color:var(--wd-color-brand-red);
    text-decoration:underline;
  }
  .top-bar .search-bar-li[b-vgr92g1jfs] {
    float:left;
    width:65%;
  }
  .top-bar .search-bar[b-vgr92g1jfs] {
    width:100%;
    margin-left:0;
  }
  .top-bar .search-bar input[b-vgr92g1jfs] {
    min-width:100% !important;
    width:100% !important;
  }
  .top-bar h1.page-headline[b-vgr92g1jfs] {
    font-size:1.375em;
    margin-bottom:24px;
    line-height:1.27;
    letter-spacing:-.37px;
  }
  .top-bar ul.top-bar-list[b-vgr92g1jfs] {
    display:block;
  }
  .top-bar ul.top-bar-list li[b-vgr92g1jfs] {
    margin-bottom:4px;
  }
  .top-bar .left-item .fas.fa-sliders-h[b-vgr92g1jfs] {
    margin-left:-8px;
    margin-top:-2px;
  }
}

@media(min-width:992px) and (max-width:1199px) {
  .locator__container[b-vgr92g1jfs],.locator__container-sm[b-vgr92g1jfs],.locator__container-md[b-vgr92g1jfs],.locator__container-lg[b-vgr92g1jfs],.locator__container-xl[b-vgr92g1jfs] {
    margin:0 32px;
  }
  .dropdown-menu-main-section[b-vgr92g1jfs] {
    padding:28px 50px;
  }
  .top-bar .megamenu .filter-btn-section .filter-btn[b-vgr92g1jfs] {
    margin-left:30px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .top-bar .megamenu[b-vgr92g1jfs] {
    top:0;
  }
  .top-bar .megamenu h2[b-vgr92g1jfs] {
    display:block;
  }
  .top-bar .megamenu legend[b-vgr92g1jfs] {
    display:block;
  }
  .top-bar .megamenu .clsImg .filter-apply-btn[b-vgr92g1jfs] {
    min-width:126px;
  }
}

@media(max-width:991px) {
  .filter-selection-block .menu-list-items[b-vgr92g1jfs] {
    display:none;
  }
  .top-bar .megamenu[b-vgr92g1jfs] {
    box-shadow:none;
  }
  .top-bar .megamenu h2[b-vgr92g1jfs] {
    padding:1px;
    margin:0;
  }
  .top-bar .megamenu legend[b-vgr92g1jfs] {
    padding:1px;
    margin:0;
  }
  .top-bar .megamenu ul.menu-list-items[b-vgr92g1jfs] {
    margin-top:28px;
  }
  .top-bar .megamenu .clsImg[b-vgr92g1jfs] {
    margin:14px 0;
    box-shadow:0 2px 14px 0 rgba(0,0,0,.15);
    padding:16px 32px;
  }
  .top-bar .megamenu button.mega-btn-close[b-vgr92g1jfs] {
    position:relative;
    top:10px;
    right:0;
  }
  .top-bar .megamenu .dropdown-menu-main-section[b-vgr92g1jfs] {
    padding:12px 30px 30px 30px;
  }
  .top-bar .megamenu .toggle-btn-section .menu-list-items[b-vgr92g1jfs] {
    margin:0 !important;
  }
  .top-bar .megamenu .toggle-btn-section col-sm-12[b-vgr92g1jfs],.top-bar .megamenu .toggle-btn-section col-xs-12[b-vgr92g1jfs],.top-bar .megamenu .toggle-btn-section .col-md-6[b-vgr92g1jfs] {
    padding:0 !important;
  }
  .top-bar .megamenu .toggle-btn-section .d-flex-end[b-vgr92g1jfs] {
    justify-content:flex-start;
  }
  .overlay[b-vgr92g1jfs] {
    height:calc(100vh + 180px);
  }
}

@media(max-width:992px) {
  .filter_container[b-vgr92g1jfs] {
    padding:0;
  }
  .filter_container .locator_filter .webonly[b-vgr92g1jfs] {
    display:none !important;
  }
  .filter_container .locator_filter .mob_filter_sec[b-vgr92g1jfs] {
    display:flex;
    justify-content:space-between;
    align-items:center;
  }
  .filter_container .locator_filter .mob_filter_sec .filter-btn[b-vgr92g1jfs] {
    background-color:transparent;
    border:none;
    font-size:1em;
    color:var(--wd-color-brand-red);
    font-family: var(--wd-font-body);
    font-weight:normal;
    outline:0;
    align-items:center;
    display:flex;
    padding:0;
  }
  .filter_container .locator_filter .mob_filter_sec #filterclr_mob[b-vgr92g1jfs] {
    text-decoration:underline;
    margin-left:16px;
  }
  .filter_container .locator_filter .mob_filter_sec #filterclr_mob:disabled[b-vgr92g1jfs] {
    opacity:.5;
  }
  .filter_container .locator_filter .mob_filter_sec .filter-lab[b-vgr92g1jfs] {
    font-weight:600;
    text-decoration:none;
  }
  .filter_container .locator_filter .mob_filter_sec svg[b-vgr92g1jfs] {
    margin-right:8px;
  }
  .filter_container .locator_filter .mob_filter_sec .mob_filter[b-vgr92g1jfs] {
    margin:0 25px;
  }
  .filter_container .locator_filter .mob_filter_sec .filter-modal .modal-dialog[b-vgr92g1jfs] {
    margin:0;
    border-radius:0;
    border:none;
    width:100%;
    top:68px;
  }
  .filter_container .locator_filter .mob_filter_sec .filter-modal .modal-dialog .modal-content[b-vgr92g1jfs] {
    border:none;
    border-radius:0;
    padding:15px;
  }
  .filter_container .locator_filter .mob_filter_sec .filter-modal .header-modal[b-vgr92g1jfs] {
    display:block;
    justify-content:space-between;
  }
  .filter_container .locator_filter .mob_filter_sec .filter-modal .applySection[b-vgr92g1jfs] {
    display:flex;
    align-items:center;
    margin-bottom:20px;
    justify-content:space-around;
  }
}
/* /Components/Locator/ResultsAndMap.razor.rz.scp.css */
/* Moved from the page .razor.css when ResultsAndMap was extracted. Some rules are shared with
   sibling components from the same page and duplicated verbatim in each — inert here if the
   selector doesn't match. */

.btn-dot-loading b[b-3mbvltqrfd] {
  font-weight:normal;
}

.main [b-3mbvltqrfd]::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
  border-radius:10px;
  background-color:#f5f5f5;
}

.main [b-3mbvltqrfd]::-webkit-scrollbar {
  width:5px;
  background-color:#f5f5f5;
}

.main [b-3mbvltqrfd]::-webkit-scrollbar-thumb {
  border-radius:10px;
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
  background-color:transparent;
}

.main .main-accrdn[b-3mbvltqrfd] {
  padding-top:0;
  height:auto;
  scroll-behavior:smooth;
  overflow-y:scroll !important;
  width:100%;
  padding-left:2px;
}

.main .main-accrdn .errorMessage[b-3mbvltqrfd] {
  padding-top:19px;
  padding-right:10px;
  padding-bottom:20px;
}

.main .main-accrdn hr[b-3mbvltqrfd] {
  width:96%;
  border-top:1px solid #96969a;
  float:none;
  height:2px;
  opacity:.61;
  display:inline-block;
  margin-top:0;
}

.main .main-accrdn p[b-3mbvltqrfd] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  margin-bottom:16px;
  border:none;
  background:transparent;
  display:flex;
  align-items:center;
  padding-left:0;
}

.main .main-accrdn h3[b-3mbvltqrfd] {
  font-size:1em;
  color:var(--wd-color-text);
}

.main .main-accrdn h2[b-3mbvltqrfd] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1;
  letter-spacing:-.28px;
  margin-top:0;
  display:block;
}

.main .main-accrdn h2 .loc_head[b-3mbvltqrfd] {
  color:var(--wd-color-brand-red);
  text-decoration:underline;
}

.main .main-accrdn h2 .loc_head :focus[b-3mbvltqrfd] {
  line-height:unset;
}

.main .main-accrdn h2 .loc_head:hover[b-3mbvltqrfd] {
  font-weight:900;
}

.main .main-accrdn .locator_info[b-3mbvltqrfd] {
  color:var(--wd-color-text);
  margin:12px 0;
}

.main .main-accrdn .locator_info .location_info_sec[b-3mbvltqrfd] {
  margin-bottom:2px;
}

.main .main-accrdn .locator_info .location_info_sec span[b-3mbvltqrfd] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  align-items:center;
  color:var(--wd-color-text);
}

.main .main-accrdn .locator_info .location_info_sec svg[b-3mbvltqrfd] {
  margin-right:6px;
  vertical-align:middle;
}

.main .main-accrdn .locator_info .location_info_sec a[b-3mbvltqrfd] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-brand-red);
  text-decoration:underline;
  display:inline-block;
}

.main .main-accrdn .locator_info .location_info_sec a:focus[b-3mbvltqrfd] {
  display:inline-block;
  font-weight:600;
}

.main .main-accrdn .locator_info .location_info_sec a:hover[b-3mbvltqrfd] {
  font-weight:600;
}

.main .main-accrdn .locator_info .location_info_sec p[b-3mbvltqrfd] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  display:block;
  margin-bottom:0;
  margin-top:6px;
}

@media(min-width:992px) and (max-width:1600px) {
  .main .main-accrdn .locator_info .location_info_sec p[b-3mbvltqrfd] {
    margin-right:30px;
  }
}

.main .main-accrdn .locator_info .location_info_sec .locator-phone[b-3mbvltqrfd] {
  color:var(--wd-color-brand-red);
  text-decoration:none;
}

@media(max-width:992px) {
  .main .main-accrdn .locator_info .location_info_sec .locator-phone[b-3mbvltqrfd] {
    text-decoration:underline;
  }
}

.main .main-accrdn .locator_info .location_info_sec .locator-phone:hover[b-3mbvltqrfd] {
  font-weight:600;
}

.main .main-accrdn .locator_info .location_info_sec .locator-phone:focus[b-3mbvltqrfd] {
  font-weight:600;
}

.main .main-accrdn .locator_info .location_info_sec .locator_info_tags[b-3mbvltqrfd] {
  margin-top:24px;
}

.main .main-accrdn .locator_info_tags[b-3mbvltqrfd] {
  margin-top:24px;
}

.main .main-accrdn .locator_info_tags .location_info_sec[b-3mbvltqrfd] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  display:inline-flex;
  align-items:center;
}

.main .main-accrdn .locator_info_tags .location_info_sec a[b-3mbvltqrfd] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-brand-red);
  text-decoration:underline;
  display:inline-block;
  margin-right:25px;
}

.main .main-accrdn .locator_info_tags .location_info_sec a:focus[b-3mbvltqrfd] {
  font-weight:600;
}

.main .main-accrdn .locator_info_tags .location_info_sec a:hover[b-3mbvltqrfd] {
  font-weight:600;
}

.main .main-accrdn .locator_info_tags .location_info_sec svg[b-3mbvltqrfd] {
  color:var(--wd-color-brand-red);
}

/* Live has a collapsed whitespace text node between each icon and its <a> label, measured at
   3.6px in Asap 16px; Razor strips whitespace-only text nodes at compile time (NBSP included),
   so it has to be reproduced in CSS.

   Applied to the icons only, not as column-gap on the container: live's whitespace sits
   between each icon and its label, but NOT between a label and the next icon — that spacing
   comes from the label's own margin-right:25px above. A container column-gap would add the
   3.6px to all four gaps and push "Directions" 3.6px right of live (measured).

   NOTE: this previously lived here as an `img { margin-right }` rule introduced by `//`
   comments. `//` is Sass syntax, not CSS — in a .razor.css file the parser reads it as a
   malformed selector and drops the rule that follows, so the gap silently never applied
   (verified absent from the compiled WinnDixie.Web.styles.css bundle). Use only standard CSS
   block comments in this file. */
.main .main-accrdn .locator_info_tags .location_info_sec img[b-3mbvltqrfd] {
  margin-right:3.6px;
}

.main .main-accrdn .details-div[b-3mbvltqrfd] {
  margin-top:24px;
}

.main .main-accrdn .details_btn[b-3mbvltqrfd] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:bold;
  line-height:1.22;
  letter-spacing:-.25px;
  text-align:center;
  width:244px;
  height:auto;
  align-items:center;
  display:flex;
  justify-content:space-around;
  margin-bottom:0;
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}

.main .main-accrdn .details_btn:focus[b-3mbvltqrfd] {
  border:solid 2px #fff !important;
}

.main .main-accrdn .details_btn:hover[b-3mbvltqrfd] {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
}

.main .main-accrdn .locator-addr[b-3mbvltqrfd] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  display:inline-block;
  margin:8px 0;
}

.main .main-accrdn .locator-addr:focus[b-3mbvltqrfd] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:1px;
  display:block;
  font-weight:600;
}

.main .main-accrdn .locator-addr:hover[b-3mbvltqrfd] {
  font-weight:600;
}

.main .main-accrdn .locator-label[b-3mbvltqrfd] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  margin-bottom:8px;
  display:block;
}

@media only screen and (min-device-width:991px) {
  .main .card .card-header .justify-content-between[b-3mbvltqrfd] {
    display:inline-block;
  }
}

.map[b-3mbvltqrfd] {
  padding:0;
  padding-top:59px;
  min-height:728px;
}

@media(min-width:768px) and (max-width:991px) {
  .map[b-3mbvltqrfd] {
    padding-top:0;
  }
}

.map[b-3mbvltqrfd]  iframe {
  height:728px;
}

#mapGoogle[b-3mbvltqrfd] {
  height:728px;
  border-radius:4px;
}

.mapGoogleStore[b-3mbvltqrfd] {
  width:100%;
  height:728px;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style .gm-style-iw .card .loc_head {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1;
  letter-spacing:-.28px;
  margin-top:0;
  color:var(--wd-color-brand-red);
  text-decoration:underline;
  display:block;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style .gm-style-iw .card .loc_head:focus {
  line-height:unset;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style .gm-style-iw .card .loc_head:hover {
  font-weight:900;
}

.errorMessage[b-3mbvltqrfd] {
  display:block;
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.33;
  letter-spacing:-.15px;
  color:var(--wd-color-brand-red);
  padding-right:30px;
}

@media(max-width:992px) {
  .errorMessage[b-3mbvltqrfd] {
    margin-top:19px;
  }
}

.justify-content-between[b-3mbvltqrfd] {
  -webkit-box-pack:justify !important;
  -ms-flex-pack:justify !important;
  justify-content:space-between !important;
}

.no-gutters[b-3mbvltqrfd] {
  margin-right:0;
  margin-left:0;
}

.p-0[b-3mbvltqrfd] {
  padding:0 !important;
}

.store-left[b-3mbvltqrfd] {
  padding:0;
}

@media(min-width:992px) {
  .d-lg-flex[b-3mbvltqrfd] {
    display:-webkit-box !important;
    display:-ms-flexbox !important;
    display:flex !important;
  }
  .float-lg-none[b-3mbvltqrfd] {
    float:none !important;
  }
  .p-lg-0[b-3mbvltqrfd] {
    padding:0 !important;
  }
  .mobnumlink[b-3mbvltqrfd] {
    cursor:default;
    text-decoration:none;
  }
}

@media(max-width:992px) {
  .mapGoogleStore[b-3mbvltqrfd] {
    position:relative;
  }
}

@media only screen and (min-device-width:768px) {
  .mapGoogleStore[b-3mbvltqrfd] {
    margin-top:0;
  }
}

.main-accrdn[b-3mbvltqrfd]::-webkit-scrollbar-track {
  background-color:#fff;
  box-shadow:none;
}

.p-5[b-3mbvltqrfd] {
  padding-right:5px;
  padding-top:5px;
}

.store_sec_info[b-3mbvltqrfd] {
  margin-bottom:30px;
}

@media(max-width:767px) {
  .locator__container .hide_sec[b-3mbvltqrfd] {
    display:none;
  }
  .mob_map[b-3mbvltqrfd] {
    padding-top:25px;
    text-align:center;
  }
  .mob_map a[b-3mbvltqrfd] {
    font-family: var(--wd-font-body);
    font-size:.875em;
    font-weight:normal;
    font-stretch:normal;
    font-style:normal;
    line-height:normal;
    letter-spacing:-.23px;
    color:var(--wd-color-brand-red);
    padding-bottom:10px;
  }
  .mob_map a i[b-3mbvltqrfd] {
    margin-right:5px;
  }
  .mob_map .listview[b-3mbvltqrfd] {
    padding-bottom:25px;
  }
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style .gm-style-iw .card h2 .loc_head {
  color:var(--wd-color-brand-red);
  text-decoration:underline;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style .gm-style-iw .card h2 .loc_head:focus {
  line-height:unset;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style .gm-style-iw .card h2 .loc_head:hover {
  font-weight:900;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style .gm-style-iw .card .details_btn {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  padding:10px 30px;
  font-weight:bold;
  line-height:1.22;
  letter-spacing:-.25px;
  text-align:center;
  width:244px;
  height:40px;
  align-items:center;
  display:block;
  margin-top:20px;
  margin-bottom:5px;
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}

.list_toggle[b-3mbvltqrfd] {
  display:block;
}

.btn-dot-loading[b-3mbvltqrfd] {
  height:49px !important;
}

.zoomTxt .main .main-accrdn .details_btn[b-3mbvltqrfd] {
  padding:0 !important;
}

.loc_length[b-3mbvltqrfd] {
  padding:25px 20px 10px 0;
}

.loc_length span[b-3mbvltqrfd] {
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.43;
  letter-spacing:-.23px;
  color:var(--wd-color-text);
}

@media(max-width:767px) {
  .loc_length span[b-3mbvltqrfd] {
    overflow-wrap:break-word;
  }
}

@media(min-width:1200px) {
  .locator__container[b-3mbvltqrfd],.locator__container-sm[b-3mbvltqrfd],.locator__container-md[b-3mbvltqrfd],.locator__container-lg[b-3mbvltqrfd],.locator__container-xl[b-3mbvltqrfd] {
    margin:0 132px;
  }
}

.filter_container .locator_filter .loc_length[b-3mbvltqrfd] {
  padding:25px 0;
}

@media(max-width:767px) {
  .filter_container .locator_filter .loc_length[b-3mbvltqrfd] {
    padding-right:20px;
  }
}

.zoomTxt .locator__container[b-3mbvltqrfd] {
  margin:0 20px;
}

.col-sm-12[b-3mbvltqrfd],.col-md-6[b-3mbvltqrfd] {
  padding-left:0;
  padding-right:0;
}

@media(max-width:767px) {
  .top-bar[b-3mbvltqrfd] {
    height:auto;
  }
  .top-bar .p-5[b-3mbvltqrfd] {
    padding:5px;
  }
  .top-bar .search-bar input[b-3mbvltqrfd] {
    height:46px;
    min-width:185px;
  }
  .top-bar .left-item[b-3mbvltqrfd] {
    margin:0 20px;
  }
  .top-bar ul.top-bar-list[b-3mbvltqrfd] {
    display:block;
  }
  .top-bar ul.top-bar-list li[b-3mbvltqrfd] {
    margin-bottom:15px;
    margin-right:5px;
    font-size:1em;
  }
  .top-bar ul.top-bar-list li button.top-btn i[b-3mbvltqrfd] {
    margin-right:5px;
  }
  .top-bar ul.top-bar-list li button.top-btn i.fas.fa-sliders-h[b-3mbvltqrfd] {
    transform:rotate(269deg);
    color:var(--wd-color-brand-red);
  }
  .top-bar ul.top-bar-list .search-bar-li[b-3mbvltqrfd] {
    margin-left:0;
    margin-right:18px;
    width:100%;
    display:block;
  }
  .top-bar h2.page-headline[b-3mbvltqrfd] {
    margin-bottom:10px;
  }
  .top-bar .mob-only[b-3mbvltqrfd] {
    display:flex;
  }
  .top-bar .mob-only .float-right[b-3mbvltqrfd] {
    margin:0 0 0 auto !important;
  }
  .top-bar .right-item[b-3mbvltqrfd] {
    display:none;
  }
  .top-bar .search-bar[b-3mbvltqrfd] {
    width:210px;
    min-width:auto;
  }
  .top-bar .search-bar button.search-btn[b-3mbvltqrfd] {
    font-size:21px;
  }
  .top-bar button.top-btn.dropdown-toggle[b-3mbvltqrfd]:after {
    margin-top:10px;
  }
  .top-bar .float-left[b-3mbvltqrfd] {
    float:none;
  }
  .top-bar .d-mob-flex[b-3mbvltqrfd] {
    display:flex;
  }
  .top-bar .location-icons[b-3mbvltqrfd] {
    text-align:center;
  }
  .top-bar .location-icons .locator_btn[b-3mbvltqrfd] {
    margin-top:10px;
    margin-bottom:0;
  }
  .top-bar .location-icons .locator_btn div[b-3mbvltqrfd] {
    color:var(--wd-color-brand-red);
  }
  .top-bar .location-icons .locator_btn div img[b-3mbvltqrfd],.top-bar .location-icons .locator_btn div svg[b-3mbvltqrfd] {
    height:23px;
  }
  .top-bar .location-icons .locator_btn div i[b-3mbvltqrfd] {
    font-size:1.25em;
    vertical-align:bottom;
  }
  .top-bar .location-icons .locator_btn div .store-btn[b-3mbvltqrfd] {
    border:none;
    padding-bottom:5px;
    background-color:#fff;
  }
  .top-bar .location-icons .locator_btn div .store-link[b-3mbvltqrfd] {
    font-family: var(--wd-font-body);
    font-size:.875em;
    font-weight:600;
    font-stretch:normal;
    font-style:normal;
    line-height:1.22;
    letter-spacing:-.15px;
    text-align:center;
    color:var(--wd-color-text);
    padding:0 15px;
    opacity:.5;
    text-decoration:none;
    padding:0;
  }
  .top-bar .location-icons .locator_btn .link-active[b-3mbvltqrfd] {
    margin:0 30px 0 0;
    border-bottom:solid 5px var(--wd-color-brand-red);
    margin-bottom:0;
    text-align:center;
    color:var(--wd-color-text);
  }
  .top-bar .location-icons .locator_btn .link-active .store-link[b-3mbvltqrfd] {
    opacity:1;
  }
}

@media(min-width:768px) and (max-width:992px) {
  .main .main-accrdn .col-2.p-0[b-3mbvltqrfd] {
    text-align:right;
  }
  .main .main-accrdn .col-2.p-0 button.btn[b-3mbvltqrfd] {
    margin:0 -10px auto;
  }
  .main .main-accrdn .acrdn-drctn i[b-3mbvltqrfd],.main .main-accrdn .acrdn-drctn svg[b-3mbvltqrfd] {
    text-align:right !important;
    display:inline-block;
    margin-right:30px;
  }
  .main .main-accrdn i.fa-heart[b-3mbvltqrfd] {
    margin-right:7px;
  }
}

@media(max-width:767px) {
  .map[b-3mbvltqrfd] {
    margin-top:0;
    min-height:100px;
    padding-top:0;
  }
  .details-link[b-3mbvltqrfd],.details-link-disabled[b-3mbvltqrfd] {
    padding:15px 29px 15px 30px !important;
  }
  .sm-reverse[b-3mbvltqrfd] {
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse;
  }
  .map[b-3mbvltqrfd]  iframe {
    height:345px;
  }
  .mapGoogleStore[b-3mbvltqrfd] {
    height:400px;
  }
  .store_results__dv[b-3mbvltqrfd] {
    margin:15px;
    margin-top:0;
  }
  .store_results__dv .btn-link[b-3mbvltqrfd] {
    text-align:end;
  }
  .store_results__dv .btn-link[aria-expanded="false"][b-3mbvltqrfd]:before {
    font-family:"Font Awesome 5 Free";
    content:"";
    display:inline-block;
    padding-right:3px;
    vertical-align:middle;
    font-weight:900;
    color:var(--wd-color-text);
    font-size:1.125em;
  }
  .store_results__dv .btn-link[aria-expanded="true"][b-3mbvltqrfd]:before {
    font-family:"Font Awesome 5 Free";
    content:"";
    display:inline-block;
    padding-right:3px;
    vertical-align:middle;
    font-weight:900;
    color:var(--wd-color-text);
    font-size:1.125em;
  }
  .store_results__dv .store_results__head[b-3mbvltqrfd] {
    font-size:1.3125em;
    font-weight:normal;
    font-stretch:normal;
    font-style:normal;
    line-height:1.33;
    letter-spacing:.25px;
    color:var(--wd-color-text);
  }
  .store_results__dv .btn-store--results[b-3mbvltqrfd] {
    border:none;
    background:transparent;
    outline:0 !important;
    box-shadow:none;
    font-family:inherit;
  }
  .store_results__dv .accrn_mob[b-3mbvltqrfd] {
    margin:0;
    float:none;
    border:0;
    border-top:1px solid #eee;
    width:auto;
    height:auto;
  }
  .store_results__dv .errorMessage[b-3mbvltqrfd] {
    margin-top:19px;
    padding-right:30px;
    padding-bottom:20px;
  }
  .top-bar .search-bar[b-3mbvltqrfd] {
    margin-right:10px;
  }
  .top-bar .search-bar label[b-3mbvltqrfd] {
    padding-right:5px;
  }
  .top-bar .megamenu[b-3mbvltqrfd] {
    top:0;
  }
  .top-bar .megamenu ul.menu-list-items li[b-3mbvltqrfd] {
    font-size:.875em;
  }
  .top-bar .megamenu h2[b-3mbvltqrfd] {
    font-size:1.125em;
  }
  .top-bar .megamenu legend[b-3mbvltqrfd] {
    font-size:1.125em;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .locator__container[b-3mbvltqrfd],.locator__container-sm[b-3mbvltqrfd],.locator__container-md[b-3mbvltqrfd],.locator__container-lg[b-3mbvltqrfd],.locator__container-xl[b-3mbvltqrfd] {
    margin:0 25px;
  }
  .location-icons[b-3mbvltqrfd] {
    display:flex;
  }
  .location-icons .store-link[b-3mbvltqrfd] {
    padding:0;
    font-size:.875em;
  }
  .top-bar .megamenu h2[b-3mbvltqrfd] {
    font-size:1.125em;
    font-weight:bold;
    font-stretch:normal;
    font-style:normal;
    line-height:1.22;
    letter-spacing:-.25px;
  }
  .top-bar .megamenu legend[b-3mbvltqrfd] {
    font-size:1.125em;
    font-weight:bold;
    font-stretch:normal;
    font-style:normal;
    line-height:1.22;
    letter-spacing:-.25px;
  }
  .top-bar .megamenu ul.menu-list-items li .spnCheck[b-3mbvltqrfd] {
    font-size:.875em;
    font-weight:normal;
    font-stretch:normal;
    font-style:normal;
    line-height:1.43;
    letter-spacing:-.25px;
  }
}

@media(max-width:767px) {
  #btnFilter[b-3mbvltqrfd] {
    display:block;
  }
  .main .main-accrdn i.far.fa-heart[b-3mbvltqrfd] {
    margin-right:7px;
  }
  .main .main-accrdn[b-3mbvltqrfd] {
    padding-top:0;
  }
  .main .main-accrdn .card-header[b-3mbvltqrfd] {
    padding:15px 5px 15px 0;
  }
  .main .main-accrdn .p-lr-10[b-3mbvltqrfd] {
    padding:0 10px;
  }
  .main .main-accrdn .collapse.in[b-3mbvltqrfd] {
    margin-bottom:-23px;
  }
  .main .main-accrdn .main-accrdn[b-3mbvltqrfd],.main .main-accrdn hr[b-3mbvltqrfd] {
    width:100%;
  }
  .main .main-accrdn h2[b-3mbvltqrfd] {
    font-size:1.125em;
  }
  .main .main-accrdn p[b-3mbvltqrfd],.main .main-accrdn .locator-taproom[b-3mbvltqrfd],.main .main-accrdn .shoponline-link[b-3mbvltqrfd] {
    font-size:.875em;
  }
  .main .main-accrdn .locator-addr :focus[b-3mbvltqrfd] {
    line-height:unset;
  }
  .main .main-accrdn span[b-3mbvltqrfd] {
    font-size:.875em;
  }
  .main .main-accrdn span .locator-phone[b-3mbvltqrfd] {
    font-family: var(--wd-font-body);
    font-weight:normal;
    line-height:1.43;
    color:var(--wd-color-brand-red);
    text-decoration:underline;
  }
  .top-bar .search-bar-li[b-3mbvltqrfd] {
    float:left;
    width:65%;
  }
  .top-bar .search-bar[b-3mbvltqrfd] {
    width:100%;
    margin-left:0;
  }
  .top-bar .search-bar input[b-3mbvltqrfd] {
    min-width:100% !important;
    width:100% !important;
  }
  .top-bar h1.page-headline[b-3mbvltqrfd] {
    font-size:1.375em;
    margin-bottom:24px;
    line-height:1.27;
    letter-spacing:-.37px;
  }
  .top-bar ul.top-bar-list[b-3mbvltqrfd] {
    display:block;
  }
  .top-bar ul.top-bar-list li[b-3mbvltqrfd] {
    margin-bottom:4px;
  }
  .top-bar .left-item .fas.fa-sliders-h[b-3mbvltqrfd] {
    margin-left:-8px;
    margin-top:-2px;
  }
}

@media(min-width:992px) and (max-width:1199px) {
  .locator__container[b-3mbvltqrfd],.locator__container-sm[b-3mbvltqrfd],.locator__container-md[b-3mbvltqrfd],.locator__container-lg[b-3mbvltqrfd],.locator__container-xl[b-3mbvltqrfd] {
    margin:0 32px;
  }
  .dropdown-menu-main-section[b-3mbvltqrfd] {
    padding:28px 50px;
  }
  .top-bar .megamenu .filter-btn-section .filter-btn[b-3mbvltqrfd] {
    margin-left:30px;
  }
}

/* ---------------------------------------------------------------------------------------------
   Google InfoWindow ("pin card") styling, moved here from Locator.razor.css (12 rules) and
   MobileFilterModal.razor.css (3) — every one of them was INERT where it was.
   `::deep` puts the scope attribute on the selector's SUBJECT, i.e. on .mapGoogleStore, and
   .mapGoogleStore is rendered by THIS component (ResultsAndMap.razor). The rendered element
   therefore carries only this component's id: measured, `id="mapGoogle" class="mapGoogleStore"
   b-qyef9729l3`, while those two files compiled their copies to `.mapGoogleStore[b-lvkago22vd]`
   and `.mapGoogleStore[b-7o3aqydoea]` — selectors that can never match anything.
   The visible symptom was the pin card's address rendering in the browser's default link blue
   (rgb(51,122,183)) instead of the brand text colour, while the heading above it WAS styled,
   because the .loc_head rules happened to already live in this file and the .loc_address ones
   did not. Same trap this repo has hit before (see ChatbotWidget/BenefitCards); the fix is
   always to declare the rule in the component that renders the anchor element.
   --------------------------------------------------------------------------------------------- */

.mapGoogleStore[b-3mbvltqrfd]  .gm-svpc {
  display:none;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style button[title="Toggle fullscreen view"] {
  display:none;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style button[title="Toggle fullscreen view"] img {
  display:none;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style>.gmnoprint>.gmnoprint button[title="Zoom in"] {
  background-color:var(--wd-color-brand-red) !important;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style>.gmnoprint>.gmnoprint button[title="Zoom in"]:after {
  font-family:"Font Awesome 5 Free";
  content:"";
  color:#fff;
  font-weight:600;
  font-size:26px;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style>.gmnoprint>.gmnoprint {
  background-color:var(--wd-color-brand-red) !important;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style>.gmnoprint>.gmnoprint button[title="Zoom out"] {
  background-color:var(--wd-color-brand-red) !important;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style>.gmnoprint>.gmnoprint button[title="Zoom out"]:after {
  font-family:"Font Awesome 5 Free";
  content:"";
  color:#fff;
  font-weight:600;
  font-size:26px;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style>.gmnoprint>.gmnoprint button[title="Zoom in"] img {
  display:none;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style>.gmnoprint>.gmnoprint button[title="Zoom out"] img {
  display:none;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style .gm-style-iw {
  max-width:280px !important;
  min-height:173px !important;
  border-radius:0;
  padding:15px !important;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style .gm-style-iw .loc_address {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style .gm-style-iw .loc_address :focus {
  line-height:unset;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style .gm-style-iw .loc_address:hover {
  font-weight:900;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style .gm-style-iw .mapOpeningSoon {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-brand-red);
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style .gm-style-iw .mapOpeningSoon img {
  width:30px;
  height:30px;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style .gm-style-iw .gm-style-iw-d {
  overflow:hidden !important;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style .gm-style-iw .gm-ui-hover-effect {
  opacity:.6;
  display:none !important;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style .gm-style-iw .gm-style .gm-style-iw-t::after {
  height:0 !important;
}

/* The selected ("My Store") state of the pin card's button.
   Live styles this white-background with the dark grey it uses for body text, but our button
   also carries the app-wide `main-btn` class, whose global rule sets a brand-red background with
   `!important` and white text. Keeping live's colours here produced the worst of both: the
   !important background won, this rule's more specific `color` won, and the result was BLACK
   text on dark red — measured rgb(0,0,0) on rgb(162,15,39), effectively unreadable.
   Resolved towards white-on-red rather than by stripping `main-btn`, because the RESULT-LIST
   "My Store" button already renders white-on-brand-red for exactly the same reason (measured
   rgb(255,255,255) on rgb(224,27,26)) — so this keeps the two buttons on the page consistent
   with each other, which live's own pair are not. A deliberate divergence from live's card
   colours, not an oversight. */
.mapGoogleStore[b-3mbvltqrfd]  .gm-style .gm-style-iw .card .details_btn_fill {
  font-family: var(--wd-font-body);
  padding:10px 30px;
  font-size:1.125em;
  font-weight:bold;
  line-height:1.22;
  letter-spacing:-.25px;
  text-align:center;
  width:244px;
  height:auto;
  align-items:center;
  display:block;
  margin-top:20px;
  margin-bottom:5px;
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style .gm-style-iw .card .details-link-disabled {
  border:solid 1px var(--wd-color-border);
  color:var(--wd-color-text);
  background:#fff;
  padding:13px 16px;
  font-size:1.125em;
  font-weight:bold;
  line-height:1.39;
  letter-spacing:-.03px;
  text-align:center;
  width:247px;
  height:48px;
  align-items:center;
  display:block;
  text-decoration:none;
  pointer-events:none;
  margin-top:20px;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style .gm-style-iw .card {
  border:none;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style .gm-style-iw .card a {
  text-align:start;
  padding:10px 0;
  display:block;
}

.mapGoogleStore[b-3mbvltqrfd]  .gm-style .gm-style-iw .card h2 {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1;
  letter-spacing:-.28px;
  margin-top:0;
  display:block;
}

/* Weather-impact banner on a store result card. These rules are ALSO present in
   Components/Pages/Locator.razor.css, where they are inert: Blazor CSS isolation appends the
   owning component's scope attribute to a rule's final selector, and the .weather element is
   emitted by THIS component, so only this file's copy can ever match it. Left the page's copy
   in place rather than deleting it, matching the duplicate-verbatim convention this file's
   header already describes. Without this block an impacted store rendered the advisory text
   with no banner styling at all. */
.main .main-accrdn .weather[b-3mbvltqrfd] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  display:flex;
  margin-top:15px;
  background:#efae20;
  padding:11px 18px 11px 19px;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  border-radius:4px;
  position:relative;
  overflow:hidden;
  gap:15px;
  z-index:0;
}

@media(min-width:768px) {
  .main .main-accrdn .weather[b-3mbvltqrfd] {
    align-items:center;
  }
}

@media(max-width:767px) {
  .main .main-accrdn .weather[b-3mbvltqrfd] {
    flex-direction:column-reverse;
  }
}

.main .main-accrdn .weather p[b-3mbvltqrfd] {
  margin:0 !important;
  display:block !important;
}

.main .main-accrdn .weather .storeWorkingHours[b-3mbvltqrfd] {
  color:var(--wd-color-brand-red);
  font-weight:bold;
}

.main .main-accrdn .weather .alertMsg[b-3mbvltqrfd] {
  font-weight:bold;
}

.main .main-accrdn .weather .link[b-3mbvltqrfd] {
  color:var(--wd-color-brand-red);
}

.main .main-accrdn .weather .imgbck[b-3mbvltqrfd] {
  padding:3px 8px;
}

.main .main-accrdn .weather .thunderIcon[b-3mbvltqrfd] {
  text-align:center;
}

.main .main-accrdn .weather .thunderIcon i[b-3mbvltqrfd]::before {
  font-size:40px;
}

/* Storm-texture wash behind the banner, at 20% opacity. Third-party asset carried over verbatim
   from the page stylesheet (and from live) — it is the only remote image this page loads. */
.main .main-accrdn .weather[b-3mbvltqrfd]::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:200%;
  height:100%;
  background:url("https://i.gifer.com/wr.gif") center center/cover no-repeat;
  opacity:.2;
  z-index:-1;
}

/* Per-store status badge. Same CSS-isolation reason as the .weather block above: this component
   emits the element, so only this file's rules can reach it — and unlike .weather there was no
   copy anywhere to inherit, so the badge had never been styled at all and rendered as a bare
   line of text.

   This port collapses three separate legacy elements — .closedstore, .locator-taproom and the
   grand-opening span — into one generic div whose text locator.js swaps, so the per-state look
   is reproduced through a modifier class instead of a class name. Values transcribed from the
   legacy blocks of those names in Areas/V2/Sass/components/_storelocator.scss. The legacy icon
   chips (.imgbck / .taproomImg) have no counterpart in this markup, so only the text treatment
   carries over. */
.main .main-accrdn .storeStatus[b-3mbvltqrfd] {
  display:flex;
  align-items:center;
}

.main .main-accrdn .storeStatus .alertMsg[b-3mbvltqrfd] {
  margin:0;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-stretch:normal;
  font-style:normal;
}

/* Legacy .closedstore, whose label was .locator-label-sec. */
.main .main-accrdn .storeStatus--closed[b-3mbvltqrfd] {
  align-items:stretch;
  margin-top:6px;
}

.main .main-accrdn .storeStatus--closed .alertMsg[b-3mbvltqrfd] {
  font-weight:600;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-brand-red);
}

/* Legacy .locator-taproom. */
.main .main-accrdn .storeStatus--taproom[b-3mbvltqrfd] {
  margin:17px 0;
}

.main .main-accrdn .storeStatus--taproom .alertMsg[b-3mbvltqrfd] {
  font-weight:normal;
  line-height:1.25;
  letter-spacing:-.29px;
  color:var(--wd-color-text);
}

/* "My Store" — the state the CURRENTLY SELECTED store's button takes (locator.js swaps
   .details_btn for .details_btn_fill). Same CSS-isolation reason as the .weather and .storeStatus
   blocks above: this component emits the button, so only this file's rules reach it. The copy in
   Components/Pages/Locator.razor.css is inert, which is why the selected store's button rendered
   with neither its 244px width — collapsing to its text, narrower than the "Select this store"
   button beside it — nor its white secondary fill.

   Values transcribed from the legacy .details_btn_fill block in
   Areas/V2/Sass/components/_storelocator.scss, whose @include banner_secondary_btn_color expands
   to exactly this white-on-dark-border pairing. Width and height are deliberately identical to
   .details_btn above so the two states are interchangeable in the layout.

   The #3c3c3b border is a border value, not a `color:` value — the retired-gray rule in
   CLAUDE.md covers the latter only, and lint-brand-tokens.sh scopes its check the same way. */
.main .main-accrdn .details_btn_fill[b-3mbvltqrfd] {
  padding:10px 30px;
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:bold;
  line-height:1.22;
  letter-spacing:-.25px;
  text-align:center;
  width:244px;
  height:auto;
  align-items:center;
  display:block;
  color:var(--wd-color-text);
  background-color:#fff;
  border:1px solid #3c3c3b;
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}

.main .main-accrdn .details_btn_fill:focus[b-3mbvltqrfd] {
  border:solid 2px #fff !important;
}

.main .main-accrdn .details_btn_fill:hover[b-3mbvltqrfd] {
  background-color:var(--wd-color-primary-hover) !important;
  color:#fff;
  border:1px solid var(--wd-color-primary-hover);
}

/* One height for both store-CTA states, so the button occupies the same box whichever state a
   card is in — they sit in the same position down a single list, where a 5px step between cards
   reads as a glitch.

   A deliberate divergence from legacy, which leaves them mismatched: the selectable state picks
   up .main-btn's `height:49px` from the global bundle, while the selected state has no such
   class (see markAsMyStore in locator.js for why it must not) and is sized by its own
   `padding:10px` to ~44px. 49px is the figure the selectable state already resolves to, so this
   levels the selected one up rather than changing the button every card shows.

   Declared once for both selectors rather than hardcoded into each block, so the two cannot
   drift apart; last-wins over the `height` in each state's own rule above, which is why this
   sits at the end of the file. Both are border-box, so this is the full outer height. */
.main .main-accrdn .details_btn[b-3mbvltqrfd],
.main .main-accrdn .details_btn_fill[b-3mbvltqrfd] {
  height:49px;
}
/* /Components/Locator/TopBar.razor.rz.scp.css */
/* Moved from the page .razor.css when TopBar was extracted. Some rules are shared with sibling
   components from the same page and duplicated verbatim in each — inert here if the selector
   doesn't match. */

@media(min-width:768px) {
  .container[b-hey5i4a5iz] {
    width:100%;
  }
}

.toggle-btn-section .menu-list-items li[b-hey5i4a5iz] {
  margin-right:0 !important;
}

.top-bar[b-hey5i4a5iz] {
  position:relative;
  z-index:1;
  align-items:center;
}

.sticky__bar[b-hey5i4a5iz] {
  position:fixed;
  background:#fff;
}

.top-bar input[type=checkbox][b-hey5i4a5iz] {
  box-sizing:border-box;
  padding:0;
  opacity:0;
  position:absolute;
}

.top-bar h2.page-headline[b-hey5i4a5iz] {
  font-family: var(--wd-font-body);
  font-size:2.25em;
  color:var(--wd-color-brand-red);
  margin:0;
  letter-spacing:.65px;
  font-weight:500;
  line-height:1.2;
  margin-top:11px;
}

.top-bar h1.page-headline[b-hey5i4a5iz] {
  font-size:2.875em;
  color:var(--wd-color-brand-red);
  margin:0;
  font-weight:bold;
  line-height:1.09;
  letter-spacing:-.59px;
  font-family: var(--wd-font-body);
}

/* Blazor's <FocusOnNavigate Selector="h1"> (Routes.razor) focuses this heading on every page
   load; live never shows a ring here since its real <h1> is hidden. tabindex="-1" keeps it
   out of tab order, so hiding the ring costs nothing — screen readers still announce the move.

   Written as a separate top-level rule rather than a nested `&:focus`: .razor.css is plain
   CSS, where `&` nesting and `//` comments are Sass-only syntax the parser rejects — the
   original nested form was silently dropped from the compiled bundle. */
.top-bar h1.page-headline:focus[b-hey5i4a5iz] {
  outline:none;
}

.top-bar ul.top-bar-list[b-hey5i4a5iz] {
  list-style:none;
  padding:0;
  margin:0;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  display:flex;
}

.top-bar ul.top-bar-list li[b-hey5i4a5iz] {
  margin-right:0;
  color:#212529;
  font-size:1em;
  align-items:center;
}

.top-bar ul.top-bar-list .search-bar-li[b-hey5i4a5iz] {
  margin-right:0;
  display:flex;
  justify-content:flex-end;
}

.top-bar .search-bar[b-hey5i4a5iz] {
  position:relative;
  margin-right:5px;
}

.top-bar .search-bar label[b-hey5i4a5iz] {
  position:absolute;
  top:-6px;
  background-color:#fff;
  font-size:.875em;
  color:var(--wd-color-text);
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.14;
  letter-spacing:normal;
  padding-right:5px;
}

.top-bar .search-bar input[b-hey5i4a5iz] {
  border:solid 1px var(--wd-color-border);
  border-radius:4px;
  border-width:1px;
  height:48px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  font-size:1em;
  font-weight:500;
  font-family: var(--wd-font-body);
  padding-right:50px;
}

.top-bar .search-bar input[b-hey5i4a5iz]::placeholder {
  font-size:.875em;
}

.top-bar .search-bar button.search-btn[b-hey5i4a5iz] {
  margin:0;
  border:none;
  background-color:transparent;
  font-size:1em;
  color:var(--wd-color-brand-red);
  width:50px;
  height:48px;
  outline:0;
  cursor:pointer;
  position:absolute;
  right:0;
  padding:10px 5px;
}

.top-bar .left-item .dropdown[b-hey5i4a5iz] {
  position:static;
}

.top-bar .megamenu h2[b-hey5i4a5iz] {
  font-family: var(--wd-font-body);
  font-size:1.375em;
  margin:0 auto;
  margin-bottom:16px;
  font-weight:bold;
  line-height:1.18;
  letter-spacing:-.25px;
  color:var(--wd-color-brand-red);
  text-align:left;
  list-style:none;
}

.top-bar .megamenu legend[b-hey5i4a5iz] {
  font-family: var(--wd-font-body);
  font-size:1.375em;
  margin:0 auto;
  margin-bottom:16px;
  font-weight:bold;
  line-height:1.18;
  letter-spacing:-.25px;
  color:var(--wd-color-brand-red);
  text-align:left;
  list-style:none;
  border:0;
  border-bottom:0;
}

.top-bar .megamenu .toggle-btn-section .d-flex-end[b-hey5i4a5iz] {
  display:flex;
  justify-content:flex-end;
}

.top-bar .megamenu ul.menu-list-items[b-hey5i4a5iz] {
  list-style:none;
  padding:0;
  margin:0;
  width:-webkit-max-content;
}

@media(min-width:992px) and (max-width:1200px) {
  .top-bar h2.page-headline[b-hey5i4a5iz] {
    font-size:2.125em;
    margin-top:18px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .top-bar h2.page-headline[b-hey5i4a5iz] {
    font-size:1.125em;
    margin:0;
  }
  .top-bar ul.top-bar-list[b-hey5i4a5iz] {
    display:block;
  }
  .top-bar ul.top-bar-list .search-bar-li[b-hey5i4a5iz] {
    margin:0;
    margin-top:25px;
    display:block;
  }
  .top-bar .search-bar button.search-btn[b-hey5i4a5iz] {
    right:0;
    padding:9px 5px;
  }
  .top-bar li.mob-only[b-hey5i4a5iz] {
    margin-bottom:0 !important;
  }
  .top-bar .top-bar .float-left[b-hey5i4a5iz] {
    float:left;
  }
  .top-bar .top-bar .d-mob-flex[b-hey5i4a5iz] {
    display:block;
  }
}

@media only screen and (min-device-width:768px) and (max-device-width:768px) and (min-device-height:991px) and (max-device-height:991px) and (min-width:768px) and (max-width:768px) {
  .top-bar .search-bar[b-hey5i4a5iz] {
    margin-right:0;
    min-width:auto;
  }
  .top-bar ul.top-bar-list .search-bar-li[b-hey5i4a5iz] {
    margin-left:55px;
    margin-right:0;
  }
  .top-bar ul.top-bar-list li button.top-btn[b-hey5i4a5iz] {
    margin-top:0;
  }
}

@media only screen and (min-device-width:1366px) and (max-device-width:1366px) and (min-device-height:991px) and (max-device-height:991px) and (min-width:1366px) and (max-width:1366px) {
  .top-bar h2.page-headline[b-hey5i4a5iz] {
    font-size:1.125em;
    margin:0;
  }
  .top-bar ul.top-bar-list .search-bar-li[b-hey5i4a5iz] {
    margin-left:120px;
    margin-right:0;
  }
  .top-bar ul.top-bar-list li button.top-btn[b-hey5i4a5iz] {
    margin-top:0;
  }
}

.locator__container-fluid[b-hey5i4a5iz],.locator__container-sm[b-hey5i4a5iz],.locator__container-md[b-hey5i4a5iz],.locator__container-lg[b-hey5i4a5iz],.locator__container-xl[b-hey5i4a5iz] {
  width:100%;
  margin-right:auto;
  margin-left:auto;
}

.locator_d-flex[b-hey5i4a5iz] {
  display:-webkit-box !important;
  display:-ms-flexbox !important;
  display:flex !important;
}

@media(min-width:991px) {
  .filter-selection-block .menu-list-items[b-hey5i4a5iz] {
    display:block !important;
  }
  .dropdown-menu-main-section[b-hey5i4a5iz] {
    padding:28px 130px;
  }
  .top-bar .megamenu .toggle-btn-section[b-hey5i4a5iz] {
    margin-top:8px;
  }
}

.locator_head[b-hey5i4a5iz] {
  padding:56px 0;
}

@media(max-width:991px) and (min-width:768px) {
  .locator_head[b-hey5i4a5iz] {
    padding:24px 0;
  }
}

@media(max-width:767px) {
  .locator_head[b-hey5i4a5iz] {
    padding:24px 20px;
  }
}

.top-bar-list .locator_nav[b-hey5i4a5iz] {
  display:flex;
  align-items:flex-start;
}

@media(max-width:767px) {
  .top-bar-list .locator_nav[b-hey5i4a5iz] {
    display:block;
    padding:24px 0 0;
  }
}

@media(max-width:991px) and (min-width:768px) {
  .top-bar-list .locator_nav[b-hey5i4a5iz] {
    padding:15px 10px 15px;
  }
}

.top-bar-list .locator_nav .loc_nearMe[b-hey5i4a5iz] {
  background-color:#fff;
  border:none;
  margin-left:2px;
  padding:0;
}

@media(max-width:767px) {
  .top-bar-list .locator_nav .loc_nearMe[b-hey5i4a5iz] {
    float:none;
    margin:0 auto;
  }
}

.top-bar-list .locator_nav i[b-hey5i4a5iz] {
  margin-right:8px;
  display:flex;
}

.top-bar-list .locator_nav .current__location[b-hey5i4a5iz] {
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.23px;
  color:var(--wd-color-brand-red);
  text-decoration:underline;
}

.top-bar-list .locator_nav .current__location:hover[b-hey5i4a5iz] {
  font-weight:600;
}

.filter_container .locator_filter .webonly[b-hey5i4a5iz] {
  display:flex;
  align-items:center;
}

.filter_container .locator_filter ul.locator_filter_list[b-hey5i4a5iz] {
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
}

.filter_container .locator_filter ul.locator_filter_list>li[b-hey5i4a5iz] {
  padding:3px 10px;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
}

.filter_container .locator_filter .locator_filter_list li.filter-label[b-hey5i4a5iz] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  cursor:pointer;
  padding-left:0;
  border-right:1px solid #ccc;
  padding-right:32px;
}

@media(max-width:1199px) and (min-width:992px) {
  .filter_container .locator_filter .locator_filter_list li.filter-label[b-hey5i4a5iz] {
    padding-right:20px;
  }
}

@media(max-width:767px) {
  .filter_container .locator_filter .locator_filter_list li.filter-label[b-hey5i4a5iz] {
    font-size:.719em;
    margin-left:0;
  }
}

.filter_container .locator_filter .locator_filter_list .filterclear[b-hey5i4a5iz] {
  border-right:1px solid #ccc;
  padding-right:32px;
  font-family: var(--wd-font-body);
  font-weight:normal;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
  font-weight:600;
  padding-left:0;
}

.filter_container .locator_filter .locator_filter_list .filterclear .fa-remove[b-hey5i4a5iz]:before,.filter_container .locator_filter .locator_filter_list .filterclear .fa-close[b-hey5i4a5iz]:before,.filter_container .locator_filter .locator_filter_list .filterclear .fa-times[b-hey5i4a5iz]:before {
  color:var(--wd-color-brand-red);
  padding-right:4px;
}

.filter_container .locator_filter .locator_filter_list .filterclear .clrfilterbtn[b-hey5i4a5iz] {
  background:none;
  border:none;
  font-family: var(--wd-font-body);
  padding-left:0;
}

.filter_container .locator_filter .hidestore[b-hey5i4a5iz] {
  min-width:250px;
  display:flex;
  justify-content:flex-end;
}

.filter_container .locator_filter .hidestore input[type=checkbox][b-hey5i4a5iz] {
  box-sizing:border-box;
  padding:0;
  opacity:0;
  position:absolute;
}

.filter_container .locator_filter .locator_filter_list[b-hey5i4a5iz] {
  padding:0;
  margin:0;
  list-style:none;
  display:flex;
}

.filter_container .locator_filter .dropdown .dropdown-toggle[aria-expanded="false"][b-hey5i4a5iz]::after {
  position:relative;
  top:-3px;
  content:"";
  display:inline-block;
  width:8px;
  height:8px;
  border-right:1px solid var(--wd-color-brand-red);
  border-top:1px solid var(--wd-color-brand-red);
  transform:rotate(135deg);
  margin-left:5px;
}

.filter_container .locator_filter .dropdown .dropdown-toggle[aria-expanded="true"][b-hey5i4a5iz]::after {
  position:relative;
  top:1px;
  content:"";
  display:inline-block;
  width:8px;
  height:8px;
  border-right:1px solid var(--wd-color-brand-red);
  border-top:1px solid var(--wd-color-brand-red);
  transform:rotate(-45deg);
  margin-left:5px;
}

.filter_container .locator_filter .dropdown-menu[b-hey5i4a5iz] {
  padding:14px 16px 18px;
  box-shadow:0 2px 8px 0 rgba(0,0,0,.5);
  border-radius:4px;
  border:none;
  top:35px;
}

.zoomTxt .locator_d-flex[b-hey5i4a5iz] {
  align-items:center;
}

.zoomTxt .top-bar .search-bar label[b-hey5i4a5iz] {
  top:-21px;
}

.zoomTxt .top-bar-list .locator_nav .loc_nearMe[b-hey5i4a5iz] {
  white-space:nowrap;
}

.zoomTxt .locator_filter .hidestore[b-hey5i4a5iz] {
  min-width:500px;
}

.loc_length[b-hey5i4a5iz] {
  padding:25px 20px 10px 0;
}

.loc_length span[b-hey5i4a5iz] {
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.43;
  letter-spacing:-.23px;
  color:var(--wd-color-text);
}

@media(max-width:767px) {
  .loc_length span[b-hey5i4a5iz] {
    overflow-wrap:break-word;
  }
}

.top-bar .check input[type=checkbox]:checked+span[b-hey5i4a5iz]:before {
  content:"";
  background-image:url("../../../Areas/V2/Sass/Images/redtick.png");
  background-size:100%;
  background-repeat:no-repeat;
  display:inline-block;
  background-position:top right;
  vertical-align:middle;
  cursor:pointer;
  width:18px;
  height:22px;
  object-fit:contain;
  position:relative;
  top:-4px;
  left:1px;
}

.top-bar input[type=checkbox]:focus:checked~.checkInput[b-hey5i4a5iz],.top-bar input[type=checkbox]:focus:not(:checked)~.checkInput[b-hey5i4a5iz] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}

.top-bar .check[b-hey5i4a5iz] {
  margin-bottom:10px;
  display:inline-flex;
  align-items:center;
}

.top-bar .spnCheck[b-hey5i4a5iz] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  margin-left:13px;
  margin-bottom:0;
  font-weight:400;
  white-space:nowrap;
}

.top-bar .checkInput[b-hey5i4a5iz] {
  position:relative;
  display:inline-block;
  width:18px;
  height:18px;
  vertical-align:middle;
  background-color:inherit;
  color:var(--wd-color-text);
  border:1px solid var(--wd-color-border);
  cursor:pointer;
  min-width:18px;
}

.top-bar .megamenu ul.menu-list-items li .locator-switch .checkInput[b-hey5i4a5iz] {
  position:relative;
  display:inline-block;
  width:18px;
  height:18px;
  vertical-align:middle;
  background-color:inherit;
  color:var(--wd-color-text);
  border:1px solid var(--wd-color-border);
  cursor:pointer;
}

.top-bar .megamenu ul.menu-list-items li .lbl-toggle-btn[b-hey5i4a5iz] {
  margin-left:10px;
  cursor:pointer;
}

.top-bar .megamenu .filter-sec .filter-btn[b-hey5i4a5iz] {
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.57;
  letter-spacing:-.23px;
  color:var(--wd-color-brand-red);
  border:none;
  background:none;
  text-decoration:underline;
  margin-right:47px;
}

.top-bar .megamenu .filter-sec .filter-btn:hover[b-hey5i4a5iz] {
  font-weight:600;
}

.main .main-accrdn .card-header button.btn[b-hey5i4a5iz] {
  margin:0 0 25px 35px;
}

.main .main-accrdn .card-header button.btn:focus[b-hey5i4a5iz] {
  text-decoration:none;
}

@media(min-width:1200px) {
  .locator__container[b-hey5i4a5iz],.locator__container-sm[b-hey5i4a5iz],.locator__container-md[b-hey5i4a5iz],.locator__container-lg[b-hey5i4a5iz],.locator__container-xl[b-hey5i4a5iz] {
    margin:0 132px;
  }
}

.filterby .filter-lab[b-hey5i4a5iz],.filterby #filterCnt[b-hey5i4a5iz] {
  font-family: var(--wd-font-body);
  font-size:1.375em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.27;
  letter-spacing:-.37px;
  color:var(--wd-color-brand-red);
}

.filter-selection-block .filterby .filter-btn[b-hey5i4a5iz] {
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-stretch:normal;
  font-style:normal;
  line-height:1.57;
  letter-spacing:-.23px;
  color:var(--wd-color-brand-red);
  border:none;
  background:none;
  text-decoration:underline;
  margin-left:10px;
}

.filter_container[b-hey5i4a5iz] {
  background-color:#fff;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  position:relative;
  padding:13px 0;
}

@media(min-width:768px) and (max-width:991px) {
  .filter_container .locator_filter[b-hey5i4a5iz] {
    width:100%;
    padding:0 25px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .filter_container .locator_filter[b-hey5i4a5iz] {
    width:100%;
    padding-right:22px;
    padding-left:22px;
  }
}

.filter_container .locator_filter .hidestore .check input[type=checkbox]:checked+input+span[b-hey5i4a5iz]:after {
  content:"";
  background-image:url("../../../Areas/V2/Sass/Images/redtick.png");
  background-size:100%;
  background-repeat:no-repeat;
  display:inline-block;
  background-position:top right;
  vertical-align:middle;
  cursor:pointer;
  width:18px;
  height:22px;
  object-fit:contain;
  position:relative;
  top:-6px;
  left:2px;
}

.filter_container .locator_filter .hidestore input[type=checkbox]:focus:checked~.checkInput[b-hey5i4a5iz],.filter_container .locator_filter .hidestore input[type=checkbox]:focus:not(:checked)~.checkInput[b-hey5i4a5iz] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}

.filter_container .locator_filter .hidestore .check[b-hey5i4a5iz] {
  margin-bottom:0;
  display:inline-flex;
  align-items:center;
}

.filter_container .locator_filter .hidestore .spnCheck[b-hey5i4a5iz] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  margin-left:13px;
  margin-bottom:0;
  font-weight:400;
}

.filter_container .locator_filter .hidestore .checkInput[b-hey5i4a5iz] {
  position:relative;
  display:inline-block;
  width:18px;
  height:18px;
  vertical-align:middle;
  background-color:inherit;
  color:var(--wd-color-text);
  border:1px solid var(--wd-color-border);
  cursor:pointer;
  margin-right:5px;
}

.filter_container .locator_filter .hidestore .lbl-toggle-btn[b-hey5i4a5iz] {
  font-weight:normal;
  margin-bottom:0;
}

.filter_container .locator_filter .dropdown .loc_filter_dropdown[b-hey5i4a5iz] {
  background-color:#fff;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  border:none;
  margin-right:2px;
  transition:.3s ease-in;
}

.filter_container .locator_filter .loc_length[b-hey5i4a5iz] {
  padding:25px 0;
}

@media(max-width:767px) {
  .filter_container .locator_filter .loc_length[b-hey5i4a5iz] {
    padding-right:20px;
  }
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .filter-accordion .panel.panel-default .panel-body li .check[b-hey5i4a5iz] {
  align-items:center;
  display:flex;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .filter-accordion .panel.panel-default .panel-body li .checkInput[b-hey5i4a5iz] {
  position:relative;
  display:inline-block;
  width:18px;
  height:18px;
  vertical-align:middle;
  background-color:inherit;
  color:var(--wd-color-text);
  border:1px solid var(--wd-color-border);
  cursor:pointer;
  margin-right:5px;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .filter-accordion .panel.panel-default .panel-body li .check input[type=checkbox]:checked+span[b-hey5i4a5iz]:after {
  content:"";
  background-image:url(../../../Areas/V2/Sass/Images/redtick.png);
  background-size:100%;
  background-repeat:no-repeat;
  display:inline-block;
  background-position:top right;
  vertical-align:middle;
  cursor:pointer;
  width:18px;
  height:22px;
  object-fit:contain;
  position:relative;
  top:-10px;
  left:2px;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .loc_filter_dropdown[b-hey5i4a5iz] {
  background-color:#fff;
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.33;
  letter-spacing:-.15px;
  color:var(--wd-color-brand-red);
  border:none;
  margin-right:2px;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .check input[type=checkbox]:checked+span[b-hey5i4a5iz]:after {
  content:"";
  background-image:url("../../../Areas/V2/Sass/Images/redtick.png");
  background-size:100%;
  background-repeat:no-repeat;
  display:inline-block;
  background-position:top right;
  vertical-align:middle;
  cursor:pointer;
  width:18px;
  height:22px;
  object-fit:contain;
  position:relative;
  top:-10px;
  left:2px;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body input[type=checkbox]:focus:checked~.checkInput[b-hey5i4a5iz],.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body input[type=checkbox]:focus:not(:checked)~.checkInput[b-hey5i4a5iz] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .check[b-hey5i4a5iz] {
  margin-bottom:10px;
  display:inline-flex;
  align-items:center;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .spnCheck[b-hey5i4a5iz] {
  margin-left:13px;
  font-weight:normal;
  margin-bottom:0;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .checkInput[b-hey5i4a5iz] {
  position:relative;
  display:inline-block;
  width:18px;
  height:18px;
  vertical-align:middle;
  background-color:inherit;
  color:var(--wd-color-text);
  border:1px solid var(--wd-color-border);
  cursor:pointer;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .lbl-toggle-btn[b-hey5i4a5iz] {
  margin-left:10px;
  cursor:pointer;
}

.zoomTxt .locator__container[b-hey5i4a5iz] {
  margin:0 20px;
}

.col-sm-12[b-hey5i4a5iz],.col-md-6[b-hey5i4a5iz] {
  padding-left:0;
  padding-right:0;
}

@media(max-width:767px) {
  .top-bar[b-hey5i4a5iz] {
    height:auto;
  }
  .top-bar .p-5[b-hey5i4a5iz] {
    padding:5px;
  }
  .top-bar .search-bar input[b-hey5i4a5iz] {
    height:46px;
    min-width:185px;
  }
  .top-bar .left-item[b-hey5i4a5iz] {
    margin:0 20px;
  }
  .top-bar ul.top-bar-list[b-hey5i4a5iz] {
    display:block;
  }
  .top-bar ul.top-bar-list li[b-hey5i4a5iz] {
    margin-bottom:15px;
    margin-right:5px;
    font-size:1em;
  }
  .top-bar ul.top-bar-list li button.top-btn i[b-hey5i4a5iz] {
    margin-right:5px;
  }
  .top-bar ul.top-bar-list li button.top-btn i.fas.fa-sliders-h[b-hey5i4a5iz] {
    transform:rotate(269deg);
    color:var(--wd-color-brand-red);
  }
  .top-bar ul.top-bar-list .search-bar-li[b-hey5i4a5iz] {
    margin-left:0;
    margin-right:18px;
    width:100%;
    display:block;
  }
  .top-bar h2.page-headline[b-hey5i4a5iz] {
    margin-bottom:10px;
  }
  .top-bar .mob-only[b-hey5i4a5iz] {
    display:flex;
  }
  .top-bar .mob-only .float-right[b-hey5i4a5iz] {
    margin:0 0 0 auto !important;
  }
  .top-bar .right-item[b-hey5i4a5iz] {
    display:none;
  }
  .top-bar .search-bar[b-hey5i4a5iz] {
    width:210px;
    min-width:auto;
  }
  .top-bar .search-bar button.search-btn[b-hey5i4a5iz] {
    font-size:21px;
  }
  .top-bar button.top-btn.dropdown-toggle[b-hey5i4a5iz]:after {
    margin-top:10px;
  }
  .top-bar .float-left[b-hey5i4a5iz] {
    float:none;
  }
  .top-bar .d-mob-flex[b-hey5i4a5iz] {
    display:flex;
  }
  .top-bar .location-icons[b-hey5i4a5iz] {
    text-align:center;
  }
  .top-bar .location-icons .locator_btn[b-hey5i4a5iz] {
    margin-top:10px;
    margin-bottom:0;
  }
  .top-bar .location-icons .locator_btn div[b-hey5i4a5iz] {
    color:var(--wd-color-brand-red);
  }
  .top-bar .location-icons .locator_btn div img[b-hey5i4a5iz],.top-bar .location-icons .locator_btn div svg[b-hey5i4a5iz] {
    height:23px;
  }
  .top-bar .location-icons .locator_btn div i[b-hey5i4a5iz] {
    font-size:1.25em;
    vertical-align:bottom;
  }
  .top-bar .location-icons .locator_btn div .store-btn[b-hey5i4a5iz] {
    border:none;
    padding-bottom:5px;
    background-color:#fff;
  }
  .top-bar .location-icons .locator_btn div .store-link[b-hey5i4a5iz] {
    font-family: var(--wd-font-body);
    font-size:.875em;
    font-weight:600;
    font-stretch:normal;
    font-style:normal;
    line-height:1.22;
    letter-spacing:-.15px;
    text-align:center;
    color:var(--wd-color-text);
    padding:0 15px;
    opacity:.5;
    text-decoration:none;
    padding:0;
  }
  .top-bar .location-icons .locator_btn .link-active[b-hey5i4a5iz] {
    margin:0 30px 0 0;
    border-bottom:solid 5px var(--wd-color-brand-red);
    margin-bottom:0;
    text-align:center;
    color:var(--wd-color-text);
  }
  .top-bar .location-icons .locator_btn .link-active .store-link[b-hey5i4a5iz] {
    opacity:1;
  }
}

@media(max-width:991px) {
  .top-bar .megamenu[b-hey5i4a5iz]:after {
    content:none;
  }
  .top-bar .megamenu button.apply-filter-btn[b-hey5i4a5iz] {
    background-color:#fff;
    padding:10px 25px;
    border:1px solid var(--wd-color-brand-red);
    color:var(--wd-color-brand-red);
    font-size:1.25em;
    font-weight:600;
    display:block;
    margin-top:15px;
    font-family: var(--wd-font-body);
  }
  .top-bar .megamenu button.apply-filter-btn:hover[b-hey5i4a5iz] {
    border:solid 1px var(--wd-color-brand-red);
    background-color:var(--wd-color-brand-red);
    color:#fff;
    display:inline-block;
  }
  .top-bar .megamenu .filter-sec .filter-btn[b-hey5i4a5iz] {
    margin-right:0;
  }
}

@media(min-width:768px) and (max-width:992px) {
  .main .main-accrdn .col-2.p-0[b-hey5i4a5iz] {
    text-align:right;
  }
  .main .main-accrdn .col-2.p-0 button.btn[b-hey5i4a5iz] {
    margin:0 -10px auto;
  }
  .main .main-accrdn .acrdn-drctn i[b-hey5i4a5iz],.main .main-accrdn .acrdn-drctn svg[b-hey5i4a5iz] {
    text-align:right !important;
    display:inline-block;
    margin-right:30px;
  }
  .main .main-accrdn i.fa-heart[b-hey5i4a5iz] {
    margin-right:7px;
  }
}

@media(max-width:991px) {
  .main .card-body[b-hey5i4a5iz] {
    padding:0 !important;
  }
  .main .acrdn-drctn[b-hey5i4a5iz] {
    text-align:right;
    right:0 !important;
  }
  .main .acrdn-drctn i[b-hey5i4a5iz],.main .acrdn-drctn svg[b-hey5i4a5iz] {
    margin-right:13px;
  }
  .main i.fa-heart[b-hey5i4a5iz] {
    margin-right:7px;
  }
  .main .search-bar[b-hey5i4a5iz] {
    margin-left:0;
    height:46px;
  }
  .main .main-accrdn .details-div .details-link[b-hey5i4a5iz],.main .main-accrdn .details-div .details-link-disabled[b-hey5i4a5iz] {
    font-size:1em;
  }
}

@media(max-width:767px) {
  .map[b-hey5i4a5iz] {
    margin-top:0;
    min-height:100px;
    padding-top:0;
  }
  .details-link[b-hey5i4a5iz],.details-link-disabled[b-hey5i4a5iz] {
    padding:15px 29px 15px 30px !important;
  }
  .sm-reverse[b-hey5i4a5iz] {
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse;
  }
  .map[b-hey5i4a5iz]  iframe {
    height:345px;
  }
  .store_results__dv[b-hey5i4a5iz] {
    margin:15px;
    margin-top:0;
  }
  .store_results__dv .btn-link[b-hey5i4a5iz] {
    text-align:end;
  }
  .store_results__dv .btn-link[aria-expanded="false"][b-hey5i4a5iz]:before {
    font-family:"Font Awesome 5 Free";
    content:"";
    display:inline-block;
    padding-right:3px;
    vertical-align:middle;
    font-weight:900;
    color:var(--wd-color-text);
    font-size:1.125em;
  }
  .store_results__dv .btn-link[aria-expanded="true"][b-hey5i4a5iz]:before {
    font-family:"Font Awesome 5 Free";
    content:"";
    display:inline-block;
    padding-right:3px;
    vertical-align:middle;
    font-weight:900;
    color:var(--wd-color-text);
    font-size:1.125em;
  }
  .store_results__dv .store_results__head[b-hey5i4a5iz] {
    font-size:1.3125em;
    font-weight:normal;
    font-stretch:normal;
    font-style:normal;
    line-height:1.33;
    letter-spacing:.25px;
    color:var(--wd-color-text);
  }
  .store_results__dv .btn-store--results[b-hey5i4a5iz] {
    border:none;
    background:transparent;
    outline:0 !important;
    box-shadow:none;
    font-family:inherit;
  }
  .store_results__dv .accrn_mob[b-hey5i4a5iz] {
    margin:0;
    float:none;
    border:0;
    border-top:1px solid #eee;
    width:auto;
    height:auto;
  }
  .store_results__dv .errorMessage[b-hey5i4a5iz] {
    margin-top:19px;
    padding-right:30px;
    padding-bottom:20px;
  }
  .top-bar .search-bar[b-hey5i4a5iz] {
    margin-right:10px;
  }
  .top-bar .search-bar label[b-hey5i4a5iz] {
    padding-right:5px;
  }
  .top-bar .megamenu[b-hey5i4a5iz] {
    top:0;
  }
  .top-bar .megamenu ul.menu-list-items li[b-hey5i4a5iz] {
    font-size:.875em;
  }
  .top-bar .megamenu h2[b-hey5i4a5iz] {
    font-size:1.125em;
  }
  .top-bar .megamenu legend[b-hey5i4a5iz] {
    font-size:1.125em;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .locator__container[b-hey5i4a5iz],.locator__container-sm[b-hey5i4a5iz],.locator__container-md[b-hey5i4a5iz],.locator__container-lg[b-hey5i4a5iz],.locator__container-xl[b-hey5i4a5iz] {
    margin:0 25px;
  }
  .location-icons[b-hey5i4a5iz] {
    display:flex;
  }
  .location-icons .store-link[b-hey5i4a5iz] {
    padding:0;
    font-size:.875em;
  }
  .top-bar .megamenu h2[b-hey5i4a5iz] {
    font-size:1.125em;
    font-weight:bold;
    font-stretch:normal;
    font-style:normal;
    line-height:1.22;
    letter-spacing:-.25px;
  }
  .top-bar .megamenu legend[b-hey5i4a5iz] {
    font-size:1.125em;
    font-weight:bold;
    font-stretch:normal;
    font-style:normal;
    line-height:1.22;
    letter-spacing:-.25px;
  }
  .top-bar .megamenu ul.menu-list-items li .spnCheck[b-hey5i4a5iz] {
    font-size:.875em;
    font-weight:normal;
    font-stretch:normal;
    font-style:normal;
    line-height:1.43;
    letter-spacing:-.25px;
  }
}

@media(max-width:767px) {
  #btnFilter[b-hey5i4a5iz] {
    display:block;
  }
  .main .main-accrdn i.far.fa-heart[b-hey5i4a5iz] {
    margin-right:7px;
  }
  .main .main-accrdn[b-hey5i4a5iz] {
    padding-top:0;
  }
  .main .main-accrdn .card-header[b-hey5i4a5iz] {
    padding:15px 5px 15px 0;
  }
  .main .main-accrdn .p-lr-10[b-hey5i4a5iz] {
    padding:0 10px;
  }
  .main .main-accrdn .collapse.in[b-hey5i4a5iz] {
    margin-bottom:-23px;
  }
  .main .main-accrdn .main-accrdn[b-hey5i4a5iz],.main .main-accrdn hr[b-hey5i4a5iz] {
    width:100%;
  }
  .main .main-accrdn h2[b-hey5i4a5iz] {
    font-size:1.125em;
  }
  .main .main-accrdn p[b-hey5i4a5iz],.main .main-accrdn .locator-taproom[b-hey5i4a5iz],.main .main-accrdn .shoponline-link[b-hey5i4a5iz] {
    font-size:.875em;
  }
  .main .main-accrdn .locator-addr :focus[b-hey5i4a5iz] {
    line-height:unset;
  }
  .main .main-accrdn span[b-hey5i4a5iz] {
    font-size:.875em;
  }
  .main .main-accrdn span .locator-phone[b-hey5i4a5iz] {
    font-family: var(--wd-font-body);
    font-weight:normal;
    line-height:1.43;
    color:var(--wd-color-brand-red);
    text-decoration:underline;
  }
  .top-bar .search-bar-li[b-hey5i4a5iz] {
    float:left;
    width:65%;
  }
  .top-bar .search-bar[b-hey5i4a5iz] {
    width:100%;
    margin-left:0;
  }
  .top-bar .search-bar input[b-hey5i4a5iz] {
    min-width:100% !important;
    width:100% !important;
  }
  .top-bar h1.page-headline[b-hey5i4a5iz] {
    font-size:1.375em;
    margin-bottom:24px;
    line-height:1.27;
    letter-spacing:-.37px;
  }
  .top-bar ul.top-bar-list[b-hey5i4a5iz] {
    display:block;
  }
  .top-bar ul.top-bar-list li[b-hey5i4a5iz] {
    margin-bottom:4px;
  }
  .top-bar .left-item .fas.fa-sliders-h[b-hey5i4a5iz] {
    margin-left:-8px;
    margin-top:-2px;
  }
}

@media(min-width:992px) and (max-width:1199px) {
  .locator__container[b-hey5i4a5iz],.locator__container-sm[b-hey5i4a5iz],.locator__container-md[b-hey5i4a5iz],.locator__container-lg[b-hey5i4a5iz],.locator__container-xl[b-hey5i4a5iz] {
    margin:0 32px;
  }
  .dropdown-menu-main-section[b-hey5i4a5iz] {
    padding:28px 50px;
  }
  .top-bar .megamenu .filter-btn-section .filter-btn[b-hey5i4a5iz] {
    margin-left:30px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .top-bar .megamenu[b-hey5i4a5iz] {
    top:0;
  }
  .top-bar .megamenu h2[b-hey5i4a5iz] {
    display:block;
  }
  .top-bar .megamenu legend[b-hey5i4a5iz] {
    display:block;
  }
  .top-bar .megamenu .clsImg .filter-apply-btn[b-hey5i4a5iz] {
    min-width:126px;
  }
}

@media(max-width:991px) {
  .filter-selection-block .menu-list-items[b-hey5i4a5iz] {
    display:none;
  }
  .top-bar .megamenu[b-hey5i4a5iz] {
    box-shadow:none;
  }
  .top-bar .megamenu h2[b-hey5i4a5iz] {
    padding:1px;
    margin:0;
  }
  .top-bar .megamenu legend[b-hey5i4a5iz] {
    padding:1px;
    margin:0;
  }
  .top-bar .megamenu ul.menu-list-items[b-hey5i4a5iz] {
    margin-top:28px;
  }
  .top-bar .megamenu .clsImg[b-hey5i4a5iz] {
    margin:14px 0;
    box-shadow:0 2px 14px 0 rgba(0,0,0,.15);
    padding:16px 32px;
  }
  .top-bar .megamenu button.mega-btn-close[b-hey5i4a5iz] {
    position:relative;
    top:10px;
    right:0;
  }
  .top-bar .megamenu .dropdown-menu-main-section[b-hey5i4a5iz] {
    padding:12px 30px 30px 30px;
  }
  .top-bar .megamenu .toggle-btn-section .menu-list-items[b-hey5i4a5iz] {
    margin:0 !important;
  }
  .top-bar .megamenu .toggle-btn-section col-sm-12[b-hey5i4a5iz],.top-bar .megamenu .toggle-btn-section col-xs-12[b-hey5i4a5iz],.top-bar .megamenu .toggle-btn-section .col-md-6[b-hey5i4a5iz] {
    padding:0 !important;
  }
  .top-bar .megamenu .toggle-btn-section .d-flex-end[b-hey5i4a5iz] {
    justify-content:flex-start;
  }
  .overlay[b-hey5i4a5iz] {
    height:calc(100vh + 180px);
  }
}

@media(max-width:992px) {
  .filter_container[b-hey5i4a5iz] {
    padding:0;
  }
  .filter_container .locator_filter .webonly[b-hey5i4a5iz] {
    display:none !important;
  }
  .filter_container .locator_filter .mob_filter_sec[b-hey5i4a5iz] {
    display:flex;
    justify-content:space-between;
    align-items:center;
  }
  .filter_container .locator_filter .mob_filter_sec .filter-btn[b-hey5i4a5iz] {
    background-color:transparent;
    border:none;
    font-size:1em;
    color:var(--wd-color-brand-red);
    font-family: var(--wd-font-body);
    font-weight:normal;
    outline:0;
    align-items:center;
    display:flex;
    padding:0;
  }
  .filter_container .locator_filter .mob_filter_sec #filterclr_mob[b-hey5i4a5iz] {
    text-decoration:underline;
    margin-left:16px;
  }
  .filter_container .locator_filter .mob_filter_sec #filterclr_mob:disabled[b-hey5i4a5iz] {
    opacity:.5;
  }
  .filter_container .locator_filter .mob_filter_sec .filter-lab[b-hey5i4a5iz] {
    font-weight:600;
    text-decoration:none;
  }
  .filter_container .locator_filter .mob_filter_sec svg[b-hey5i4a5iz] {
    margin-right:8px;
  }
  .filter_container .locator_filter .mob_filter_sec .mob_filter[b-hey5i4a5iz] {
    margin:0 25px;
  }
  .filter_container .locator_filter .mob_filter_sec .filter-modal .modal-dialog[b-hey5i4a5iz] {
    margin:0;
    border-radius:0;
    border:none;
    width:100%;
    top:68px;
  }
  .filter_container .locator_filter .mob_filter_sec .filter-modal .modal-dialog .modal-content[b-hey5i4a5iz] {
    border:none;
    border-radius:0;
    padding:15px;
  }
  .filter_container .locator_filter .mob_filter_sec .filter-modal .header-modal[b-hey5i4a5iz] {
    display:block;
    justify-content:space-between;
  }
  .filter_container .locator_filter .mob_filter_sec .filter-modal .applySection[b-hey5i4a5iz] {
    display:flex;
    align-items:center;
    margin-bottom:20px;
    justify-content:space-around;
  }
}
/* /Components/Locator/WeatherClosedModal.razor.rz.scp.css */
/* Same header-offset fix as ConfirmationModal.razor.css — see that file's own comment for why
   this can't just live in the global bundle (live computes it in JS from whatever chrome sits
   above the modal; this app publishes the same measurement as --wd-header-h instead). Duplicated
   rather than shared because Blazor scopes .razor.css per component. */
.verify-store-location .modal-content[b-gsgdo8c5ez] {
    margin-top: calc(var(--wd-header-h, 94px) + 20px);
}
/* /Components/Pages/Account/MyAccount.razor.rz.scp.css */
/* Scoped to MyAccount.razor. Moved from two page-specific <link> tags previously in this
   page's HeadContent:
     - wwwroot/scss/WD/accountOverview-wd.scss           (this page's own content, in full)
     - wwwroot/scss/WD/myAccountLeftMenu-wd.scss          (only the .myaccount-section /
       .myaccount-main-section / .myaccount-leftNav-section page-shell rules this page's own
       markup uses — the .account__leftmenu rules from that file went to
       Shared/AccountLeftMenu.razor.css instead, since that's the component that renders them)

   NOTE: MyReceipts.razor / MyPreferences.razor / MyProfile.razor / MyRewards.razor still link
   the original bundles/sass/WD/_myAccountLeftMenu-wd.min.css directly — they haven't been
   migrated to scoped CSS yet, so wwwroot/scss/WD/myAccountLeftMenu-wd.scss is intentionally
   left in place (not deleted) until they are. */

.myaccount-section[b-6g1i87nup1] {
  margin-top:50px;
}
.myaccount-main-section[b-6g1i87nup1] {
  padding:0 32px;
}
@media(min-width:768px) and (max-width:991px) {
  .myaccount-leftNav-section[b-6g1i87nup1] {
    padding-left:20px;
  }
  .myaccount-section[b-6g1i87nup1] {
    margin-top:40px;
  }
}
@media(min-width:992px) and (max-width:1200px) {
  .myaccount-leftNav-section[b-6g1i87nup1] {
    padding-left:32px;
  }
}
@media(min-width:100px) and (max-width:767px) {
  .container-fluid .container .myaccount-section[b-6g1i87nup1] {
    padding:0 22px;
  }
  .myaccount-section[b-6g1i87nup1] {
    margin-top:0;
  }
  .myaccount-main-section[b-6g1i87nup1] {
    padding:0;
  }
}

.remove-shadow[b-6g1i87nup1] {
  box-shadow:none;
}
.account__overview[b-6g1i87nup1] {
  display:grid;
}
.account__overview h1[b-6g1i87nup1] {
  font-family: var(--wd-font-body);
  font-size:2.875em;
  font-weight:bold;
  line-height:1.09;
  letter-spacing:-.59px;
  color:var(--wd-color-brand-red);
  padding-bottom:30px;
  margin:0;
}
.account__overview h2[b-6g1i87nup1] {
  font-family: var(--wd-font-body);
  font-size:1.375em;
  font-weight:bold;
  line-height:1.18;
  letter-spacing:-.25px;
  color:var(--wd-color-brand-red);
  margin:5px 0;
}
.account__overview h3[b-6g1i87nup1] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:600;
  line-height:1.33;
  letter-spacing:-.15px;
  color:var(--wd-color-text);
  margin:5px 0;
}
.account__overview p[b-6g1i87nup1] {
  font-family: var(--wd-font-body);
  font-size:1em;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  margin:4px 0;
}
.account__overview .title__over[b-6g1i87nup1] {
  display:flex;
  align-items:center;
}
.account__overview .title__over h1[b-6g1i87nup1] {
  width:50%;
}
.account__overview .title__over .rewardNumber[b-6g1i87nup1] {
  width:50%;
  text-align:right;
  padding-top:0;
}
.account__overview .title__over .rewardNumber span[b-6g1i87nup1] {
  font-size:1em;
  line-height:1.38;
  letter-spacing:-.22px;
  text-align:right;
  color:var(--wd-color-text);
}
.account__overview .title__over .rewardNumber span.num[b-6g1i87nup1] {
  padding-left:8px;
}
.account__overview .title__over .rewardNumber span.num--lbl[b-6g1i87nup1] {
  font-weight:bold;
}
.account__overview .points-section[b-6g1i87nup1] {
  margin:0;
}
.account__overview .points-section .points[b-6g1i87nup1] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  background-color:#fff;
  padding:24px 28px 24px 32px;
  margin-bottom:32px;
}
.account__overview .points-section .points h3[b-6g1i87nup1] {
  color:var(--wd-color-text);
}
.account__overview .points-section .points img[b-6g1i87nup1] {
  width:98px;
  height:auto;
}
.account__overview .points-section .account__points[b-6g1i87nup1] {
  padding-right:16px;
}
.account__overview .points-section .account__points .points[b-6g1i87nup1] {
  padding-bottom:28px;
}
.account__overview .account__completeProfile[b-6g1i87nup1] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  background-color:#fff;
  padding:32px;
  margin-bottom:32px;
}
.account__overview .account__completeProfile input:focus[b-6g1i87nup1]::placeholder {
  color:transparent;
}
.account__overview .account__completeProfile .profile-progress-main[b-6g1i87nup1] {
  padding-bottom:40px;
}
.account__overview .account__completeProfile .profile-progress-main .progress-content[b-6g1i87nup1] {
  padding:20px 0;
}
.account__overview .account__completeProfile .close-btn[b-6g1i87nup1] {
  padding-bottom:30px;
}
.account__overview .account__completeProfile .close[b-6g1i87nup1] {
  font-size:2.5em;
  font-weight:300;
  color:var(--wd-color-brand-red);
  opacity:1;
  padding:0;
  float:right;
}
.account__overview .account__completeProfile .profile__section h3[b-6g1i87nup1] {
  letter-spacing:-.15px;
  color:var(--wd-color-brand-red);
}
.account__overview .account__completeProfile .profile__section a[b-6g1i87nup1] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  color:var(--wd-color-brand-red);
}
.account__overview .account__completeProfile .profile__section p[b-6g1i87nup1] {
  margin-bottom:16px;
}
.account__overview .account__completeProfile .profile__section .profile__section_two .complete_message[b-6g1i87nup1] {
  padding-right:12px;
}
.account__overview .account__completeProfile .profile__section .profile__section_three[b-6g1i87nup1] {
  padding-bottom:20px;
}
.account__overview .account__completeProfile .profile__section .complete_message h3[b-6g1i87nup1] {
  letter-spacing:-.15px;
  color:var(--wd-color-text);
}
.account__overview .account__completeProfile .profile__section .complete_message p[b-6g1i87nup1] {
  font-style:italic;
  color:#444443;
  margin-bottom:0;
}
.account__overview .account__completeProfile .bday-section[b-6g1i87nup1] {
  border:solid 1px #979797;
  padding:12px;
}
.account__overview .account__completeProfile .bday-section .bday-section-sub[b-6g1i87nup1] {
  padding:10px 20px;
}
.account__overview .account__completeProfile .bday-section .bday-section-sub .lbl-bday[b-6g1i87nup1] {
  font-size:1.125em;
  font-weight:600;
  font-stretch:normal;
  font-style:italic;
  color:var(--wd-color-brand-red);
}
.account__overview .account__completeProfile .bday-section .bday-section-sub .bday-box-main[b-6g1i87nup1] {
  padding:16px 0 32px 0;
}
.account__overview .account__completeProfile .bday-section .bday-section-sub .bday-box-main .bday-month[b-6g1i87nup1] {
  width:75px;
  height:52px;
  border:solid 1px #d0d0d0;
  padding:22px;
}
.account__overview .account__completeProfile .bday-section .bday-section-sub .bday-box-main .bday-date[b-6g1i87nup1] {
  width:75px;
  height:52px;
  border:solid 1px #d0d0d0;
  padding:22px;
  margin:0 10px;
}
.account__overview .account__completeProfile .bday-section .bday-section-sub .bday-box-main .bday-year[b-6g1i87nup1] {
  width:80px;
  height:52px;
  border:solid 1px #d0d0d0;
  padding:22px;
}
.account__overview .account__completeProfile .bday-section .img-bday-card img[b-6g1i87nup1] {
  margin:auto;
}
.account__overview .account__completeProfile .address-section[b-6g1i87nup1] {
  border:solid 1px #979797;
  padding:12px;
}
.account__overview .account__completeProfile .address-section .lbl-address[b-6g1i87nup1] {
  font-size:1.125em;
  font-weight:600;
  font-stretch:normal;
  font-style:italic;
  color:var(--wd-color-brand-red);
  padding-bottom:12px;
}
.account__overview .account__completeProfile .address-section .txtbox_style[b-6g1i87nup1] {
  padding-bottom:20px;
  padding-top:20px;
  position:relative;
}
.account__overview .account__completeProfile .address-section .txtbox_label[b-6g1i87nup1] {
  font-size:.875em;
  font-weight:normal;
  line-height:1.14;
  letter-spacing:normal;
  color:var(--wd-color-text);
  position:absolute;
  background-color:#fff;
  top:12px;
  padding:0 6px;
}
.account__overview .account__completeProfile .address-section .error_lbl[b-6g1i87nup1] {
  color:var(--wd-color-brand-red);
}
.account__overview .account__completeProfile .address-section input[b-6g1i87nup1],.account__overview .account__completeProfile .address-section select[b-6g1i87nup1] {
  height:49px;
  border:solid 1px #d0d0d0;
  padding:10px;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
}
.account__overview .account__completeProfile .address-section .textbox_sec2[b-6g1i87nup1] {
  width:100%;
}
.account__overview .account__completeProfile .address-section .error_msg[b-6g1i87nup1] {
  display:none;
  font-size:.75em;
  font-weight:normal;
  line-height:1.33;
  letter-spacing:.3px;
  color:var(--wd-color-brand-red);
  padding-top:5px;
}
.account__overview .account__completeProfile .address-section .error_txtbox[b-6g1i87nup1] {
  border:solid 1px var(--wd-color-primary-hover);
}
.account__overview .account__completeProfile .address-section .textbox_city[b-6g1i87nup1],.account__overview .account__completeProfile .address-section .textbox_zip[b-6g1i87nup1] {
  width:90%;
}
.account__overview .account__completeProfile .address-section .textbox_state[b-6g1i87nup1] {
  width:100%;
}
.account__overview .account__completeProfile .bday-section input[b-6g1i87nup1],.account__overview .account__completeProfile .bday-section select[b-6g1i87nup1] {
  height:49px;
  border:solid 1px #d0d0d0;
  padding:10px;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
}
.account__overview .account__completeProfile .bday-section .error_msg[b-6g1i87nup1] {
  display:none;
  font-size:.75em;
  font-weight:normal;
  line-height:1.33;
  letter-spacing:.3px;
  color:var(--wd-color-brand-red);
  padding-top:5px;
}
.account__overview .account__completeProfile .bday-section .txtbox_style[b-6g1i87nup1] {
  padding-bottom:20px;
  padding-top:20px;
  position:relative;
}
.account__overview .account__completeProfile .bday-section .error_txtbox[b-6g1i87nup1] {
  border:solid 1px var(--wd-color-primary-hover) !important;
}
.account__overview .account__useurpoints[b-6g1i87nup1] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  background-color:#fff;
  padding:32px;
  margin-bottom:32px;
  text-align:center;
}
.account__overview .account__useurpoints a[b-6g1i87nup1] {
  font-size:.875em;
  line-height:1.57;
  letter-spacing:-.23px;
  text-align:center;
  color:var(--wd-color-brand-red);
}
.account__overview .account__useurpoints .points_expire[b-6g1i87nup1] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  text-align:center;
  color:#444443;
}
.account__overview .account__useurpoints .points_expire span[b-6g1i87nup1] {
  color:var(--wd-color-brand-red);
}
.account__overview .account__babyclub[b-6g1i87nup1] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  background-color:#fff;
  padding:16px;
  margin-bottom:32px;
  text-align:center;
}
.account__overview .account__babyclub img[b-6g1i87nup1] {
  width:100%;
}
.account__overview .account__babyclub .club-btn-section[b-6g1i87nup1] {
  padding:20px 0 10px 0;
}
.account__overview .account__babyclub .club-btn-section a[b-6g1i87nup1] {
  width:198px;
}
/* .SavingsAndPoints styling moved to Shared/RewardsStatCards.razor.css — that markup is
   rendered by the <RewardsStatCards> CHILD component, not by MyAccount itself. Blazor scoped
   CSS does not reach into a child component's rendered output without ::deep; a plain
   descendant rule here (.account__overview .SavingsAndPoints {...}) compiles to require
   MyAccount's own scope attribute on the .SavingsAndPoints element, which it never carries
   (verified: box-shadow/padding/border-radius were computing as none/0 in the browser before
   this fix), so it silently never applied. */

.account__myrewards[b-6g1i87nup1] {
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  font-family: var(--wd-font-body);
  width:75%;
  float:left;
}
.account__myrewards h1[b-6g1i87nup1] {
  font-size:2.875em;
  font-weight:bold;
  line-height:1.09;
  letter-spacing:-.59px;
  color:var(--wd-color-brand-red);
  margin:5px 0;
}
.account__myrewards h2[b-6g1i87nup1] {
  font-size:1.375em;
  font-weight:bold;
  line-height:1.18;
  letter-spacing:-.25px;
  color:var(--wd-color-brand-red);
  margin:5px 0;
}
.account__myrewards h3[b-6g1i87nup1] {
  font-size:1.125em;
  font-weight:600;
  line-height:1.33;
  letter-spacing:-.15px;
  color:var(--wd-color-text);
  margin:5px 0;
}
.account__myrewards p[b-6g1i87nup1] {
  font-size:1em;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  margin:4px 0;
}
.account__myrewards .account__useurpoints[b-6g1i87nup1] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  background-color:#fff;
  padding:32px;
  margin-bottom:32px;
  border:solid 6px #56b7e6;
  text-align:center;
}
.account__myrewards .account__useurpoints a[b-6g1i87nup1] {
  font-size:.875em;
  line-height:1.57;
  letter-spacing:-.23px;
  text-align:center;
  color:var(--wd-color-brand-red);
}
.account__myrewards .rewards__points[b-6g1i87nup1] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  background-color:#fff;
  padding:32px;
  margin-bottom:32px;
}
.account__myclub[b-6g1i87nup1] {
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  font-family: var(--wd-font-body);
  width:75%;
  float:left;
}
.account__myclub h1[b-6g1i87nup1] {
  font-size:2.875em;
  font-weight:bold;
  line-height:1.09;
  letter-spacing:-.59px;
  color:var(--wd-color-brand-red);
  margin:5px 0;
}
.account__myclub h2[b-6g1i87nup1] {
  font-size:1.375em;
  font-weight:bold;
  line-height:1.18;
  letter-spacing:-.25px;
  color:var(--wd-color-brand-red);
  margin:5px 0;
}
.account__myclub h3[b-6g1i87nup1] {
  font-size:1.125em;
  font-weight:600;
  line-height:1.33;
  letter-spacing:-.15px;
  color:var(--wd-color-text);
  margin:5px 0;
}
.account__myclub p[b-6g1i87nup1] {
  font-size:1em;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  margin:4px 0;
}
.account__myclub .myclub__babyclub[b-6g1i87nup1] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  background-color:#fff;
  padding:32px;
  margin-bottom:32px;
}
.tertiary-CTA[b-6g1i87nup1] {
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-weight:normal;
  color:var(--wd-color-brand-red) !important;
  text-decoration:underline !important;
}
.tertiary-CTA:hover[b-6g1i87nup1] {
  font-weight:600;
  color:var(--wd-color-brand-red) !important;
}
@media(min-width:768px) and (max-width:991px) {
  .account__overview h1[b-6g1i87nup1] { font-size:2.125em; padding-bottom:24px; }
  .account__overview h2[b-6g1i87nup1] { font-size:1.125em; }
  .account__overview h3[b-6g1i87nup1],.account__overview p[b-6g1i87nup1] { font-size:.875em; }
  .account__overview .title__over[b-6g1i87nup1] { display:block; padding-bottom:0; }
  .account__overview .title__over h1[b-6g1i87nup1] { width:100%; padding-bottom:0; }
  .account__overview .title__over .rewardNumber[b-6g1i87nup1] { width:100%; text-align:left; padding-bottom:24px; padding-top:5px; }
  .account__overview .account__useurpoints a[b-6g1i87nup1] { font-size:.75em; }
  .account__overview .account__useurpoints .points_expire[b-6g1i87nup1] { font-size:.875em; }
  .account__overview .account__babyclub .tertiary-CTA[b-6g1i87nup1] { font-size:.75em; }
  .account__overview .account__babyclub .club-btn-section a[b-6g1i87nup1] { width:178px; }
  .account__overview .account__completeProfile[b-6g1i87nup1] { padding:24px; }
  .account__overview .account__completeProfile .profile-progress-main[b-6g1i87nup1] { padding:0; }
  .account__overview .account__completeProfile .profile__section a[b-6g1i87nup1] { font-size:.875em; }
  .account__overview .profile__section p[b-6g1i87nup1] { margin-bottom:8px; }
  .account__overview .profile__section p .arrow-right[b-6g1i87nup1] { padding:2px; }
  .account__overview .profile__section .profile__section_one[b-6g1i87nup1] { margin-bottom:32px; }
  .account__overview .profile__section .profile__section_two[b-6g1i87nup1] { margin-bottom:32px; }
  .account__overview .points-section .points[b-6g1i87nup1] { min-height:140px; }
}
/* Same mobile block as Shared/AccountLeftMenu.razor.css (see that file's header comment) —
   kept here too since MyAccount.razor's own .account__completeProfile / .points-section /
   .profile__section elements also need these overrides; only the .backbtn/.account__leftmenu/
   .welcome-heading-mob lines are unused from this copy (they target AccountLeftMenu's markup). */
@media(min-width:100px) and (max-width:767px) {
  .backbtn[b-6g1i87nup1] { display:none !important; }
  .account__leftmenu[b-6g1i87nup1] { display:block !important; padding-bottom:16px !important; }
  .account__overview .welcome-heading-mob[b-6g1i87nup1] { display:block !important; }
  .account__overview .rewardNumber[b-6g1i87nup1] { padding-bottom:12px; }
  .account__overview .rewardNumber span[b-6g1i87nup1] { font-size:1em; line-height:1.38; letter-spacing:-.22px; text-align:right; }
  .account__overview .rewardNumber span.num[b-6g1i87nup1] { padding-left:8px; }
  .account__overview .rewardNumber span.num--lbl[b-6g1i87nup1] { font-weight:bold; }
  .account__overview .account__completeProfile[b-6g1i87nup1] { padding:16px; }
  .account__overview .account__completeProfile .profile-progress-main[b-6g1i87nup1] { padding:0; }
  .account__overview .account__completeProfile .profile__section a[b-6g1i87nup1] { font-size:.875em; }
  .account__overview .points-section[b-6g1i87nup1] { margin-top:16px; }
  .account__overview .points-section .account__points[b-6g1i87nup1] { padding:0; }
  .account__overview .points-section .total__points[b-6g1i87nup1] { padding:0; }
  .account__overview .points-section .points[b-6g1i87nup1] { padding:16px; }
  .account__overview .profile__section p[b-6g1i87nup1] { margin-bottom:8px; }
  .account__overview .profile__section p .arrow-right[b-6g1i87nup1] { padding:2px; }
  .account__overview .profile__section .profile__section_one[b-6g1i87nup1] { margin-bottom:32px; }
  .account__overview .profile__section .profile__section_two[b-6g1i87nup1] { margin-bottom:32px; }
  .account__overview h1[b-6g1i87nup1] { font-size:1.375em; padding:24px 0 12px 0; }
  .account__overview h2[b-6g1i87nup1] { font-size:1.125em; }
  .account__overview h3[b-6g1i87nup1],.account__overview p[b-6g1i87nup1] { font-size:.875em; }
  .account__overview .account__useurpoints a[b-6g1i87nup1] { font-size:.75em; }
  .account__overview .account__useurpoints .points_expire[b-6g1i87nup1] { font-size:.875em; }
  .account__overview .account__babyclub .club-btn-section a[b-6g1i87nup1] { width:230px; }
  .account__overview .account__completeProfile .close[b-6g1i87nup1] { font-size:3.75em; margin-right:5px; }
  .account__overview .account__completeProfile .address-section[b-6g1i87nup1] { position:absolute; background-color:#fff; width:104%; left:-8px; top:0; bottom:0; z-index:1050; overflow:hidden; border:none; }
  .account__overview .account__completeProfile .address-section .lbl-address[b-6g1i87nup1] { margin-top:20px; }
  .account__overview .account__completeProfile .address-section input[b-6g1i87nup1],.account__overview .account__completeProfile .address-section select[b-6g1i87nup1] { font-size:.875em; }
  .account__overview .account__completeProfile .address-section .button_per_info[b-6g1i87nup1] { width:100%; }
  .account__overview .account__completeProfile .bday-section[b-6g1i87nup1] { position:absolute; background-color:#fff; width:104%; left:-8px; top:0; bottom:0; z-index:1050; overflow:hidden; border:none; }
  .account__overview .account__completeProfile .bday-section .bday-section-sub .lbl-bday[b-6g1i87nup1] { font-size:.875em; }
  .account__overview .account__completeProfile .bday-section .bday-section-sub .main-btn[b-6g1i87nup1] { width:230px; height:46px; }
  .account__overview .account__completeProfile .bday-section .bday-section-sub .bday-box-main .bday-month[b-6g1i87nup1] { width:45px; height:45px; padding:10px; font-size:.875em; }
  .account__overview .account__completeProfile .bday-section .bday-section-sub .bday-box-main .bday-date[b-6g1i87nup1] { width:45px; height:45px; padding:10px; font-size:.875em; }
  .account__overview .account__completeProfile .bday-section .bday-section-sub .bday-box-main .bday-year[b-6g1i87nup1] { width:60px; height:45px; padding:12px; font-size:.875em; }
  .account__overview .account__completeProfile .bday-section .img-bday-card img[b-6g1i87nup1] { margin-top:60px; }
  .progress-round .circle[b-6g1i87nup1] { display:inline-block; margin:0 auto; }
}
@media(max-width:992px) {
  .account__overview .account__completeProfile .address-section .textbox_city[b-6g1i87nup1],.account__overview .account__completeProfile .address-section .textbox_state[b-6g1i87nup1],.account__overview .account__completeProfile .address-section .textbox_zip[b-6g1i87nup1] {
    width:100%;
  }
}
@media(min-width:1200px) {
  .account__overview .account__completeProfile .bday-section .img-bday-card[b-6g1i87nup1] {
    width:55%;
  }
}
@media(min-width:100px) and (max-width:420px) {
  .account__overview .account__completeProfile .bday-section[b-6g1i87nup1] {
    width:108%;
  }
}
.progress-round .circle[b-6g1i87nup1] {
  height:100px;
  width:100px;
  background-color:#bbb;
  border-radius:100%;
}
.progress-round .progress[b-6g1i87nup1] {
  width:90px;
  height:90px;
  line-height:90px;
  background:none;
  margin:0 auto;
  box-shadow:none;
  position:relative;
  top:5px;
}
.progress-round .progress[b-6g1i87nup1]:after {
  content:"";
  width:100%;
  height:100%;
  border-radius:50%;
  border:5px solid #fff;
  position:absolute;
  top:0;
  left:0;
}
.progress-round .progress>span[b-6g1i87nup1] {
  width:50%;
  height:100%;
  overflow:hidden;
  position:absolute;
  top:0;
  z-index:1;
}
.progress-round .progress .progress-left[b-6g1i87nup1] {
  left:0;
}
.progress-round .progress .progress-bar[b-6g1i87nup1] {
  width:100%;
  height:100%;
  background:none;
  border-width:5px;
  border-style:solid;
  position:absolute;
  top:0;
  border-color:var(--wd-color-brand-red);
}
.progress-round .progress .progress-left .progress-bar[b-6g1i87nup1] {
  left:100%;
  border-top-right-radius:45px;
  border-bottom-right-radius:45px;
  border-left:0;
  -webkit-transform-origin:center left;
  transform-origin:center left;
}
.progress-round .progress .progress-right[b-6g1i87nup1] {
  right:0;
}
.progress-round .progress .progress-right .progress-bar[b-6g1i87nup1] {
  left:-100%;
  border-top-left-radius:45px;
  border-bottom-left-radius:45px;
  border-right:0;
  -webkit-transform-origin:center right;
  transform-origin:center right;
}
.progress-round .progress .progress-value[b-6g1i87nup1] {
  display:flex;
  border-radius:50%;
  font-size:1.375em;
  text-align:center;
  line-height:20px;
  align-items:center;
  justify-content:center;
  height:84%;
  letter-spacing:-.25px;
  font-weight:bold;
  color:var(--wd-color-brand-red);
}
.progress-round .progress .progress-value div[b-6g1i87nup1] {
  margin-top:10px;
  font-family: var(--wd-font-body);
  font-weight:bold;
}
.progress-round .progress .progress-value span[b-6g1i87nup1] {
  font-size:.75em;
  text-transform:uppercase;
}

/* Machine-generated: one rule per 1-100 data-percentage value (drives the circular profile-
   completeness meter's clockwise sweep) plus its 50 supporting keyframes. Left minified,
   verbatim from the source bundle, rather than hand-reformatted, to avoid transcription
   errors across ~150 near-identical generated rules. */
.progress-round .progress[data-percentage="1"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-1-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="1"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="2"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-2-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="2"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="3"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-3-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="3"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="4"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-4-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="4"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="5"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-5-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="5"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="6"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-6-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="6"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="7"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-7-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="7"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="8"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-8-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="8"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="9"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-9-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="9"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="10"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-10-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="10"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="11"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-11-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="11"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="12"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-12-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="12"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="13"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-13-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="13"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="14"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-14-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="14"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="15"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-15-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="15"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="16"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-16-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="16"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="17"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-17-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="17"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="18"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-18-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="18"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="19"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-19-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="19"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="20"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-20-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="20"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="21"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-21-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="21"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="22"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-22-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="22"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="23"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-23-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="23"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="24"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-24-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="24"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="25"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-25-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="25"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="26"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-26-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="26"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="27"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-27-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="27"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="28"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-28-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="28"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="29"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-29-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="29"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="30"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-30-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="30"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="31"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-31-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="31"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="32"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-32-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="32"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="33"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-33-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="33"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="34"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-34-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="34"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="35"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-35-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="35"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="36"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-36-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="36"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="37"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-37-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="37"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="38"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-38-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="38"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="39"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-39-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="39"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="40"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-40-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="40"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="41"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-41-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="41"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="42"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-42-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="42"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="43"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-43-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="43"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="44"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-44-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="44"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="45"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-45-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="45"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="46"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-46-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="46"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="47"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-47-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="47"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="48"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-48-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="48"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="49"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-49-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="49"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="50"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="50"] .progress-left .progress-bar[b-6g1i87nup1]{animation:0;}.progress-round .progress[data-percentage="51"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="51"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-1-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="52"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="52"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-2-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="53"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="53"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-3-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="54"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="54"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-4-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="55"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="55"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-5-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="56"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="56"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-6-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="57"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="57"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-7-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="58"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="58"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-8-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="59"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="59"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-9-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="60"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="60"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-10-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="61"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="61"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-11-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="62"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="62"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-12-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="63"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="63"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-13-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="64"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="64"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-14-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="65"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="65"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-15-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="66"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="66"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-16-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="67"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="67"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-17-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="68"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="68"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-18-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="69"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="69"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-19-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="70"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="70"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-20-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="71"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="71"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-21-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="72"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="72"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-22-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="73"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="73"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-23-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="74"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="74"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-24-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="75"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="75"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-25-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="76"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="76"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-26-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="77"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="77"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-27-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="78"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="78"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-28-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="79"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="79"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-29-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="80"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="80"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-30-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="81"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="81"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-31-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="82"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="82"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-32-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="83"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="83"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-33-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="84"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="84"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-34-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="85"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="85"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-35-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="86"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="86"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-36-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="87"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="87"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-37-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="88"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="88"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-38-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="89"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="89"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-39-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="90"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="90"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-40-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="91"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="91"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-41-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="92"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="92"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-42-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="93"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="93"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-43-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="94"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="94"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-44-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="95"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="95"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-45-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="96"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="96"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-46-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="97"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="97"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-47-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="98"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="98"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-48-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="99"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="99"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-49-b-6g1i87nup1 .2s linear forwards .2s;}.progress-round .progress[data-percentage="100"] .progress-right .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards;}.progress-round .progress[data-percentage="100"] .progress-left .progress-bar[b-6g1i87nup1]{animation:loading-50-b-6g1i87nup1 .2s linear forwards .2s;}@keyframes loading-1-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(3.6);transform:rotate(3.6deg);}}@keyframes loading-2-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(7.2);transform:rotate(7.2deg);}}@keyframes loading-3-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(10.8);transform:rotate(10.8deg);}}@keyframes loading-4-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(14.4);transform:rotate(14.4deg);}}@keyframes loading-5-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(18);transform:rotate(18deg);}}@keyframes loading-6-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(21.6);transform:rotate(21.6deg);}}@keyframes loading-7-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(25.2);transform:rotate(25.2deg);}}@keyframes loading-8-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(28.8);transform:rotate(28.8deg);}}@keyframes loading-9-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(32.4);transform:rotate(32.4deg);}}@keyframes loading-10-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(36);transform:rotate(36deg);}}@keyframes loading-11-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(39.6);transform:rotate(39.6deg);}}@keyframes loading-12-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(43.2);transform:rotate(43.2deg);}}@keyframes loading-13-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(46.8);transform:rotate(46.8deg);}}@keyframes loading-14-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(50.4);transform:rotate(50.4deg);}}@keyframes loading-15-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(54);transform:rotate(54deg);}}@keyframes loading-16-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(57.6);transform:rotate(57.6deg);}}@keyframes loading-17-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(61.2);transform:rotate(61.2deg);}}@keyframes loading-18-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(64.8);transform:rotate(64.8deg);}}@keyframes loading-19-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(68.4);transform:rotate(68.4deg);}}@keyframes loading-20-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(72);transform:rotate(72deg);}}@keyframes loading-21-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(75.6);transform:rotate(75.6deg);}}@keyframes loading-22-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(79.2);transform:rotate(79.2deg);}}@keyframes loading-23-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(82.8);transform:rotate(82.8deg);}}@keyframes loading-24-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(86.4);transform:rotate(86.4deg);}}@keyframes loading-25-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(90);transform:rotate(90deg);}}@keyframes loading-26-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(93.6);transform:rotate(93.6deg);}}@keyframes loading-27-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(97.2);transform:rotate(97.2deg);}}@keyframes loading-28-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(100.8);transform:rotate(100.8deg);}}@keyframes loading-29-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(104.4);transform:rotate(104.4deg);}}@keyframes loading-30-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(108);transform:rotate(108deg);}}@keyframes loading-31-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(111.6);transform:rotate(111.6deg);}}@keyframes loading-32-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(115.2);transform:rotate(115.2deg);}}@keyframes loading-33-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(118.8);transform:rotate(118.8deg);}}@keyframes loading-34-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(122.4);transform:rotate(122.4deg);}}@keyframes loading-35-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(126);transform:rotate(126deg);}}@keyframes loading-36-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(129.6);transform:rotate(129.6deg);}}@keyframes loading-37-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(133.2);transform:rotate(133.2deg);}}@keyframes loading-38-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(136.8);transform:rotate(136.8deg);}}@keyframes loading-39-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(140.4);transform:rotate(140.4deg);}}@keyframes loading-40-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(144);transform:rotate(144deg);}}@keyframes loading-41-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(147.6);transform:rotate(147.6deg);}}@keyframes loading-42-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(151.2);transform:rotate(151.2deg);}}@keyframes loading-43-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(154.8);transform:rotate(154.8deg);}}@keyframes loading-44-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(158.4);transform:rotate(158.4deg);}}@keyframes loading-45-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(162);transform:rotate(162deg);}}@keyframes loading-46-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(165.6);transform:rotate(165.6deg);}}@keyframes loading-47-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(169.2);transform:rotate(169.2deg);}}@keyframes loading-48-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(172.8);transform:rotate(172.8deg);}}@keyframes loading-49-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(176.4);transform:rotate(176.4deg);}}@keyframes loading-50-b-6g1i87nup1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(180);transform:rotate(180deg);}}

.progress-round .progress[b-6g1i87nup1] {
  margin-bottom:1em;
}
.col-sm-12[b-6g1i87nup1] {
  padding-left:0;
  padding-right:0;
}
/* /Components/Pages/Account/MyPreferences.razor.rz.scp.css */
/* Scoped to MyPreferences.razor. Moved from two page-specific <link> tags previously in this
   page's HeadContent — see MyReceipts.razor.css's header comment for the general pattern
   (own content in full + the shared .myaccount-section/.myaccount-main-section/
   .myaccount-leftNav-section page-shell rules; .account__leftmenu itself lives in
   Shared/AccountLeftMenu.razor.css). wwwroot/scss/WD/myAccountLeftMenu-wd.scss stays in place
   until MyProfile/MyRewards are migrated too. */

.myaccount-section[b-2a8vjiwc4g] {
  margin-top:50px;
}
.myaccount-main-section[b-2a8vjiwc4g] {
  padding:0 32px;
}
@media(min-width:768px) and (max-width:991px) {
  .myaccount-leftNav-section[b-2a8vjiwc4g] {
    padding-left:20px;
  }
  .myaccount-section[b-2a8vjiwc4g] {
    margin-top:40px;
  }
}
@media(min-width:992px) and (max-width:1200px) {
  .myaccount-leftNav-section[b-2a8vjiwc4g] {
    padding-left:32px;
  }
}
@media(min-width:100px) and (max-width:767px) {
  .container-fluid .container .myaccount-section[b-2a8vjiwc4g] {
    padding:0 22px;
  }
  .myaccount-section[b-2a8vjiwc4g] {
    margin-top:0;
  }
  .myaccount-main-section[b-2a8vjiwc4g] {
    padding:0;
  }
}

.MyPreference[b-2a8vjiwc4g] {
  font-family: var(--wd-font-body);
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  margin-bottom:64px;
}
.MyPreference h1[b-2a8vjiwc4g] {
  font-family: var(--wd-font-body);
  font-size:2.875em;
  line-height:1.09;
  letter-spacing:-.59px;
  color:var(--wd-color-brand-red);
  margin:0 0 24px 0;
  font-weight:bold;
}
.MyPreference h2[b-2a8vjiwc4g] {
  font-size:1.375em;
  line-height:1.18;
  letter-spacing:-.25px;
  color:var(--wd-color-brand-red);
  font-family: var(--wd-font-body);
  margin:0 0 14px 0;
  font-weight:bold;
}
.MyPreference h3[b-2a8vjiwc4g] {
  font-size:1.25em;
  font-weight:bold;
  line-height:1.18;
  letter-spacing:-.25px;
  color:var(--wd-color-brand-red);
  margin:0 5px 15px 0;
}
.MyPreference a[b-2a8vjiwc4g] {
  font-size:1em;
  line-height:normal;
  letter-spacing:-.27px;
  color:var(--wd-color-brand-red);
  cursor:pointer;
  font-weight:normal;
  text-decoration:underline;
  display:inline-block;
}
.MyPreference a:hover[b-2a8vjiwc4g] {
  font-weight:600;
}
.MyPreference p[b-2a8vjiwc4g] {
  font-size:1em;
  font-weight:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  margin:8px 0 8px 0;
}
.MyPreference legend[b-2a8vjiwc4g] {
  font-size:1em;
  font-weight:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  margin:8px 0 8px 0;
  border:none !important;
}
.MyPreference label[b-2a8vjiwc4g] {
  color:var(--wd-color-text);
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  line-height:1.38;
  letter-spacing:-.25px;
}
.MyPreference button[b-2a8vjiwc4g],.MyPreference .shipt_button[b-2a8vjiwc4g] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:bold;
  line-height:1.39;
  letter-spacing:-.03px;
  text-align:center;
  margin-top:4px;
  width:202px;
  height:49px;
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}
.MyPreference button:hover[b-2a8vjiwc4g],.MyPreference .shipt_button:hover[b-2a8vjiwc4g] {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
}
.MyPreference button:focus[b-2a8vjiwc4g],.MyPreference .shipt_button:focus[b-2a8vjiwc4g] {
  border:solid 2px #fff !important;
}
.MyPreference button:disabled[b-2a8vjiwc4g],.MyPreference .shipt_button:disabled[b-2a8vjiwc4g] {
  pointer-events:none;
  opacity:.5;
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
}
.MyPreference .shipt_button[b-2a8vjiwc4g] {
  padding:10px;
  display:inline-block;
  text-decoration:none;
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}
.MyPreference .shipt_button:hover[b-2a8vjiwc4g] {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
}
.MyPreference .shipt_button:focus[b-2a8vjiwc4g] {
  border:solid 2px #fff !important;
}
.MyPreference .box_shadow[b-2a8vjiwc4g] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  background-color:#fff;
  padding:32px;
  margin-bottom:32px;
}
.MyPreference .box_shadow h3[b-2a8vjiwc4g] {
  font-size:1em;
  font-weight:normal;
  border-bottom:none;
  margin-bottom:0;
}
@media(max-width:991px) {
  .MyPreference .box_shadow h3[b-2a8vjiwc4g] {
    font-size:.875em;
    line-height:1.43;
  }
}
.MyPreference .box_shadow .emailflex[b-2a8vjiwc4g] {
  display:flex;
  align-items:center;
}
.MyPreference .receive_email_text[b-2a8vjiwc4g] {
  margin:0 -10px;
}
.MyPreference .receive_email_text .Inputcheck[b-2a8vjiwc4g] {
  position:inherit;
  display:inline-block;
  width:25px;
  height:25px;
  vertical-align:middle;
  background-color:inherit;
  color:var(--wd-color-text);
  border:1px solid var(--wd-color-border);
  cursor:pointer;
  margin-right:16px;
}
.MyPreference .receive_email_text .checkbox_sec[b-2a8vjiwc4g] {
  margin:8px 0 8px 40px;
}
.MyPreference .receive_email_text .p_10[b-2a8vjiwc4g] {
  padding:0 10px;
}
.MyPreference .receive_email_text .checkbox_dec[b-2a8vjiwc4g] {
  margin-left:40px;
}
.MyPreference .MyPreference__interest[b-2a8vjiwc4g] {
  margin:43px 0 10px 0;
}
.MyPreference .MyPreference__interest label[b-2a8vjiwc4g] {
  font-size:1em;
  font-weight:600;
  line-height:1.33;
  letter-spacing:-.15px;
  color:var(--wd-color-text);
  margin:10px 0 10px 10px;
}
@media(min-width:992px) {
  .MyPreference .MyPreference__interest label[b-2a8vjiwc4g] {
    margin:0 10px;
  }
}
.MyPreference .MyPreference__interest .check_intrest[b-2a8vjiwc4g] {
  height:38px;
  width:30px;
  cursor:pointer;
  border-right:1px solid var(--wd-color-border);
}
.MyPreference .savestore_head[b-2a8vjiwc4g] {
  margin-bottom:25px;
  font-size:1.375em;
}
.MyPreference .boarder_style[b-2a8vjiwc4g] {
  border-right:1px solid #979797;
  border-bottom:none;
}
.MyPreference .boarder_style .PhoneSection[b-2a8vjiwc4g] {
  padding-top:17px;
}
.MyPreference .boarder_style .PhoneSection b[b-2a8vjiwc4g] {
  font-weight:normal;
}
.MyPreference .boarder_style .PhoneSection a[b-2a8vjiwc4g] {
  font-size:1em;
  font-weight:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-brand-red);
  margin:8px 0 8px 0;
  text-decoration:none;
  display:initial;
}
.MyPreference .boarder_style .PhoneSection a:hover[b-2a8vjiwc4g] {
  font-weight:600;
}
@media(min-width:1199px) {
  .MyPreference .e_receiptsdiv[b-2a8vjiwc4g] {
    padding-right:10px;
  }
}
@media(min-width:1199px) {
  .MyPreference .e_receiptsdiv .receipt_sec[b-2a8vjiwc4g] {
    height:253px;
  }
}
.MyPreference .e_receiptsdiv .receipt_sec .receipt_label[b-2a8vjiwc4g] {
  font-size:.938em;
  font-weight:600;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
}
@media(max-width:767px) {
  .MyPreference .e_receiptsdiv .receipt_sec .receipt_label[b-2a8vjiwc4g] {
    padding-right:30px;
  }
}
.MyPreference .e_receiptsdiv .receipt_sec .shipt_head[b-2a8vjiwc4g] {
  margin:0;
}
.MyPreference .e_receiptsdiv .receipt_sec .receipt_desc[b-2a8vjiwc4g] {
  margin-bottom:21px;
  padding-right:85px;
}
.MyPreference .e_receiptsdiv .receipt_sec .inline[b-2a8vjiwc4g] {
  display:flex;
}
.MyPreference .e_receiptsdiv .receipt_sec .e-receipt-switch[b-2a8vjiwc4g] {
  position:relative;
  display:inline-block;
  width:44px;
  height:24px;
  top:0;
}
.MyPreference .e_receiptsdiv .receipt_sec .e-receipt-switch:focus[b-2a8vjiwc4g] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:1px;
  display:inline-block;
}
.MyPreference .e_receiptsdiv .receipt_sec .e-receipt-switch input[type=checkbox][b-2a8vjiwc4g] {
  opacity:0;
}
.MyPreference .e_receiptsdiv .receipt_sec input[type=checkbox]:checked+span[b-2a8vjiwc4g]:after,.MyPreference .e_receiptsdiv .receipt_sec input[type=checkbox]:checked+input+span[b-2a8vjiwc4g]:after {
  content:"";
  background-image:none;
}
.MyPreference .e_receiptsdiv .receipt_sec .e-receipt-switch input[type=checkbox]:focus:checked~span[b-2a8vjiwc4g],.MyPreference .e_receiptsdiv .receipt_sec .e-receipt-switch input[type=checkbox]:focus:not(:checked)~span[b-2a8vjiwc4g] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
  transition:none;
}
.MyPreference .e_receiptsdiv .receipt_sec .e-receipt-switch input[b-2a8vjiwc4g] {
  opacity:0;
  width:0;
  height:0;
}
.MyPreference .e_receiptsdiv .receipt_sec .e-receipt-switch .e-receipt-switch-slider[b-2a8vjiwc4g] {
  position:absolute;
  cursor:pointer;
  top:0;
  left:13px;
  right:-2px;
  bottom:0;
  background-color:var(--wd-color-border);
  -webkit-transition:.4s;
  transition:.4s;
  width:44px;
  height:24px;
}
@media(max-width:767px) {
  .MyPreference .e_receiptsdiv .receipt_sec .e-receipt-switch .e-receipt-switch-slider[b-2a8vjiwc4g] {
    left:-17px;
  }
}
@media(min-width:991px) and (max-width:1199px) {
  .MyPreference .e_receiptsdiv .receipt_sec .e-receipt-switch .e-receipt-switch-slider[b-2a8vjiwc4g] {
    left:81px;
  }
}
@media(min-width:768px) and (max-width:991px) {
  .MyPreference .e_receiptsdiv .receipt_sec .e-receipt-switch .e-receipt-switch-slider[b-2a8vjiwc4g] {
    left:33px;
  }
}
.MyPreference .e_receiptsdiv .receipt_sec .e-receipt-switch .e-receipt-switch-slider[b-2a8vjiwc4g]::before {
  position:absolute;
  content:"";
  height:18px;
  width:20px;
  left:3px;
  bottom:3px;
  background-color:#fff;
  -webkit-transition:.4s;
  transition:.4s;
}
.MyPreference .e_receiptsdiv .receipt_sec .e-receipt-switch input:checked+.e-receipt-switch-slider[b-2a8vjiwc4g] {
  background-color:var(--wd-color-brand-red);
}
.MyPreference .e_receiptsdiv .receipt_sec .e-receipt-switch input:focus+.e-receipt-switch-slider[b-2a8vjiwc4g] {
  box-shadow:0 0 1px var(--wd-color-brand-red);
}
.MyPreference .e_receiptsdiv .receipt_sec .e-receipt-switch input:checked+.e-receipt-switch-slider[b-2a8vjiwc4g]:before {
  -webkit-transform:translateX(18px);
  -ms-transform:translateX(18px);
  transform:translateX(18px);
}
.MyPreference .e_receiptsdiv .receipt_sec .e-receipt-switch .e-receipt-switch-slider.round[b-2a8vjiwc4g] {
  border-radius:34px;
}
.MyPreference .e_receiptsdiv .receipt_sec .e-receipt-switch .e-receipt-switch-slider.round[b-2a8vjiwc4g]:before {
  border-radius:50%;
}
@media(min-width:1199px) {
  .MyPreference .e_receiptsdiv.gopaperless_only[b-2a8vjiwc4g] {
    padding-right:0;
  }
}
@media(min-width:1199px) {
  .MyPreference .e_receiptsdiv.gopaperless_only .receipt_sec[b-2a8vjiwc4g] {
    height:auto;
  }
}
.MyPreference .e_receiptsdiv.gopaperless_only .receipt_sec .e-receipt-switch .e-receipt-switch-slider[b-2a8vjiwc4g] {
  position:absolute;
  cursor:pointer;
  top:0;
  left:81px;
  right:-2px;
  bottom:0;
  background-color:var(--wd-color-border);
  -webkit-transition:.4s;
  transition:.4s;
  width:44px;
  height:24px;
}
@media(max-width:767px) {
  .MyPreference .e_receiptsdiv.gopaperless_only .receipt_sec .e-receipt-switch .e-receipt-switch-slider[b-2a8vjiwc4g] {
    left:-17px;
  }
}
@media(min-width:991px) and (max-width:1199px) {
  .MyPreference .e_receiptsdiv.gopaperless_only .receipt_sec .e-receipt-switch .e-receipt-switch-slider[b-2a8vjiwc4g] {
    left:81px;
  }
}
@media(min-width:768px) and (max-width:991px) {
  .MyPreference .e_receiptsdiv.gopaperless_only .receipt_sec .e-receipt-switch .e-receipt-switch-slider[b-2a8vjiwc4g] {
    left:33px;
  }
}
.MyPreference .pointslock .points_sec .points_label[b-2a8vjiwc4g] {
  font-size:.938em;
  font-weight:600;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
}
@media(max-width:767px) {
  .MyPreference .pointslock .points_sec .points_label[b-2a8vjiwc4g] {
    padding-right:30px;
  }
}
.MyPreference .pointslock .points_sec .shipt_head[b-2a8vjiwc4g] {
  margin:0;
  font-weight:bold;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-brand-red);
  padding-right:20px;
}
.MyPreference .pointslock .points_sec .shipt_head span[b-2a8vjiwc4g] {
  font-size:16px !important;
  font-weight:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  color:rgba(0,0,0,.9);
}
@media(max-width:991px) {
  .MyPreference .pointslock .points_sec .shipt_head span[b-2a8vjiwc4g] {
    font-size:14px !important;
  }
}
.MyPreference .pointslock .points_sec .points_desc[b-2a8vjiwc4g] {
  margin-bottom:21px;
  padding-right:85px;
}
.MyPreference .pointslock .points_sec .inline[b-2a8vjiwc4g] {
  display:flex;
}
.MyPreference .pointslock .points_sec .points-switch[b-2a8vjiwc4g] {
  position:relative;
  display:inline-block;
  width:44px;
  height:24px;
  top:0;
}
.MyPreference .pointslock .points_sec .points-switch:focus[b-2a8vjiwc4g] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:1px;
  display:inline-block;
}
.MyPreference .pointslock .points_sec .points-switch input[type=checkbox][b-2a8vjiwc4g] {
  opacity:0;
}
.MyPreference .pointslock .points_sec input[type=checkbox]:checked+span[b-2a8vjiwc4g]:after,.MyPreference .pointslock .points_sec input[type=checkbox]:checked+input+span[b-2a8vjiwc4g]:after {
  content:"";
  background-image:none;
}
.MyPreference .pointslock .points_sec .points-switch input[type=checkbox]:focus:checked~span[b-2a8vjiwc4g],.MyPreference .pointslock .points_sec .points-switch input[type=checkbox]:focus:not(:checked)~span[b-2a8vjiwc4g] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
  transition:none;
}
.MyPreference .pointslock .points_sec .points-switch input[b-2a8vjiwc4g] {
  opacity:0;
  width:0;
  height:0;
}
.MyPreference .pointslock .points_sec .points-switch .points-switch-slider[b-2a8vjiwc4g] {
  position:absolute;
  cursor:pointer;
  top:0;
  left:81px;
  right:-2px;
  bottom:0;
  background-color:var(--wd-color-border);
  -webkit-transition:.4s;
  transition:.4s;
  width:44px;
  height:24px;
}
@media(max-width:767px) {
  .MyPreference .pointslock .points_sec .points-switch .points-switch-slider[b-2a8vjiwc4g] {
    left:-17px;
  }
}
@media(min-width:991px) and (max-width:1199px) {
  .MyPreference .pointslock .points_sec .points-switch .points-switch-slider[b-2a8vjiwc4g] {
    left:81px;
  }
}
@media(min-width:768px) and (max-width:991px) {
  .MyPreference .pointslock .points_sec .points-switch .points-switch-slider[b-2a8vjiwc4g] {
    left:33px;
  }
}
.MyPreference .pointslock .points_sec .points-switch .points-switch-slider[b-2a8vjiwc4g]::before {
  position:absolute;
  content:"";
  height:18px;
  width:20px;
  left:3px;
  bottom:3px;
  background-color:#fff;
  -webkit-transition:.4s;
  transition:.4s;
}
.MyPreference .pointslock .points_sec .points-switch input:checked+.points-switch-slider[b-2a8vjiwc4g] {
  background-color:var(--wd-color-brand-red);
}
.MyPreference .pointslock .points_sec .points-switch input:focus+.points-switch-slider[b-2a8vjiwc4g] {
  box-shadow:0 0 1px var(--wd-color-brand-red);
}
.MyPreference .pointslock .points_sec .points-switch input:checked+.points-switch-slider[b-2a8vjiwc4g]:before {
  -webkit-transform:translateX(18px);
  -ms-transform:translateX(18px);
  transform:translateX(18px);
}
.MyPreference .pointslock .points_sec .points-switch .points-switch-slider.round[b-2a8vjiwc4g] {
  border-radius:34px;
}
.MyPreference .pointslock .points_sec .points-switch .points-switch-slider.round[b-2a8vjiwc4g]:before {
  border-radius:50%;
}
.MyPreference .pointslock .points_sec .pointsAppNotification .pointsApp[b-2a8vjiwc4g] {
  display:flex;
  align-items:center;
}
.MyPreference .pointslock .points_sec .pointsAppNotification .pointsApp .qrCode[b-2a8vjiwc4g] {
  height:60px;
  width:60px;
}
.MyPreference .pointslock .pointsLockModal[b-2a8vjiwc4g] {
  z-index:6000;
  height:100%;
  width:100%;
  align-items:center;
  justify-content:center;
  border-radius:15px;
  background-color:var(--modal-overlay-bgcolor);
  -webkit-backdrop-filter:blur(15px);
  opacity:inherit;
}
.MyPreference .pointslock .pointsLockModal .chatInitial[b-2a8vjiwc4g] {
  position:absolute !important;
  z-index:6000;
  height:100%;
  width:100%;
  display:flex !important;
  align-items:center;
  justify-content:center;
  border-radius:inherit;
  background-color:var(--modal-overlay-bgcolor);
  -webkit-backdrop-filter:blur(15px);
}
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog[b-2a8vjiwc4g] {
  width:400px;
  margin:0 auto;
}
@media(max-width:450px) {
  .MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog[b-2a8vjiwc4g] {
    width:auto;
  }
}
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .modal-body[b-2a8vjiwc4g] {
  display:flex;
  flex-direction:column;
  align-items:center;
}
/* Live emphasises the verb in the question ("…want to **lock** your points?") in bold brand red.
   Styled by element rather than an inline style so whatever markup the CMS authors here — <strong>
   or <b> — picks it up, and so no retired hex literal is needed. The body is rendered as a
   MarkupString, which is what lets the emphasis through at all. */
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .modal-body strong[b-2a8vjiwc4g],
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .modal-body b[b-2a8vjiwc4g] {
  color:var(--wd-color-brand-red);
  font-weight:bold;
}
/* Two short sentences on their own lines, as live has them. */
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .modal-body p[b-2a8vjiwc4g] {
  text-align:center;
}
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .modal-header[b-2a8vjiwc4g] {
  border-bottom:none !important;
}
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .modal-content[b-2a8vjiwc4g] {
  background:#fff;
}
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .modal-footer[b-2a8vjiwc4g] {
  display:flex !important;
  justify-content:space-between;
}
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .lockicon[b-2a8vjiwc4g] {
  height:40px;
  width:40px;
  display:block;
}
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .unlockicon[b-2a8vjiwc4g] {
  height:40px;
  width:40px;
  display:block;
}
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog button.chatClosebtn[b-2a8vjiwc4g] {
  background-color:inherit;
  border-radius:50%;
  overflow:hidden;
  padding:3px;
  width:28px;
  height:28px;
  border:none;
  display:flex;
  align-items:center;
  justify-content:center;
}
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .chatBtn[b-2a8vjiwc4g] {
  width:120px;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.22;
  letter-spacing:-.25px;
  text-align:center;
  float:right;
  right:0;
  color:var(--wd-color-text);
  background-color:#fff;
  border:1px solid #3c3c3b;
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
  display:flex;
  align-items:center;
  justify-content:center;
}
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .unlockBtn[b-2a8vjiwc4g] {
  color:#008a37;
  background-color:#fff;
  border:1px solid #008a37;
}
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .unlockBtn .unlockicon-wrap[b-2a8vjiwc4g] {
  display:inline-flex;
  margin-right:10px;
}
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .unlockBtn .unlockicon[b-2a8vjiwc4g],
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .unlockBtn .unlockicon-hover[b-2a8vjiwc4g] {
  height:20px;
  width:20px;
}
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .unlockBtn .unlockicon-hover[b-2a8vjiwc4g] {
  display:none;
}
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .unlockBtn:hover[b-2a8vjiwc4g] {
  background-color:#008a37 !important;
  border:1px solid #008a37 !important;
}
/* Hover swaps in the green icon for the white one — real <img> elements can't have their src
   swapped by CSS, so both render and visibility toggles on the button's :hover state. */
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .unlockBtn:hover .unlockicon[b-2a8vjiwc4g] {
  display:none;
}
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .unlockBtn:hover .unlockicon-hover[b-2a8vjiwc4g] {
  display:block;
}
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .lockBtn[b-2a8vjiwc4g] {
  color:var(--wd-color-brand-red);
  background-color:#fff;
  border:1px solid var(--wd-color-brand-red);
}
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .lockBtn .lockicon-wrap[b-2a8vjiwc4g] {
  display:inline-flex;
  margin-right:10px;
}
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .lockBtn .lockicon[b-2a8vjiwc4g],
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .lockBtn .lockicon-hover[b-2a8vjiwc4g] {
  height:20px;
  width:20px;
}
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .lockBtn .lockicon-hover[b-2a8vjiwc4g] {
  display:none;
}
/* Hover swaps in the red icon for the white one — real <img> elements can't have their src
   swapped by CSS, so both render and visibility toggles on the button's :hover state. */
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .lockBtn:hover .lockicon[b-2a8vjiwc4g] {
  display:none;
}
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .lockBtn:hover .lockicon-hover[b-2a8vjiwc4g] {
  display:block;
}
.MyPreference .pointslock .pointsLockModal .chatInitial .chatDialog .chatBtn:hover[b-2a8vjiwc4g] {
  background-color:var(--wd-color-primary-hover);
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
}
@media(min-width:1199px) {
  .MyPreference .pointslock.gopaperless_only[b-2a8vjiwc4g] {
    padding-right:0;
  }
}
@media(min-width:1199px) {
  .MyPreference .pointslock.gopaperless_only .points_sec[b-2a8vjiwc4g] {
    height:auto;
  }
}
.MyPreference .pointslock.gopaperless_only .points_sec .points-switch .points-switch-slider[b-2a8vjiwc4g] {
  position:absolute;
  cursor:pointer;
  top:0;
  left:81px;
  right:-2px;
  bottom:0;
  background-color:var(--wd-color-border);
  -webkit-transition:.4s;
  transition:.4s;
  width:44px;
  height:24px;
}
@media(max-width:767px) {
  .MyPreference .pointslock.gopaperless_only .points_sec .points-switch .points-switch-slider[b-2a8vjiwc4g] {
    left:-17px;
  }
}
@media(min-width:991px) and (max-width:1199px) {
  .MyPreference .pointslock.gopaperless_only .points_sec .points-switch .points-switch-slider[b-2a8vjiwc4g] {
    left:81px;
  }
}
@media(min-width:768px) and (max-width:991px) {
  .MyPreference .pointslock.gopaperless_only .points_sec .points-switch .points-switch-slider[b-2a8vjiwc4g] {
    left:33px;
  }
}
@media(min-width:1199px) {
  .MyPreference .shoponline_div[b-2a8vjiwc4g] {
    padding-left:10px;
  }
}
@media(min-width:1199px) {
  .MyPreference .shoponline_div .shipt_sec[b-2a8vjiwc4g] {
    height:253px;
  }
}
.MyPreference .shoponline_div .shipt_sec .shipt_label[b-2a8vjiwc4g] {
  font-size:1em;
  font-weight:600;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
}
.MyPreference .shoponline_div .shipt_sec .shipt_head[b-2a8vjiwc4g] {
  margin:0;
}
.MyPreference .shoponline_div .shipt_sec .shipt_desc[b-2a8vjiwc4g] {
  margin-bottom:3px;
}
.MyPreference .addrs[b-2a8vjiwc4g] {
  color:var(--wd-color-text);
}
.MyPreference .phone_sec[b-2a8vjiwc4g] {
  color:#444443;
}
.MyPreference .disp_flex[b-2a8vjiwc4g] {
  align-items:center;
  display:flex;
}
.MyPreference .disp_flex_desk[b-2a8vjiwc4g] {
  display:flex;
}
.MyPreference .link_sec[b-2a8vjiwc4g] {
  margin:2px 8px 24px 50px;
}
.MyPreference .margin_left[b-2a8vjiwc4g] {
  margin-left:40px;
}
.MyPreference .disp__flex[b-2a8vjiwc4g] {
  display:flex;
}
.MyPreference .disp_inline[b-2a8vjiwc4g] {
  display:inline-flex;
  align-items:center;
}
.MyPreference .receive__email-block[b-2a8vjiwc4g] {
  width:100%;
}
.MyPreference .receive__text-block[b-2a8vjiwc4g] {
  width:368px;
}
.MyPreference .padding_10[b-2a8vjiwc4g] {
  padding-top:5px;
  padding-bottom:5px;
}
.MyPreference .Cap_vendor[b-2a8vjiwc4g] {
  text-transform:capitalize;
}
.MyPreference .check_intrest[b-2a8vjiwc4g],.MyPreference .check_email_sms[b-2a8vjiwc4g] {
  opacity:0;
  position:absolute;
  width:25px;
  height:25px;
  z-index:9999;
}
/* A duplicate of the checked-checkbox rule further down used to sit here pointing at
   Areas/V2/Sass/Images/greentick.png — a file that does not exist in wwwroot (it 302s to the 404
   page). It was also fully overridden: same selector, no media query, and the later rule resets
   every one of its declarations to different values (20x22 at top:-7px/left:4px, not 32x27 at
   -3px/-4px). Removed rather than repointed, since keeping it would only reinstate the override. */
.MyPreference input[type=checkbox]:focus:checked~.Inputcheck[b-2a8vjiwc4g],input[type=checkbox]:focus:not(:checked)~.Inputcheck[b-2a8vjiwc4g] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}
#MyPreferenceInterest input[type=checkbox]+input+span[b-2a8vjiwc4g]:after {
  content:"";
  background-image:url("../../../Areas/V2/Sass/Images/add_plus_hr.svg");
  background-size:100%;
  background-repeat:no-repeat;
  display:inline-block;
  background-position:top right;
  vertical-align:middle;
  cursor:pointer;
  width:30px;
  height:30px;
  object-fit:contain;
  position:inherit;
  top:-10px;
  left:2px;
}
#MyPreferenceInterest input[type=checkbox]:checked+input+span[b-2a8vjiwc4g]:after {
  background-image:url("../../../Areas/V2/Sass/Images/add_hr.svg");
}
#MyPreferenceInterest input:focus+input+span[b-2a8vjiwc4g] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
  display:inline-block;
}
@media(min-width:992px) {
  #MyPreferenceInterest li[b-2a8vjiwc4g] {
    display:flex;
    margin:10px 0;
    min-height:45px;
    align-items:center;
  }
}
@media(min-width:992px) and (max-width:1240px) {
  .MyPreference .MyPreference__interest label[b-2a8vjiwc4g] {
    font-size:1em;
  }
}
@media(max-width:450px) {
  .MyPreference .disp__flex_justify .col-sm-6[b-2a8vjiwc4g] {
    padding:5px !important;
  }
}
@media(max-width:991px) {
  .MyPreference h1[b-2a8vjiwc4g] {
    font-size:1.875em;
    line-height:1.17;
    letter-spacing:-.56px;
  }
  .MyPreference h2[b-2a8vjiwc4g] {
    font-size:1em;
    line-height:1.22;
    letter-spacing:-.25px;
  }
  .MyPreference p[b-2a8vjiwc4g] {
    font-size:.875em;
    line-height:1.43;
    letter-spacing:-.25px;
  }
  .MyPreference a[b-2a8vjiwc4g] {
    font-size:.875em;
    line-height:normal;
    letter-spacing:-.23px;
  }
  .MyPreference .MyPreference__interest label[b-2a8vjiwc4g] {
    font-size:.875em;
    line-height:1.43;
    letter-spacing:-.25px;
    margin-left:5px;
  }
  .MyPreference button[b-2a8vjiwc4g],.MyPreference .shipt_button[b-2a8vjiwc4g] {
    font-size:1em;
    font-weight:bold;
    line-height:1.56;
    letter-spacing:normal;
    text-align:center;
    width:100%;
  }
  .MyPreference h3[b-2a8vjiwc4g] {
    font-size:1em;
    font-weight:600;
    line-height:1.25;
    letter-spacing:-.27px;
  }
  .MyPreference .box_shadow[b-2a8vjiwc4g] {
    padding:16px;
  }
  .MyPreference .box_shadow .emailflex[b-2a8vjiwc4g] {
    display:flex;
    align-items:center;
  }
  .MyPreference .disp__flex_justify.col-sm-6[b-2a8vjiwc4g] {
    display:flex;
    align-items:center;
    width:50%;
    padding:3px;
  }
  .MyPreference .disp_flex[b-2a8vjiwc4g] {
    display:block;
  }
  .MyPreference .disp_flex_desk[b-2a8vjiwc4g] {
    display:block;
  }
  .MyPreference .link_sec[b-2a8vjiwc4g] {
    margin-left:0;
    margin-top:20px;
  }
  .MyPreference .boarder_style[b-2a8vjiwc4g] {
    border-bottom:1px solid #979797;
    border-right:none !important;
    padding-bottom:20px;
  }
  .MyPreference .receive__email-block[b-2a8vjiwc4g] {
    width:100%;
  }
  .MyPreference .receive__text-block[b-2a8vjiwc4g] {
    width:100%;
  }
}
@media(max-width:767px) {
  .MyPreference .MyPreference__interest label[b-2a8vjiwc4g] {
    font-size:.6875em;
  }
}
@media(max-width:767px) {
  .MyPreference label[b-2a8vjiwc4g] {
    font-size:.875em;
  }
}
@media only screen and (max-width:767px) {
  .myaccount-mobile h1[b-2a8vjiwc4g] {
    font-family: var(--wd-font-body);
    font-size:1.875em;
    line-height:1.17;
    letter-spacing:-.56px;
    color:var(--wd-color-brand-red);
    font-weight:bold;
  }
}
@media(max-width:350px) {
  .MyPreference .receive__email-block .padding_10[b-2a8vjiwc4g] {
    max-width:75%;
  }
}
@media(min-width:350px) and (max-width:1000px) {
  .MyPreference .receive__email-block .padding_10[b-2a8vjiwc4g] {
    max-width:85%;
  }
}
@media(min-width:1000px) and (max-width:1440px) {
  .MyPreference .receive__email-block .padding_10[b-2a8vjiwc4g] {
    max-width:90%;
  }
}
.MyPreference h1[b-2a8vjiwc4g],.MyPreference h2[b-2a8vjiwc4g],.MyPreference h3[b-2a8vjiwc4g],.MyPreference a[b-2a8vjiwc4g] {
  color:var(--wd-color-brand-red);
}
#MyPreferenceInterest input[type=checkbox]:checked+input+span[b-2a8vjiwc4g]:after {
  background-image:url("../../../Areas/V2/Images/add.svg");
}
#MyPreferenceInterest input[type=checkbox]+input+span[b-2a8vjiwc4g]:after {
  background-image:url("../../../Areas/V2/Images/add_plus.svg");
}
.MyPreference input[type=checkbox]:checked+span[b-2a8vjiwc4g]:after,.MyPreference input[type=checkbox]:checked+input+span[b-2a8vjiwc4g]:after {
  content:"";
  /* Site-standard red check (Areas/V2/Sass/Images/redtick.png, 20x22) — the same asset every other
     selection checkbox on the site uses (store-locator filters, coupon filters, recipe filters).
     The email section previously used a one-off Contentstack "check-icon-wdx-2x.png" (a red *circle
     badge* with a white tick), which was the only checkbox on the site not showing the plain red
     tick. redtick.png is exactly 20x22, so it fills the box at background-size:100% with no other
     geometry change. */
  background-image:url("../../../Areas/V2/Sass/Images/redtick.png");
  background-size:100%;
  background-repeat:no-repeat;
  display:inline-block;
  background-position:top right;
  vertical-align:middle;
  cursor:pointer;
  width:20px;
  height:22px;
  object-fit:contain;
  position:relative;
  top:-7px;
  left:4px;
}
.MyPreference .col-md-6[b-2a8vjiwc4g] {
  padding-left:0;
  padding-right:0;
}

/* ---- moved from inline style="" ---- */
.MyPreference .preference-save-status--spaced[b-2a8vjiwc4g] {
  margin-left:10px;
  font-style:italic;
}
.MyPreference .receipt-desc-text[b-2a8vjiwc4g] {
  background-color:#ffffff;
  color:rgba(0,0,0,.9);
}
.MyPreference .pointsLockModal--padded[b-2a8vjiwc4g] {
  padding-right:15px;
}
/* /Components/Pages/Account/MyProfile.razor.rz.scp.css */
/* Scoped to MyProfile.razor. Moved from the myprofile-wd + myAccountLeftMenu-wd page-specific
   <link> tags previously in this page's HeadContent — see MyReceipts.razor.css's header
   comment for the general pattern. The third <link> this page had
   (bundles/sass/WD/deleteaccount-wd.css — renamed from _deleteaccount-wd.min.css, same
   content, see sasscompiler.json) is intentionally LEFT AS-IS in MyProfile.razor:
   its markup (.myaccount-delete-section / .DeleteAccount-Main / .ConfirmDelete-Main) has no
   matching Razor component yet — the delete-account confirmation flow isn't built — so there's
   no component to scope it to. */

.myaccount-section[b-3xfyb5tg7g] {
  margin-top:50px;
}
.myaccount-main-section[b-3xfyb5tg7g] {
  padding:0 32px;
}
@media(min-width:768px) and (max-width:991px) {
  .myaccount-leftNav-section[b-3xfyb5tg7g] {
    padding-left:20px;
  }
  .myaccount-section[b-3xfyb5tg7g] {
    margin-top:40px;
  }
}
@media(min-width:992px) and (max-width:1200px) {
  .myaccount-leftNav-section[b-3xfyb5tg7g] {
    padding-left:32px;
  }
}
@media(min-width:100px) and (max-width:767px) {
  .container-fluid .container .myaccount-section[b-3xfyb5tg7g] {
    padding:0 22px;
  }
  .myaccount-section[b-3xfyb5tg7g] {
    margin-top:0;
  }
  .myaccount-main-section[b-3xfyb5tg7g] {
    padding:0;
  }
}

.MyProfile[b-3xfyb5tg7g] {
  font-family: var(--wd-font-body);
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  margin-bottom:64px;
  width:868px;
}
.MyProfile h1[b-3xfyb5tg7g] {
  font-family: var(--wd-font-body);
  font-size:2.875em;
  font-weight:bold;
  line-height:1.09;
  letter-spacing:-.59px;
  color:var(--wd-color-brand-red);
  margin:0 0 24px 0;
}
.MyProfile h2[b-3xfyb5tg7g] {
  font-size:1.375em;
  font-weight:bold;
  line-height:1.18;
  letter-spacing:-.25px;
  color:var(--wd-color-brand-red);
  font-family: var(--wd-font-body);
  margin:0 0 14px 0;
}
.MyProfile .MyProfile_boxshadow[b-3xfyb5tg7g] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  background-color:#fff;
  padding:32px;
  margin-bottom:32px;
}
.MyProfile input[b-3xfyb5tg7g],.MyProfile select[b-3xfyb5tg7g] {
  height:49px;
  border:solid 1px var(--wd-color-border);
  padding:10px;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
}
.MyProfile .col-md-6[b-3xfyb5tg7g] {
  padding-left:0;
  padding-right:0;
}
.MyProfile .txtbox_style[b-3xfyb5tg7g] {
  padding-bottom:20px;
  padding-top:20px;
  position:relative;
}
.MyProfile .textbox_zip[b-3xfyb5tg7g] {
  width:175px;
}
.MyProfile .textbox_state[b-3xfyb5tg7g] {
  width:237px;
  margin-left:30px;
  -webkit-appearance:none;
  appearance:none;
  -moz-appearance:none;
  cursor:pointer;
}
.MyProfile select[b-3xfyb5tg7g]::-ms-expand {
  display:none;
}
.MyProfile .selectArrow i[b-3xfyb5tg7g] {
  position:absolute;
  right:10px;
  top:35px;
  color:var(--wd-color-brand-red);
  font-size:15px;
  pointer-events:none;
}
.MyProfile .textbox_city[b-3xfyb5tg7g] {
  width:344px;
  margin-right:27px;
}
.MyProfile .textbox_sec1[b-3xfyb5tg7g] {
  width:380px;
}
.MyProfile .textbox_sec2[b-3xfyb5tg7g] {
  width:804px;
}
.MyProfile .textbox_lname[b-3xfyb5tg7g] {
  width:400px;
}
.MyProfile .textbox_conpwd[b-3xfyb5tg7g] {
  width:390px;
  margin-left:13px;
}
.MyProfile .textbox_curpwd[b-3xfyb5tg7g] {
  width:449px;
}
.MyProfile .textbox_pwd[b-3xfyb5tg7g] {
  width:390px;
}
.MyProfile .textbox_pin[b-3xfyb5tg7g] {
  width:45px;
  height:45px;
  margin-right:15px;
  padding-left:15px;
}
.MyProfile .textbox_dob_d[b-3xfyb5tg7g] {
  width:112px;
  height:52px;
  margin-right:18px;
}
@media(min-width:768px) and (max-width:992px) {
  .MyProfile .textbox_dob_d[b-3xfyb5tg7g] {
    width:66px !important;
    margin-right:9px !important;
  }
}
.MyProfile .textbox_dob_y[b-3xfyb5tg7g] {
  width:121px;
  height:52px;
}
@media(min-width:768px) and (max-width:992px) {
  .MyProfile .textbox_dob_y[b-3xfyb5tg7g] {
    width:75px !important;
  }
}
.MyProfile button[b-3xfyb5tg7g] {
  width:189px;
  height:49px;
  background-color:#fff;
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.39;
  letter-spacing:-.03px;
  text-align:center;
  border:1px solid var(--wd-color-brand-red);
  border-radius:4px;
}
.MyProfile .button_per_info[b-3xfyb5tg7g] {
  margin:37px 0 0 0;
}
.MyProfile .button_pwd[b-3xfyb5tg7g],.MyProfile .button_deleteAcc[b-3xfyb5tg7g] {
  margin:32px 0 0;
}
.MyProfile .button_pin[b-3xfyb5tg7g] {
  margin-top:12px;
}
.MyProfile .txtbox_label[b-3xfyb5tg7g] {
  font-size:.875em;
  font-weight:normal;
  line-height:1.14;
  letter-spacing:normal;
  color:var(--wd-color-text);
  position:absolute;
  background-color:#fff;
  top:12px;
  padding:0 6px;
}
.MyProfile .bday_label[b-3xfyb5tg7g] {
  font-size:.875em;
  font-weight:normal;
  font-style:italic;
  line-height:1.71;
  letter-spacing:normal;
  color:var(--wd-color-text);
}
.MyProfile .pwd_des[b-3xfyb5tg7g],.MyProfile .pin_desc[b-3xfyb5tg7g],.MyProfile .del_sec[b-3xfyb5tg7g] {
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
}
.MyProfile .pin_desc[b-3xfyb5tg7g] {
  color:#575759;
  margin-bottom:24px;
}
.MyProfile .pwd_info[b-3xfyb5tg7g] {
  font-size:.875em;
  font-weight:normal;
  line-height:1.29;
  letter-spacing:normal;
  color:var(--wd-color-text);
  margin-top:8px;
}
.MyProfile .txtbox_label_dis[b-3xfyb5tg7g] {
  display:table;
}
.MyProfile .txtbox_lbl_none[b-3xfyb5tg7g] {
  display:none;
  position:absolute;
  background-color:#fff;
  top:12px;
  padding:0 6px;
}
.MyProfile .dob_sec[b-3xfyb5tg7g] {
  align-items:flex-start;
  display:flex;
}
.MyProfile .dob_sec_div[b-3xfyb5tg7g] {
  align-items:center;
  display:flex;
  text-align:right;
}
.MyProfile .dob__label[b-3xfyb5tg7g] {
  font-size:.875em;
  font-weight:normal;
  font-stretch:normal;
  letter-spacing:normal;
  font-style:italic;
  line-height:1.43;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
}
.MyProfile .state_label[b-3xfyb5tg7g],.MyProfile .error_state[b-3xfyb5tg7g] {
  margin-left:30px;
}
.MyProfile .error_msg[b-3xfyb5tg7g] {
  display:none;
  font-size:.75em;
  font-weight:normal;
  line-height:1.33;
  letter-spacing:.3px;
  color:var(--wd-color-brand-red);
  padding-top:5px;
}
.MyProfile .apierror_msg[b-3xfyb5tg7g] {
  font-size:.75em;
  font-weight:normal;
  line-height:1.33;
  letter-spacing:.3px;
  color:var(--wd-color-brand-red);
  padding-top:5px;
}
.MyProfile .noneditable[b-3xfyb5tg7g] {
  pointer-events:none;
  color:var(--wd-color-text);
  background-color:#ccc;
}
.MyProfile .error_lbl[b-3xfyb5tg7g] {
  color:var(--wd-color-brand-red);
}
.MyProfile .error_txtbox[b-3xfyb5tg7g] {
  border:solid 1px var(--wd-color-primary-hover);
}
.MyProfile .fa-eye-slash__pwd[b-3xfyb5tg7g] {
  position:absolute;
  top:4px;
  padding:10px 15px;
  font-size:1.375em;
  color:#6d6d6d;
  right:0;
}
.MyProfile .fa-eye-slash__pwd:focus[b-3xfyb5tg7g] {
  outline:2px solid var(--wd-color-focus-ring);
}
.MyProfile .crnt__pwd[b-3xfyb5tg7g] {
  position:relative;
  width:449px;
}
.MyProfile .con__pwd[b-3xfyb5tg7g] {
  position:relative;
  width:390px;
}
.MyProfile #eye_cpwd[b-3xfyb5tg7g] {
  margin-right:-10px;
}
.MyProfile .txt__pwd__lbl[b-3xfyb5tg7g],.MyProfile .txt__cpwd__lbl[b-3xfyb5tg7g] {
  top:-8%;
}
.MyProfile #invalid_txt_dob[b-3xfyb5tg7g],.MyProfile #error_txt_dob[b-3xfyb5tg7g] {
  text-align:left;
  position:absolute;
}
.MyProfile .pin_labl[b-3xfyb5tg7g] {
  font-size:.875em;
  line-height:1.43;
  letter-spacing:-.25px;
  font-weight:normal;
  padding-top:15px;
}
.MyProfile .pin_textbox[b-3xfyb5tg7g] {
  padding-bottom:0;
}
.MyProfile .button_pin[b-3xfyb5tg7g] {
  margin-top:32px;
}
.MyProfile button:disabled[b-3xfyb5tg7g] {
  border:solid 1px #979797;
  color:var(--wd-color-text);
  pointer-events:none;
}
.MyProfile button:hover[b-3xfyb5tg7g] {
  border:solid 1px;
  background-color:var(--wd-color-brand-red);
  color:#fff;
  display:inline-block;
}
.MyProfile button:focus[b-3xfyb5tg7g] {
  outline:2px solid var(--wd-color-focus-ring);
  outline-offset:-2px !important;
}
.MyProfile .hidden-label[b-3xfyb5tg7g] {
  position:absolute !important;
  clip:rect(1px 1px 1px 1px);
  clip:rect(1px,1px,1px,1px);
  padding:0 !important;
  border:0 !important;
  height:1px !important;
  width:1px !important;
  overflow:hidden;
}
.MyProfile .alert-dismissible .close[b-3xfyb5tg7g] {
  position:relative;
  top:-2px;
  right:-21px;
  color:inherit;
  float:right;
}
.MyProfile .alert-dismissible .rewardsection[b-3xfyb5tg7g] {
  margin-right:51px;
}
.MyProfile .alert-success[b-3xfyb5tg7g] {
  color:#fff;
  background-color:#333;
  border-color:#333;
  text-align:center;
  padding:10px 35px 10px;
}
.MyProfile #lblExError_pwd[b-3xfyb5tg7g] {
  position:absolute;
  margin-top:-50px;
}
.MyProfile .pb_30[b-3xfyb5tg7g] {
  padding-bottom:30px;
}
@media(max-width:767px) {
  .MyProfile .pb_30[b-3xfyb5tg7g] {
    padding-bottom:0;
  }
}
.MyProfile .AlcoholOffer_head[b-3xfyb5tg7g] {
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.43;
  letter-spacing:-.25px;
  font-size:.875em;
  color:var(--wd-color-text);
}
.MyProfile .AlcoholOffer_tick-box[b-3xfyb5tg7g] {
  opacity:0;
}
.MyProfile .alcohol_label[b-3xfyb5tg7g] {
  margin:8px 1px 0 0;
  font-size:.875em;
  line-height:1.43;
  letter-spacing:-.25px;
  padding:0;
}
@media(max-width:991px) {
  .MyProfile .alcohol_label[b-3xfyb5tg7g] {
    font-size:.75em;
  }
}
.MyProfile .mt-5[b-3xfyb5tg7g] {
  margin-top:5px;
}
@media(min-width:1241px) {
  .MyProfile .mt-5[b-3xfyb5tg7g] {
    width:391px;
  }
}
.MyProfile .AlcoholOffer[b-3xfyb5tg7g] {
  margin:0;
  font-size:.875em;
  line-height:1.43;
  letter-spacing:-.25px;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  color:var(--wd-color-text);
}
@media(max-width:767px) {
  .MyProfile .AlcoholOffer[b-3xfyb5tg7g] {
    margin:16px 0 0 0;
  }
}
.MyProfile .AlcoholOffer_head[b-3xfyb5tg7g] {
  margin:10px 19px 0 0;
  font-size:.875em;
  line-height:1.43;
  letter-spacing:-.23px;
  width:320px;
}
@media(max-width:767px) {
  .MyProfile .AlcoholOffer_head[b-3xfyb5tg7g] {
    margin:8px 0 0 1px;
    width:auto;
  }
}
@media(min-width:768px) and (max-width:992px) {
  .MyProfile .AlcoholOffer_head[b-3xfyb5tg7g] {
    margin:10px 0 0 0;
    width:179px;
  }
}
.MyProfile .w-389[b-3xfyb5tg7g] {
  width:389px;
}
@media(max-width:991px) {
  .MyProfile .w-389[b-3xfyb5tg7g] {
    width:100%;
  }
}
.MyProfile .w-433[b-3xfyb5tg7g] {
  width:433px;
}
@media(max-width:991px) {
  .MyProfile .w-433[b-3xfyb5tg7g] {
    width:100%;
  }
}
.MyProfile .AlcoholOffer_div[b-3xfyb5tg7g] {
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.MyProfile .AlcoholOffer_label[b-3xfyb5tg7g] {
  margin:8px 1px 0 0;
  font-size:.875em;
  line-height:1.43;
  letter-spacing:-.25px;
  padding:0;
}
.MyProfile .Alcohol_hide[b-3xfyb5tg7g] {
  display:none;
}
@media(max-width:767px) {
  .MyProfile #alcoholinformation[b-3xfyb5tg7g] {
    min-height:86px;
  }
}
.MyProfile .AlcoholOffer-switch[b-3xfyb5tg7g] {
  position:relative;
  display:inline-block;
  width:44px;
  height:24px;
  top:6px;
}
@media(max-width:320px) {
  .MyProfile .AlcoholOffer-switch[b-3xfyb5tg7g] {
    top:-45px;
    left:-18px;
  }
}
@media(min-width:321px) and (max-width:599px) {
  .MyProfile .AlcoholOffer-switch[b-3xfyb5tg7g] {
    top:-35px;
    left:-18px;
  }
}
@media(min-width:600px) and (max-width:767px) {
  .MyProfile .AlcoholOffer-switch[b-3xfyb5tg7g] {
    top:-25px;
    left:-18px;
  }
}
.MyProfile .AlcoholOffer-switch:focus[b-3xfyb5tg7g] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:1px;
  display:inline-block;
}
.MyProfile .AlcoholOffer-switch input[type=checkbox][b-3xfyb5tg7g] {
  opacity:0;
}
.MyProfile .AlcoholOffer-switch input[type=checkbox]:focus:checked~span[b-3xfyb5tg7g],.MyProfile .AlcoholOffer-switch input[type=checkbox]:focus:not(:checked)~span[b-3xfyb5tg7g] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
  transition:none;
}
.MyProfile .AlcoholOffer-switch input[b-3xfyb5tg7g] {
  opacity:0;
  width:0;
  height:0;
}
.MyProfile .AlcoholOffer-switch .AlcoholOffer-switch-slider[b-3xfyb5tg7g] {
  position:absolute;
  cursor:pointer;
  top:0;
  left:0;
  right:-2px;
  bottom:0;
  background-color:#ccc;
  -webkit-transition:.4s;
  transition:.4s;
  width:44px;
  height:24px;
}
.MyProfile .AlcoholOffer-switch .AlcoholOffer-switch-slider[b-3xfyb5tg7g]::before {
  position:absolute;
  content:"";
  height:18px;
  width:20px;
  left:3px;
  bottom:3px;
  background-color:#fff;
  -webkit-transition:.4s;
  transition:.4s;
}
.MyProfile .AlcoholOffer-switch .AlcoholOffer_tick-box:checked+input+.AlcoholOffer-switch-slider[b-3xfyb5tg7g] {
  background-color:var(--wd-color-brand-red);
}
.MyProfile .AlcoholOffer-switch .AlcoholOffer_tick-box:focus+input+.AlcoholOffer-switch-slider[b-3xfyb5tg7g] {
  box-shadow:0 0 1px var(--wd-color-brand-red);
}
.MyProfile .AlcoholOffer-switch .AlcoholOffer_tick-box:checked+input+.AlcoholOffer-switch-slider[b-3xfyb5tg7g]:before {
  -webkit-transform:translateX(20px);
  -ms-transform:translateX(20px);
  transform:translateX(20px);
}
.MyProfile .AlcoholOffer-switch .AlcoholOffer_tick-box:disabled~.AlcoholOffer-switch-slider[b-3xfyb5tg7g] {
  cursor:default;
}
.MyProfile .AlcoholOffer-switch .AlcoholOffer-switch-slider.AlcoholOffer_round[b-3xfyb5tg7g] {
  border-radius:34px;
}
.MyProfile .AlcoholOffer-switch .AlcoholOffer-switch-slider.AlcoholOffer_round[b-3xfyb5tg7g]:before {
  border-radius:50%;
}
.MyProfile .alcoholoffercondition[b-3xfyb5tg7g] {
  margin:16px 16px 0 0;
  font-size:.75em;
  letter-spacing:-.25px;
  line-height:1.5;
  color:var(--wd-color-text);
  width:300px;
}

/* ---- moved from inline style="" ---- */
.MyProfile .alcoholinformation--visible[b-3xfyb5tg7g] {
  display:block;
}
.MyProfile .alcoholoffercondition--hidden[b-3xfyb5tg7g] {
  display:none;
}
.MyProfile .txtbox_label--hidden[b-3xfyb5tg7g] {
  display:none;
}
@media(max-width:991px) {
  .MyProfile .alcoholoffercondition[b-3xfyb5tg7g] {
    margin:16px 0 0 0;
    width:auto;
  }
}
.zoomTxt input[b-3xfyb5tg7g],.zoomTxt select[b-3xfyb5tg7g],.zoomTxt button[b-3xfyb5tg7g] {
  width:auto;
  height:auto;
}
@media only screen and (max-width:991px) {
  .MyProfile[b-3xfyb5tg7g] {
    width:100%;
  }
  .MyProfile button[b-3xfyb5tg7g] {
    width:100%;
  }
  .MyProfile input[b-3xfyb5tg7g],.MyProfile select[b-3xfyb5tg7g],.MyProfile .textbox_pwd[b-3xfyb5tg7g],.MyProfile .textbox_curpwd[b-3xfyb5tg7g],.MyProfile .textbox_conpwd[b-3xfyb5tg7g],.MyProfile .textbox_lname[b-3xfyb5tg7g],.MyProfile .textbox_zip[b-3xfyb5tg7g],.MyProfile .textbox_state[b-3xfyb5tg7g],.MyProfile .textbox_city[b-3xfyb5tg7g],.MyProfile .textbox_sec1[b-3xfyb5tg7g],.MyProfile .textbox_sec2[b-3xfyb5tg7g] {
    width:100%;
    margin-left:0;
    margin-right:0;
  }
  .MyProfile .button_per_info[b-3xfyb5tg7g],.MyProfile .button_pin[b-3xfyb5tg7g],.MyProfile .button_pwd[b-3xfyb5tg7g],.MyProfile .button_deleteAcc[b-3xfyb5tg7g] {
    height:46px;
    font-size:1em;
    line-height:1.56;
    letter-spacing:normal;
  }
  .MyProfile input[b-3xfyb5tg7g] {
    width:46px;
  }
  .MyProfile .MyProfile_boxshadow[b-3xfyb5tg7g] {
    padding:18px;
  }
  .MyProfile .textbox_dob_d[b-3xfyb5tg7g] {
    width:45px;
    height:45px;
  }
  .MyProfile .textbox_dob_y[b-3xfyb5tg7g] {
    width:60px;
    height:45px;
  }
  .MyProfile .txtbox_style[b-3xfyb5tg7g] {
    padding-bottom:15px;
    padding-top:15px;
  }
  .MyProfile .pin_textbox[b-3xfyb5tg7g] {
    padding-bottom:0;
  }
  .MyProfile .state_label[b-3xfyb5tg7g],.MyProfile .error_state[b-3xfyb5tg7g],.MyProfile .zip_label[b-3xfyb5tg7g],.MyProfile .textbox_dob_d[b-3xfyb5tg7g],.MyProfile .error_zip[b-3xfyb5tg7g] {
    margin-left:0;
  }
  .MyProfile h1[b-3xfyb5tg7g] {
    font-size:1.875em;
    line-height:1.17;
    letter-spacing:-.56px;
    margin:16px 0 24px 0;
  }
  .MyProfile h2[b-3xfyb5tg7g] {
    font-size:1.125em;
    line-height:1.22;
    letter-spacing:-.25px;
  }
  .MyProfile input[b-3xfyb5tg7g],.MyProfile select[b-3xfyb5tg7g] {
    font-size:.875em;
    line-height:1.43;
    letter-spacing:normal;
  }
  .MyProfile .txtbox_label[b-3xfyb5tg7g] {
    font-size:.75em;
    line-height:1.33;
    letter-spacing:normal;
  }
  .MyProfile .pwd_des[b-3xfyb5tg7g],.MyProfile .pin_desc[b-3xfyb5tg7g],.MyProfile .del_sec[b-3xfyb5tg7g] {
    font-size:.875em;
    line-height:1.43;
    letter-spacing:-.25px;
  }
  .MyProfile .pwd_info[b-3xfyb5tg7g] {
    font-size:.625em;
    line-height:1.2;
    letter-spacing:normal;
  }
  .MyProfile .fa-eye-slash__pwd[b-3xfyb5tg7g] {
    width:18px;
    height:16px;
    display:table;
  }
  .MyProfile #eye_cpwd[b-3xfyb5tg7g] {
    margin-right:0;
  }
  .MyProfile .pin_labl[b-3xfyb5tg7g] {
    font-size:.75em;
    line-height:1.33;
    letter-spacing:-.25px;
    margin-top:15px;
  }
  .MyProfile .dob_sec_div[b-3xfyb5tg7g],.MyProfile .dob_sec[b-3xfyb5tg7g] {
    display:block;
  }
  .MyProfile .dob_sec_div[b-3xfyb5tg7g] {
    text-align:start;
  }
  .MyProfile .crnt__pwd[b-3xfyb5tg7g],.MyProfile .con__pwd[b-3xfyb5tg7g] {
    width:100%;
  }
  .MyProfile .txt__cpwd__lbl[b-3xfyb5tg7g] {
    margin-left:0;
  }
  .MyProfile #invalid_txt_dob[b-3xfyb5tg7g] {
    margin-left:0;
    position:relative;
  }
  .MyProfile #error_txt_dob[b-3xfyb5tg7g] {
    padding-left:0;
    position:relative;
  }
}
@media(min-width:992px) and (max-width:1240px) {
  .MyProfile[b-3xfyb5tg7g] {
    width:100%;
  }
  .MyProfile h2[b-3xfyb5tg7g] {
    font-size:1.125em;
  }
  .MyProfile .textbox_sec2[b-3xfyb5tg7g],.MyProfile .textbox_lname[b-3xfyb5tg7g],.MyProfile .textbox_city[b-3xfyb5tg7g] {
    width:100%;
  }
  .MyProfile .textbox_dob_d[b-3xfyb5tg7g] {
    width:27%;
  }
  .MyProfile .textbox_dob_y[b-3xfyb5tg7g] {
    width:27%;
  }
  .MyProfile .textbox_pwd[b-3xfyb5tg7g],.MyProfile .textbox_conpwd[b-3xfyb5tg7g] {
    width:80%;
  }
  .MyProfile .textbox_state[b-3xfyb5tg7g] {
    margin-left:15px;
    width:92%;
  }
  .MyProfile .textbox_zip[b-3xfyb5tg7g] {
    width:90%;
  }
  .MyProfile .textbox_sec1[b-3xfyb5tg7g] {
    width:90%;
  }
  .MyProfile .con__pwd[b-3xfyb5tg7g] {
    margin-right:70px;
  }
  .MyProfile #eye_npwd[b-3xfyb5tg7g] {
    margin-right:84px;
  }
  .MyProfile #eye_cpwd[b-3xfyb5tg7g] {
    margin-right:64px;
  }
  .MyProfile .state_label[b-3xfyb5tg7g],.MyProfile .error_state[b-3xfyb5tg7g] {
    margin-left:15px;
  }
  .MyProfile .txt__cpwd__lbl[b-3xfyb5tg7g] {
    margin-left:9px;
  }
  .MyProfile .dob_sec_div[b-3xfyb5tg7g] {
    text-align:start;
    margin-bottom:15px;
  }
}
@media only screen and (max-width:767px) {
  .myaccount-mobile h1[b-3xfyb5tg7g] {
    font-size:1.875em;
    line-height:1.17;
    letter-spacing:-.56px;
    margin:16px 0 24px 0;
    font-family: var(--wd-font-body);
    font-weight:bold;
    color:var(--wd-color-brand-red);
  }
}
.MyProfile button[b-3xfyb5tg7g] {
  border:1px solid var(--wd-color-brand-red);
}
/* /Components/Pages/Account/MyReceiptDetail.razor.rz.scp.css */
.receipt-heading[b-ihperhjrtz] {
  margin-top: 35px;
}

.receipt-heading h1[b-ihperhjrtz] {
  font-size: 28px;
  font-weight: 700;
  color: var(--wd-color-text);
  margin: 0 0 16px;
}

.receipt-links[b-ihperhjrtz] {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
}

.receipt-action[b-ihperhjrtz] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  background: none;
  padding: 0;
  color: var(--wd-color-link);
  text-decoration: underline;
  font-size: 16px;
  cursor: pointer;
}

/* .rgtContent (wwwroot/scss/_app-wd-legacy-content.scss) is normally paired with "pull-right"
   to float the content beside a left nav — this page dropped its left nav, so that float would
   otherwise pin the whole 960px-capped block (and the centered iframe inside it) to the right
   edge of the page instead of centering it. Centered here instead, scoped to just this page. */
.rgtContent[b-ihperhjrtz] {
  float: none;
  margin: 0 auto;
}

/* Legacy (_receiptDetail.scss's .receipt-detail-Main) — same class names, same breakpoints,
   just wrapping our sandboxed iframe instead of legacy's raw-HTML div directly: the iframe fills
   100% of .receipt-content, so .receipt-content's own width is what actually constrains it. */
.receipt-case[b-ihperhjrtz] {
  display: flex;
  justify-content: center;
}

.receipt-content[b-ihperhjrtz] {
  padding: 0;
  margin-bottom: 20px;
  width: 59% !important;
}

@media (min-width: 768px) and (max-width: 991px) {
  .receipt-content[b-ihperhjrtz] {
    width: 50% !important;
  }
}

@media (max-width: 767px) {
  .receipt-content[b-ihperhjrtz] {
    width: 100% !important;
  }
}

/* Placeholder height until the iframe's onload reports its real content height (see
   wwwroot/js/receiptResize.js) — an inline style set on the element itself then overrides this,
   so the page grows/scrolls with the receipt instead of the receipt scrolling inside the frame. */
.receipt-detail-frame[b-ihperhjrtz] {
  width: 100%;
  height: 900px;
  border: 0;
}

.receipt-not-found[b-ihperhjrtz] {
  color: var(--wd-color-text);
}
/* /Components/Pages/Account/MyReceipts.razor.rz.scp.css */
/* Scoped to MyReceipts.razor. Moved from two page-specific <link> tags previously in this
   page's HeadContent:
     - wwwroot/scss/WD/myReceipts-wd.scss                 (this page's own content, in full)
     - wwwroot/scss/WD/myAccountLeftMenu-wd.scss           (only the .myaccount-section /
       .myaccount-main-section / .myaccount-leftNav-section page-shell rules this page's own
       markup uses — see MyAccount.razor.css's header comment for why the .account__leftmenu
       rules from that file live in Shared/AccountLeftMenu.razor.css instead)

   wwwroot/scss/WD/myAccountLeftMenu-wd.scss is intentionally left in place — MyPreferences /
   MyProfile / MyRewards still link its compiled bundle directly until they're migrated too. */

.myaccount-section[b-385bimoe06] {
  margin-top:50px;
}
.myaccount-main-section[b-385bimoe06] {
  padding:0 32px;
}
@media(min-width:768px) and (max-width:991px) {
  .myaccount-leftNav-section[b-385bimoe06] {
    padding-left:20px;
  }
  .myaccount-section[b-385bimoe06] {
    margin-top:40px;
  }
}
@media(min-width:992px) and (max-width:1200px) {
  .myaccount-leftNav-section[b-385bimoe06] {
    padding-left:32px;
  }
}
@media(min-width:100px) and (max-width:767px) {
  .container-fluid .container .myaccount-section[b-385bimoe06] {
    padding:0 22px;
  }
  .myaccount-section[b-385bimoe06] {
    margin-top:0;
  }
  .myaccount-main-section[b-385bimoe06] {
    padding:0;
  }
}

.MyReceipts .MyReceiptsSection[b-385bimoe06] {
  margin-bottom:50px;
}
.MyReceipts .MyReceiptsSection .scroll_ddl[b-385bimoe06] {
  overflow:scroll;
  height:370px;
  overflow-x:hidden;
}
@media(min-width:992px) {
  .MyReceipts .MyReceiptsSection .scroll_ddl[b-385bimoe06] {
    height:340px;
  }
}
.MyReceipts .MyReceiptsSection .no-receipt .dot-line-box[b-385bimoe06] {
  border:dotted 1px #979797;
  text-align:center;
  padding:50px;
  margin:-7px 0 30px 0;
}
@media(min-width:992px) {
  .MyReceipts .MyReceiptsSection .no-receipt .dot-line-box[b-385bimoe06] {
    padding:100px;
  }
}
.MyReceipts .MyReceiptsSection .no-receipt .dot-line-box h3[b-385bimoe06] {
  font-family: var(--wd-font-body);
  font-size:1.375em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.36;
  letter-spacing:-.31px;
  text-align:center;
  color:var(--wd-color-text);
}
.MyReceipts .MyReceiptsSection .no-receipt .dot-line-box p[b-385bimoe06] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  text-align:center;
  color:var(--wd-color-text);
}
.MyReceipts .MyReceiptsSection .no-receipt .dot-line-box img[b-385bimoe06] {
  width:auto;
}
.MyReceipts .MyReceiptsSection .pd-0[b-385bimoe06] {
  padding-left:0 !important;
  padding-right:0 !important;
}
.MyReceipts .MyReceiptsSection .receipt-main h2[b-385bimoe06] {
  font-family: var(--wd-font-body);
  font-size:46px;
  font-weight:bold;
  margin-bottom:25px;
  color:var(--wd-color-text);
  margin:0 0 24px 0;
}
@media(max-width:767px) {
  .MyReceipts .MyReceiptsSection .receipt-main h2[b-385bimoe06] {
    font-size:30px;
  }
}
@media(min-width:767px) and (max-width:992px) {
  .MyReceipts .MyReceiptsSection .receipt-main h2[b-385bimoe06] {
    font-size:34px;
  }
}
.MyReceipts .MyReceiptsSection .receipt-main .myreceiptsheaderLabel[b-385bimoe06] {
  display:flex;
}
@media(min-width:1199px) {
  .MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv[b-385bimoe06] {
    padding-right:10px;
  }
}
.MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .box_shadow[b-385bimoe06] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  background-color:#fff;
  padding:32px;
  margin-bottom:32px;
}
@media(min-width:1199px) {
  .MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec[b-385bimoe06] {
    height:253px;
  }
}
.MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec .receipt_label[b-385bimoe06] {
  font-size:.938em;
  font-weight:600;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
}
@media(max-width:767px) {
  .MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec .receipt_label[b-385bimoe06] {
    padding-right:30px;
  }
}
.MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec .shipt_head[b-385bimoe06] {
  margin:0;
  font-size:1.375em;
  line-height:1.18;
  letter-spacing:-.25px;
  color:var(--wd-color-brand-red);
  font-family: var(--wd-font-body);
  margin:0 0 14px 0;
  font-weight:bold;
}
.MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec .receipt_desc[b-385bimoe06] {
  margin-bottom:21px;
  padding-right:85px;
}

/* ---- moved from inline style="" ---- */
.MyReceipts .receipt-desc-text[b-385bimoe06] {
  background-color:#ffffff;
  color:rgba(0,0,0,.9);
}
.MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec .inline[b-385bimoe06] {
  display:flex;
}
.MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec .e-receipt-switch[b-385bimoe06] {
  position:relative;
  display:inline-block;
  width:44px;
  height:24px;
  top:0;
}
.MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec .e-receipt-switch:focus[b-385bimoe06] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:1px;
  display:inline-block;
}
.MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec .e-receipt-switch input[type=checkbox][b-385bimoe06] {
  opacity:0;
}
.MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec input[type=checkbox]:checked+span[b-385bimoe06]:after,.MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec input[type=checkbox]:checked+input+span[b-385bimoe06]:after {
  content:"";
  background-image:none;
}
.MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec .e-receipt-switch input[type=checkbox]:focus:checked~span[b-385bimoe06],.MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec .e-receipt-switch input[type=checkbox]:focus:not(:checked)~span[b-385bimoe06] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
  transition:none;
}
.MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec .e-receipt-switch input[b-385bimoe06] {
  opacity:0;
  width:0;
  height:0;
}
.MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec .e-receipt-switch .e-receipt-switch-slider[b-385bimoe06] {
  position:absolute;
  cursor:pointer;
  top:0;
  left:13px;
  right:-2px;
  bottom:0;
  background-color:var(--wd-color-border);
  -webkit-transition:.4s;
  transition:.4s;
  width:44px;
  height:24px;
}
@media(max-width:767px) {
  .MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec .e-receipt-switch .e-receipt-switch-slider[b-385bimoe06] {
    left:-17px;
  }
}
@media(min-width:991px) and (max-width:1199px) {
  .MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec .e-receipt-switch .e-receipt-switch-slider[b-385bimoe06] {
    left:81px;
  }
}
@media(min-width:768px) and (max-width:991px) {
  .MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec .e-receipt-switch .e-receipt-switch-slider[b-385bimoe06] {
    left:33px;
  }
}
.MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec .e-receipt-switch .e-receipt-switch-slider[b-385bimoe06]::before {
  position:absolute;
  content:"";
  height:18px;
  width:20px;
  left:3px;
  bottom:3px;
  background-color:#fff;
  -webkit-transition:.4s;
  transition:.4s;
}
.MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec .e-receipt-switch input:checked+.e-receipt-switch-slider[b-385bimoe06] {
  background-color:var(--wd-color-brand-red);
}
.MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec .e-receipt-switch input:focus+.e-receipt-switch-slider[b-385bimoe06] {
  box-shadow:0 0 1px var(--wd-color-brand-red);
}
.MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec .e-receipt-switch input:checked+.e-receipt-switch-slider[b-385bimoe06]:before {
  -webkit-transform:translateX(18px);
  -ms-transform:translateX(18px);
  transform:translateX(18px);
}
.MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec .e-receipt-switch .e-receipt-switch-slider.round[b-385bimoe06] {
  border-radius:34px;
}
.MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv .receipt_sec .e-receipt-switch .e-receipt-switch-slider.round[b-385bimoe06]:before {
  border-radius:50%;
}
@media(min-width:1199px) {
  .MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv.gopaperless_only[b-385bimoe06] {
    padding-right:0;
  }
}
@media(min-width:1199px) {
  .MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv.gopaperless_only .receipt_sec[b-385bimoe06] {
    height:auto;
  }
}
.MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv.gopaperless_only .receipt_sec .e-receipt-switch .e-receipt-switch-slider[b-385bimoe06] {
  position:absolute;
  cursor:pointer;
  top:0;
  left:81px;
  right:-2px;
  bottom:0;
  background-color:var(--wd-color-border);
  -webkit-transition:.4s;
  transition:.4s;
  width:44px;
  height:24px;
}
@media(max-width:767px) {
  .MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv.gopaperless_only .receipt_sec .e-receipt-switch .e-receipt-switch-slider[b-385bimoe06] {
    left:-17px;
  }
}
@media(min-width:991px) and (max-width:1199px) {
  .MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv.gopaperless_only .receipt_sec .e-receipt-switch .e-receipt-switch-slider[b-385bimoe06] {
    left:81px;
  }
}
@media(min-width:768px) and (max-width:991px) {
  .MyReceipts .MyReceiptsSection .receipt-main .e_receiptsdiv.gopaperless_only .receipt_sec .e-receipt-switch .e-receipt-switch-slider[b-385bimoe06] {
    left:33px;
  }
}
.MyReceipts .MyReceiptsSection .receipt-main .pd-0[b-385bimoe06] {
  padding-left:0 !important;
  padding-right:0 !important;
}
.MyReceipts .MyReceiptsSection .receipt-main .reward_left[b-385bimoe06] {
  float:right;
  margin-top:25px;
}
@media(max-width:992px) {
  .MyReceipts .MyReceiptsSection .receipt-main .reward_left[b-385bimoe06] {
    padding-left:0;
    margin-top:11px;
    padding-bottom:21px;
  }
}
@media(min-width:992px) {
  .MyReceipts .MyReceiptsSection .receipt-main .reward_left[b-385bimoe06] {
    text-align:right;
  }
}
.MyReceipts .MyReceiptsSection .receipt-main .reward_left .rewards[b-385bimoe06] {
  font-weight:bold;
  color:var(--wd-color-text);
}
.MyReceipts .MyReceiptsSection .receipt-main .reward_left .reward_font[b-385bimoe06] {
  font-weight:normal;
  color:var(--wd-color-text);
}
.MyReceipts .MyReceiptsSection .receipt-main .slider-arrows[b-385bimoe06] {
  text-align:center;
  padding-top:24px;
}
.MyReceipts .MyReceiptsSection .receipt-main .slider-arrows .paginate[b-385bimoe06] {
  position:relative;
  left:-40px;
  width:10px;
  height:22px;
  background-color:transparent;
  border:none;
  height:15px;
  background-size:contain;
  background-repeat:no-repeat;
  padding:8px;
  background-position:center;
  font-size:0;
  position:inherit;
}
.MyReceipts .MyReceiptsSection .receipt-main .slider-arrows .paginate.left[b-385bimoe06] {
  background-image:url("/Areas/V2/Images/WR-left-arrow.png");
}
.MyReceipts .MyReceiptsSection .receipt-main .slider-arrows .paginate.left[disabled][b-385bimoe06] {
  background-image:url("/Areas/V2/Images/left-arrow-disabled.png");
}
.MyReceipts .MyReceiptsSection .receipt-main .slider-arrows .paginate.right[b-385bimoe06] {
  background-image:url("/Areas/V2/Images/WR-right-arrow.png");
}
.MyReceipts .MyReceiptsSection .receipt-main .slider-arrows .paginate.right[disabled][b-385bimoe06] {
  background-image:url("/Areas/V2/Images/right-arrow-disabled.png");
}
.MyReceipts .MyReceiptsSection .receipt-main .slider-arrows .drop-select[b-385bimoe06] {
  background-color:#fff;
  border:none;
  height:40px;
  position:relative;
  margin:0 60px;
  padding:0 5px;
}
.MyReceipts .MyReceiptsSection .receipt-main .slider-arrows .drop-select label[b-385bimoe06] {
  font-weight:400;
}
@media(max-width:767px) {
  .MyReceipts .MyReceiptsSection .receipt-main .slider-arrows .drop-select[b-385bimoe06] {
    margin:0 10px;
  }
}
.MyReceipts .MyReceiptsSection .receipt-main .slider-arrows .drop-select a.btn[b-385bimoe06] {
  color:var(--wd-color-brand-red);
  font-family: var(--wd-font-body);
  font-weight:normal;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
  font-size:1em;
  letter-spacing:-.22px;
  padding:12px 25px 10px 0;
  box-shadow:none;
  text-decoration:none;
  cursor:pointer;
}
.MyReceipts .MyReceiptsSection .receipt-main .slider-arrows .drop-select a.btn:focus[b-385bimoe06] {
  transition:none;
}
@media(max-width:991px) {
  .MyReceipts .MyReceiptsSection .receipt-main .slider-arrows .drop-select a.btn[b-385bimoe06] {
    font-size:.875em;
  }
}
.MyReceipts .MyReceiptsSection .receipt-main .slider-arrows .drop-select .open>.dropdown-menu[b-385bimoe06] {
  display:block;
  width:100%;
}
.MyReceipts .MyReceiptsSection .receipt-main .slider-arrows .drop-select li.dropdown-submenu:hover ul[b-385bimoe06] {
  display:block;
  left:100%;
  color:var(--wd-color-text);
}
.MyReceipts .MyReceiptsSection .receipt-main .slider-arrows .drop-select .dropdown-submenu[b-385bimoe06] {
  position:relative;
}
.MyReceipts .MyReceiptsSection .receipt-main .slider-arrows .drop-select .dropdown-submenu:hover .dropdown-menu[b-385bimoe06] {
  top:0;
}
.MyReceipts .MyReceiptsSection .receipt-main .slider-arrows .drop-select span.caret[b-385bimoe06] {
  display:none;
}
.MyReceipts .MyReceiptsSection .receipt-main .slider-arrows .drop-select ul.dropdown-menu[b-385bimoe06] {
  min-width:100% !important;
  border:none;
  margin-top:7px;
}
.MyReceipts .MyReceiptsSection .receipt-main .slider-arrows .drop-select ul.dropdown-menu li a[b-385bimoe06] {
  color:var(--wd-color-text);
  padding:5px 12px;
  text-decoration:none;
  cursor:pointer;
}
.MyReceipts .MyReceiptsSection .receipt-main .slider-arrows .drop-select ul.dropdown-menu li a:focus[b-385bimoe06],.MyReceipts .MyReceiptsSection .receipt-main .slider-arrows .drop-select ul.dropdown-menu li a:hover[b-385bimoe06] {
  background-color:var(--wd-color-brand-red) !important;
  background-image:none;
  color:#fff;
  filter:none;
}
.MyReceipts .MyReceiptsSection .receipt-main .slider-arrows .btn-group.drop-select a.btn[b-385bimoe06]:after {
  display:block;
  content:"";
  font-family:'FontAwesome';
  color:var(--wd-color-brand-red);
  width:8px;
  height:8px;
  position:absolute;
  background-position:center;
  background-repeat:no-repeat;
  right:8px;
  top:13px;
  background-size:contain;
}
.MyReceipts .MyReceiptsSection .receipt-main .slider-arrows .btn-group.drop-select.open a.btn[b-385bimoe06]:after {
  display:block;
  content:"";
  font-family:'FontAwesome';
  color:var(--wd-color-brand-red);
  width:8px;
  height:8px;
  position:absolute;
  background-position:center;
  background-repeat:no-repeat;
  right:8px;
  top:12px;
  background-size:contain;
}
.MyReceipts .MyReceiptsSection .receipt-main .receipt-main-div .Receipt[b-385bimoe06] {
  display:block;
  cursor:pointer;
}
.MyReceipts .MyReceiptsSection .receipt-main .receipt-main-div .Receipt:focus[b-385bimoe06] {
  /* A global legacy rule (a:focus,...{display:inline-block!important}) shrink-wraps any
     focused link to its content width. Chromium focuses an <a> on a real mouse click (unlike
     legacy's non-link .Receipt div), so clicking a row triggered that rule and visibly shrank
     it. !important here, at this rule's higher specificity, is required to win that fight. */
  display:block !important;
  outline:2px solid var(--wd-color-focus-ring);
}
@media(min-width:767px) {
  .MyReceipts .MyReceiptsSection .receipt-main .receipt-main-div .Receipt .receiptsSec[b-385bimoe06] {
    padding-left:23px;
  }
}
.MyReceipts .MyReceiptsSection .receipt-main .receipt-main-div .Receipt .receiptsSec .date[b-385bimoe06] {
  font-family: var(--wd-font-body);
  font-size:16px;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  /* Legacy authors this as color:var(--charcoal), a custom property that's never actually
     defined anywhere (checked legacy's own source too) — a harmless no-op there since legacy's
     .Receipt is a plain (non-link) div, so it just inherits the surrounding near-black text
     color by accident. This app's .Receipt is a real <a href> for accessibility, so the same
     undefined-var fallback instead inherits the browser's default anchor blue, rendering the
     date as a blue link. var(--wd-color-text) is what this row's siblings and every other page
     already use for this exact role — an intentional value here, not an accidental one. */
  color:var(--wd-color-text);
}
.MyReceipts .MyReceiptsSection .receipt-main .receipt-main-div .Receipt .receiptsSec .shop[b-385bimoe06] {
  font-family: var(--wd-font-body);
  font-size:14px;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.43;
  letter-spacing:-.23px;
  color:#727272;
}
.MyReceipts .MyReceiptsSection .receipt-main .receipt-main-div .Receipt .receiptsSec .price[b-385bimoe06] {
  font-family: var(--wd-font-body);
  font-size:14px;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.43;
  letter-spacing:-.23px;
  color:#727272;
}
.MyReceipts .MyReceiptsSection .receipt-main .receipt-main-div .Receipt .receiptsSec .price .dot[b-385bimoe06] {
  font-size:5px;
  padding:5px;
  top:-2px;
  position:relative;
}
.MyReceipts .MyReceiptsSection .receipt-main .receipt-main-div .Receipt .receiptsSec .arrow-right[b-385bimoe06] {
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  margin-left:8px;
  border:solid #3c3c3b;
  border-width:0 2px 2px 0;
  display:inline-block;
  padding:3px;
  float:right;
  margin-top:-40px;
  height:14px;
  width:14px;
  margin-right:15px;
}
@media(max-width:767px) {
  .MyReceipts .MyReceiptsSection .receipt-main .receipt-main-div .Receipt .receiptsSec .arrow-right[b-385bimoe06] {
    height:12px;
    width:12px;
  }
}
.MyReceipts .MyReceiptsSection .receipt-main .receipt-main-div hr[b-385bimoe06] {
  display:block;
  border:thin;
  overflow:hidden;
  border-style:double;
  color:var(--wd-color-bread);
  width:100%;
  height:0;
  margin-top:24px;
  margin-bottom:14px;
}
@media(max-width:767px) {
  .MyReceipts .MyReceiptsSection .receipt-main .receipt-main-div hr[b-385bimoe06] {
    margin-left:-29px;
    padding-right:49px;
  }
}
@media only screen and (max-width:767px) {
  .myaccount-mobile h2[b-385bimoe06] {
    font-family: var(--wd-font-body);
    font-size:1.875em;
    line-height:1.17;
    letter-spacing:-.56px;
    color:var(--wd-color-brand-red);
    font-weight:bold;
  }
  .myaccount-mobile .reward_font[b-385bimoe06] {
    font-size:.875em;
    text-align:left;
    padding:12px 0;
  }
  .myaccount-mobile .rewards[b-385bimoe06] {
    font-weight:bold;
  }
}
/* /Components/Pages/Account/MyRewards.razor.rz.scp.css */
/* Scoped to MyRewards.razor. Moved from the myAccountsRewards-wd + myAccountLeftMenu-wd
   page-specific <link> tags previously in this page's HeadContent — see MyReceipts.razor.css's
   header comment for the general pattern. myAccountsRewards-wd.scss also had its own copy of
   the .SavingsAndPoints card-row rules (prefixed .account__myrewards, a duplicate of
   accountOverview-wd.scss's .account__overview-prefixed copy) — that markup is rendered by the
   <RewardsStatCards> child component, not by this page, so it's NOT duplicated here; it lives
   once in Shared/RewardsStatCards.razor.css (see that file's header comment for why). */

.myaccount-section[b-cnimf5l4nn] {
  margin-top:50px;
}
.myaccount-main-section[b-cnimf5l4nn] {
  padding:0 32px;
}
@media(min-width:768px) and (max-width:991px) {
  .myaccount-leftNav-section[b-cnimf5l4nn] {
    padding-left:20px;
  }
  .myaccount-section[b-cnimf5l4nn] {
    margin-top:40px;
  }
}
@media(min-width:992px) and (max-width:1200px) {
  .myaccount-leftNav-section[b-cnimf5l4nn] {
    padding-left:32px;
  }
}
@media(min-width:100px) and (max-width:767px) {
  .container-fluid .container .myaccount-section[b-cnimf5l4nn] {
    padding:0 22px;
  }
  .myaccount-section[b-cnimf5l4nn] {
    margin-top:0;
  }
  .myaccount-main-section[b-cnimf5l4nn] {
    padding:0;
  }
}

.col-sm-12[b-cnimf5l4nn] {
  padding-left:15px;
  padding-right:15px;
}
.col-sm-6[b-cnimf5l4nn] {
  padding-left:0;
  padding-right:0;
}
.account__myrewards[b-cnimf5l4nn] {
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  font-family: var(--wd-font-body);
  width:100%;
  float:left;
  display:grid;
}
.account__myrewards h1[b-cnimf5l4nn] {
  font-family: var(--wd-font-body);
  font-size:2.875em;
  font-weight:bold;
  line-height:1.09;
  letter-spacing:-.59px;
  color:var(--wd-color-text) !important;
  margin:5px 0 16px;
}
.account__myrewards h2[b-cnimf5l4nn] {
  font-family: var(--wd-font-body);
  font-size:1.375em;
  font-weight:bold;
  line-height:1.18;
  letter-spacing:-.25px;
  color:var(--wd-color-brand-red);
  margin:5px 0;
}
.account__myrewards h3[b-cnimf5l4nn] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:600;
  line-height:1.33;
  letter-spacing:-.15px;
  color:var(--wd-color-text);
  margin:5px 0;
}
.account__myrewards p[b-cnimf5l4nn] {
  font-family: var(--wd-font-body);
  font-size:1em;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  margin:4px 0;
}
.account__myrewards .myRewardsheaderLabel[b-cnimf5l4nn] {
  padding-bottom:24px;
}
.account__myrewards .myRewardsheaderLabel .rewardNumber[b-cnimf5l4nn] {
  text-align:right;
  padding-top:30px;
}
.account__myrewards .myRewardsheaderLabel .rewardNumber span[b-cnimf5l4nn] {
  font-size:1em;
  line-height:1.38;
  letter-spacing:-.22px;
  text-align:right;
  color:var(--wd-color-text);
}
.account__myrewards .myRewardsheaderLabel .rewardNumber span.num[b-cnimf5l4nn] {
  padding-left:8px;
}
.account__myrewards .myRewardsheaderLabel .rewardNumber span.num--lbl[b-cnimf5l4nn] {
  font-weight:bold;
}
.account__myrewards .pointsDatetime span[b-cnimf5l4nn] {
  font-size:.875em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.5;
  letter-spacing:-.25px;
  color:#444443;
}
.account__myrewards .rewards__points[b-cnimf5l4nn] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  background-color:#fff;
  padding:16px;
  margin-bottom:32px;
}
.account__myrewards .rewards__points .points[b-cnimf5l4nn] {
  width:150px;
  height:150px;
  background-color:var(--wd-color-accent-purple);
  border:4px solid #ffda00;
  border-radius:50%;
  padding:16px 0;
}
.account__myrewards .rewards__points .points .points__num[b-cnimf5l4nn] {
  font-size:3.125em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-1.06px;
  color:#fff;
}
.account__myrewards .rewards__points .points .point__label[b-cnimf5l4nn] {
  min-width:68px;
  font-size:1.563em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.18px;
  color:#fff;
  margin:auto 8px;
}
.account__myrewards .rewards__points .rewards__savings[b-cnimf5l4nn] {
  text-align:center;
}
.account__myrewards .rewards__points .rewards__savings .savings[b-cnimf5l4nn] {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:30px 20px;
}
.account__myrewards .rewards__points .rewards__savings .savings__pump[b-cnimf5l4nn] {
  text-align:center;
  display:flex;
}
.account__myrewards .rewards__points .rewards__savings .savings__pump .savings__pump__inner[b-cnimf5l4nn] {
  padding:0 14px;
  text-align:left;
}
.account__myrewards .rewards__points .rewards__savings .savings__pump .savings__pump__inner .para_sec[b-cnimf5l4nn] {
  display:flex;
  padding:0 0 16px;
}
.account__myrewards .rewards__points .rewards__savings .savings__pump .savings__pump__inner p[b-cnimf5l4nn] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.43;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  margin:10px 0 4px 14px;
}
.account__myrewards .rewards__points .rewards__savings .savings__pump .savings__pump__inner .point_sec a[b-cnimf5l4nn] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.43;
  letter-spacing:-.25px;
  color:var(--wd-color-brand-red);
}
.account__myrewards .rewards__points .rewards__savings .savings__pump .savings__pump__inner h2[b-cnimf5l4nn] {
  text-align:left;
}
.account__myrewards .rewards__points .rewards__savings .savings__store[b-cnimf5l4nn] {
  margin:0 30px;
  display:inline-table;
}
.account__myrewards .rewards__points .rewards__savings .savings__store[b-cnimf5l4nn]:after {
  content:"";
  width:20px;
  height:20px;
  background-image:url(/Areas/V2/Images/symbol2.png);
  position:absolute;
  left:5px;
  top:18px;
  background-repeat:no-repeat;
  background-size:contain;
}
.account__myrewards .rewards__points .rewards__savings .savings__store[b-cnimf5l4nn]:before {
  content:"";
  width:20px;
  height:20px;
  background-image:url(/Areas/V2/Images/symbol1.png);
  position:absolute;
  right:5px;
  bottom:18px;
  background-repeat:no-repeat;
  background-size:contain;
}
.account__myrewards .rewards__points .rewards__savings .savings__store .savings__store__inner[b-cnimf5l4nn] {
  padding:0 15px;
}
.account__myrewards .account__learnMore[b-cnimf5l4nn] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  background-color:#fff;
  padding:16px;
  margin-bottom:32px;
}
.account__myrewards .account__learnMore h2[b-cnimf5l4nn] {
  padding:23px 15px;
}
.account__myrewards .account__learnMore .LearnmoreLinks .card-block__link[b-cnimf5l4nn] {
  padding-bottom:17px;
}
.account__myrewards .account__learnMore .LearnmoreLinks .card-block__link a[b-cnimf5l4nn] {
  text-align:left;
  font-size:1em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.56;
  letter-spacing:-.27px;
  color:var(--wd-color-brand-red);
  margin:9px 0;
}
.account__myrewards .account__learnMore .LearnmoreLinks .card-block__link a:focus[b-cnimf5l4nn] {
  display:table-row;
}
.account__myrewards .account__learnMore .LearnmoreLinks .card-block__link .arrowright[b-cnimf5l4nn] {
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  margin-left:8px;
  border:solid var(--wd-color-brand-red);
  border-width:0 2px 2px 0;
  display:inline-block;
  padding:3px;
}
.account__myrewards .account__learnMore .Promoblock[b-cnimf5l4nn] {
  display:flex;
  justify-content:center;
}
.account__myrewards .account__learnMore .Promoblock .promotile1[b-cnimf5l4nn] {
  text-align:right;
  padding:0 12px;
  margin-right:0;
  padding-right:12px;
  padding-bottom:30px;
}
.account__myrewards .account__learnMore .Promoblock .promotile1 .deals[b-cnimf5l4nn] {
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.account__myrewards .account__learnMore .Promoblock .promotile1 .deals .deal-header[b-cnimf5l4nn] {
  text-align:left;
  background-color:var(--wd-color-accent-purple);
  padding:10px;
  height:100%;
}
.account__myrewards .account__learnMore .Promoblock .promotile1 .deals .deal-header h2[b-cnimf5l4nn] {
  padding:0;
  font-weight:normal;
  color:#fff;
}
.account__myrewards .account__learnMore .Promoblock .promotile1 .deals .deal-header h3[b-cnimf5l4nn] {
  color:#fff;
  font-weight:normal;
}
.account__myrewards .account__learnMore .Promoblock .promotile1 .deals .deal-body[b-cnimf5l4nn] {
  padding:10px 0;
  background-color:#56b7e6;
  min-height:140px;
  height:140px;
  width:100%;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}
.account__myrewards .btnAccOverview[b-cnimf5l4nn] {
  color:var(--wd-color-brand-red);
  align-content:center;
  margin-top:10px;
  margin-bottom:20px;
  margin-left:5px;
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  display:none;
}
.account__myrewards .btnAccOverview .backBtn__arrow[b-cnimf5l4nn] {
  font-size:1.125em;
  margin-left:5px;
  margin-right:10px;
  font-weight:600;
  display:inline-flex;
  vertical-align:bottom;
}
.account__myrewards .points__history[b-cnimf5l4nn] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  background-color:#fff;
  padding:32px;
  margin-bottom:32px;
}
.account__myrewards .points__history .pointsHistoryLabel[b-cnimf5l4nn] {
  padding:0 0 15px;
}
.account__myrewards .points__history .point-list-items[b-cnimf5l4nn] {
  padding:15px 0;
  border-bottom:1px solid #979797;
}
.account__myrewards .points__history .point-list-items span[b-cnimf5l4nn] {
  font-family: var(--wd-font-body);
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
}
.account__myrewards .points__history .point-list-items .listdate[b-cnimf5l4nn] {
  font-size:1em;
  font-weight:normal;
  color:var(--wd-color-text);
}
.account__myrewards .points__history .point-list-items .listSavings span[b-cnimf5l4nn] {
  font-size:1em;
  font-weight:600;
}
.account__myrewards .points__history .point-list-items .listSavings .strike_through[b-cnimf5l4nn] {
  text-decoration:line-through;
  opacity:.5;
}
.account__myrewards .points__history .point-list-items .listSavings .listSavingsamt .points_expiredt[b-cnimf5l4nn] {
  display:inline-block;
  font-weight:normal;
  padding-top:2px;
}
.account__myrewards .points__history .point-list-items .listSavings .listSavingsamt .points_expiredt i[b-cnimf5l4nn] {
  color:var(--wd-color-brand-red);
  position:absolute;
  left:-20px;
  bottom:3px;
}
.account__myrewards .points__history .point-list-items .listSavings .listSavingsamt .expiredTxt[b-cnimf5l4nn] {
  color:var(--wd-color-brand-red);
  font-size:.875em;
}
.account__myrewards .points__history .point-list-items .RedemptColour[b-cnimf5l4nn] {
  color:var(--wd-color-brand-red);
}
.account__myrewards .points__history .point-list-items .SavingsColour[b-cnimf5l4nn] {
  color:var(--wd-color-accent-purple);
}
.account__myrewards .points__history .point-list-items .listPlaceofOrder[b-cnimf5l4nn] {
  font-size:1em;
  font-weight:normal;
  color:var(--wd-color-text);
  white-space:normal;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:2;
  display:-webkit-box;
  -webkit-box-orient:vertical;
}
.account__myrewards .points__history .expiredCss[b-cnimf5l4nn] {
  background:#f4f4f4;
}
.account__myrewards .points__history .btnLoadMore[b-cnimf5l4nn] {
  display:none;
  text-align:center;
  padding-top:20px;
}
.account__myrewards .points__history .btnLoadMore .main-btn[b-cnimf5l4nn] {
  border:1px solid var(--wd-color-brand-red);
  background-color:#fff;
  color:var(--wd-color-brand-red);
  font-size:1em;
  padding:12px;
  min-width:230px;
  font-weight:600;
  height:46px;
  display:inline-block;
  text-align:center;
  text-decoration:none;
}
.account__myrewards .points__history .btnLoadMore .main-btn:hover[b-cnimf5l4nn] {
  border:solid 1px var(--wd-color-brand-red);
  background-color:var(--wd-color-brand-red);
  color:#fff !important;
  display:inline-block;
}
@media only screen and (max-width:1024px) and (min-width:768px) {
  .account__myrewards .account__learnMore h2[b-cnimf5l4nn] {
    padding:23px 15px;
  }
  .account__myrewards .account__learnMore .LearnmoreLinks .card-block__link[b-cnimf5l4nn] {
    padding-left:0;
  }
  .account__myrewards .account__learnMore .promotile1[b-cnimf5l4nn] {
    padding:0;
    padding-right:10px;
  }
  .account__myrewards .account__learnMore .promotile2[b-cnimf5l4nn] {
    padding-right:10px;
    padding-left:0;
  }
  .account__myrewards .rewards__points .points[b-cnimf5l4nn] {
    width:150px;
    height:150px;
  }
  .account__myrewards .rewards__points .rewards__savings .savings__store[b-cnimf5l4nn]:after {
    left:7px;
    top:18px;
  }
  .account__myrewards .rewards__points .rewards__savings .savings__store[b-cnimf5l4nn]:before {
    right:-8px;
    bottom:16px;
  }
  .account__myrewards .rewards__points .rewards__savings .savings[b-cnimf5l4nn] {
    padding:20px 0;
  }
  .account__myrewards .rewards__points .rewards__savings .savings__pump .savings__pump__inner .point_sec a[b-cnimf5l4nn] {
    display:block;
  }
  .account__myrewards .points__history .point-list-items .listPlaceofOrder[b-cnimf5l4nn] {
    padding:0 10px;
  }
}
@media only screen and (max-width:991px) {
  .container[b-cnimf5l4nn] {
    width:100%;
  }
  .account__myrewards .myRewardsheaderLabel[b-cnimf5l4nn] {
    display:flex;
    width:100%;
    align-items:center;
  }
  .account__myrewards .myRewardsheaderLabel h1[b-cnimf5l4nn] {
    line-height:1.17;
    letter-spacing:-.56px;
    width:100%;
  }
  .account__myrewards .myRewardsheaderLabel .rewardNumber[b-cnimf5l4nn] {
    text-align:right;
    padding-top:0;
  }
  .account__myrewards .rewards__points .points[b-cnimf5l4nn] {
    width:150px;
    height:150px;
  }
  .account__myrewards .rewards__points .rewards__savings .savings__store[b-cnimf5l4nn] {
    margin:0;
  }
  .account__myrewards .rewards__points .rewards__savings .savings__store[b-cnimf5l4nn]:after {
    left:-2px;
    top:14px;
  }
  .account__myrewards .rewards__points .rewards__savings .savings__store[b-cnimf5l4nn]:before {
    right:-8px;
    bottom:16px;
  }
  .account__myrewards .rewards__points .rewards__savings .savings__store .savings__store__inner[b-cnimf5l4nn] {
    padding:0;
  }
  .account__myrewards .rewards__points .rewards__savings .savings__store .savings__store__inner .point_sec a[b-cnimf5l4nn] {
    display:block;
  }
}
@media only screen and (max-width:767px) {
  .account__myrewards[b-cnimf5l4nn] {
    width:100%;
  }
  .account__myrewards .btnAccOverview[b-cnimf5l4nn] {
    display:inline-block;
  }
  .account__myrewards .btnAccOverview .backlabel[b-cnimf5l4nn] {
    margin-bottom:0;
  }
  .account__myrewards .rewards__points[b-cnimf5l4nn] {
    padding:22px 16px 4px;
  }
  .account__myrewards .rewards__points .points[b-cnimf5l4nn] {
    background-color:#fff;
    border:0;
    padding:0;
    width:100%;
    height:100%;
  }
  .account__myrewards .rewards__points .points .points__num[b-cnimf5l4nn] {
    font-size:2.813em;
    color:var(--wd-color-accent-purple);
    width:auto;
    display:table;
    margin:0 auto;
    position:relative;
  }
  .account__myrewards .rewards__points .points .points__num[b-cnimf5l4nn]:after {
    content:"";
    width:20px;
    height:20px;
    background-image:url(/Areas/V2/Images/Symbol-media.png);
    position:absolute;
    right:-19px;
    top:-1px;
    transform:rotate(363deg);
    background-repeat:no-repeat;
    background-size:contain;
  }
  .account__myrewards .rewards__points .points .point__label[b-cnimf5l4nn] {
    min-width:48px;
    font-size:1em;
    color:var(--wd-color-accent-purple);
    margin:auto 4px;
  }
  .account__myrewards .rewards__points .rewards__savings .savings[b-cnimf5l4nn] {
    display:block;
    padding:0;
  }
  .account__myrewards .rewards__points .rewards__savings .savings__store[b-cnimf5l4nn] {
    padding-top:0;
    padding-bottom:0;
  }
  .account__myrewards .rewards__points .rewards__savings .savings__store[b-cnimf5l4nn]:after {
    content:none;
  }
  .account__myrewards .rewards__points .rewards__savings .savings__store[b-cnimf5l4nn]:before {
    content:none;
  }
  .account__myrewards .rewards__points .rewards__savings .savings__store img[b-cnimf5l4nn] {
    max-width:43px;
    max-height:63px;
  }
  .account__myrewards .rewards__points .rewards__savings .savings__store .savings__store__inner[b-cnimf5l4nn] {
    padding:0 23px;
  }
  .account__myrewards .rewards__points .rewards__savings .savings__pump[b-cnimf5l4nn] {
    padding-top:19px;
  }
  .account__myrewards .rewards__points .rewards__savings .savings__pump img[b-cnimf5l4nn] {
    max-width:54px;
    max-height:69px;
  }
  .account__myrewards .rewards__points .rewards__savings .savings__pump .savings__pump__inner[b-cnimf5l4nn] {
    margin:0;
    padding:0;
  }
  .account__myrewards .rewards__points .rewards__savings .savings__pump .savings__pump__inner .para_sec[b-cnimf5l4nn] {
    width:100%;
  }
  .account__myrewards .rewards__points .rewards__savings .savings__pump .savings__pump__inner p[b-cnimf5l4nn] {
    font-size:.875em;
    line-height:1.17;
    letter-spacing:-.56px;
    margin-left:12px;
  }
  .account__myrewards .rewards__points .rewards__savings .savings__pump .savings__pump__inner .point_sec a[b-cnimf5l4nn] {
    line-height:1.5;
    letter-spacing:-.71px;
    display:block;
  }
  .account__myrewards .account__learnMore[b-cnimf5l4nn] {
    padding:16px 0;
    padding-bottom:0;
  }
  .account__myrewards .account__learnMore h2[b-cnimf5l4nn] {
    font-size:1.125em;
    padding:0 15px 16px;
    padding-right:28px;
  }
  .account__myrewards .account__learnMore .LearnmoreLinks .card-block__link[b-cnimf5l4nn] {
    padding-left:0;
  }
  .account__myrewards .account__learnMore .LearnmoreLinks .card-block__link a[b-cnimf5l4nn] {
    font-size:.875em;
    line-height:1.79;
    letter-spacing:-.23px;
  }
  .account__myrewards .account__learnMore .Promoblock[b-cnimf5l4nn] {
    display:block;
  }
  .account__myrewards .account__learnMore .Promoblock .promotile1[b-cnimf5l4nn] {
    margin-bottom:20px;
    padding:0;
    padding-bottom:15px;
  }
  .account__myrewards .points__history[b-cnimf5l4nn] {
    padding:16px 14px;
  }
  .account__myrewards .points__history .btnLoadMore[b-cnimf5l4nn] {
    display:block;
  }
  .account__myrewards .points__history .pointsHistoryLabel[b-cnimf5l4nn] {
    font-size:1.125em;
    font-stretch:normal;
    font-style:normal;
    line-height:1.22;
  }
  .account__myrewards .points__history .point-list-items[b-cnimf5l4nn] {
    padding:8px 0;
  }
  .account__myrewards .points__history .point-list-items span[b-cnimf5l4nn] {
    line-height:1.43;
  }
  .account__myrewards .points__history .point-list-items .listdate[b-cnimf5l4nn] {
    font-size:.875em;
    color:var(--wd-color-text);
  }
  .account__myrewards .points__history .point-list-items .listSavings[b-cnimf5l4nn] {
    padding:8px 0;
  }
  .account__myrewards .points__history .point-list-items .listSavings span[b-cnimf5l4nn] {
    font-size:.875em;
  }
  .account__myrewards .points__history .point-list-items .listSavings .listSavingspts[b-cnimf5l4nn] {
    padding:0;
  }
  .account__myrewards .points__history .point-list-items .listSavings .listSavingsamt[b-cnimf5l4nn] {
    padding:0;
    text-align:right;
  }
  .account__myrewards .points__history .point-list-items .listSavings .listSavingsamt .points_expiredt i[b-cnimf5l4nn] {
    position:relative;
    left:-5px;
    top:0;
  }
  .account__myrewards .points__history .point-list-items .listPlaceofOrder[b-cnimf5l4nn] {
    font-size:.875em;
  }
  .myaccount-mobile[b-cnimf5l4nn] {
    width:100%;
  }
  .myaccount-mobile .pointsDatetime h1[b-cnimf5l4nn] {
    font-family: var(--wd-font-body);
    font-weight:bold;
    font-size:1.875em;
    margin-bottom:8px;
    line-height:1.17;
    letter-spacing:-.56px;
    width:100%;
    color:var(--wd-color-brand-red) !important;
  }
  .myaccount-mobile .rewardNumber[b-cnimf5l4nn] {
    font-size:.875em;
    width:100%;
    text-align:left;
    padding:12px 0;
  }
  .myaccount-mobile .num--lbl[b-cnimf5l4nn] {
    font-weight:bold;
  }
}
/* /Components/Pages/Congrats.razor.rz.scp.css */
/* /congrats page shell — ported rule-for-rule from live's own published stylesheet,
   winndixie.com/bundles/sass/WD/_congrats-wd.css. Values below are live's, not re-derived from
   the design.

   Two deliberate deviations from that file, both flagged rather than silent:

   1. Typeface. Live names Asap as the family on every text rule. Asap is on the retired
      list lint-brand-tokens.sh enforces (the client's 2026-08-21 rebrand email), so the token
      var(--wd-font-body) stands in for it everywhere. Colour values ARE live's verbatim, which is
      a deliberate call recorded in that script's own exclusion list.

   2. .congrats__shell. Live wraps the columns in Bootstrap's .container and inherits the 1170px
      cap plus 15px gutters from it. .container is linked on this route but caps nothing here
      (measured: 1280px wide, max-width:none at a 1280px viewport), so the cap is declared here
      instead. .row's own -15px margins then cancel these 15px gutters exactly as they do inside
      live's .container, which is what keeps the column padding below matching live's. */

.congrats__shell[b-geacdyh2s4] {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}

.rewards-congrats .rewards-congrats__banner[b-geacdyh2s4] {
    font-size: 2.188em;
}

.rewards-congrats .rewards-congrats__banner img[b-geacdyh2s4] {
    width: 100%;
}

/* Placeholder for a missing CMS banner asset — no live equivalent, since live always has one.
   Kept at the banner's own rendered height so the -65px overlap below still has something to
   overlap instead of the cards jumping to the top of the page. */
.rewards-congrats .rewards-congrats__banner--missing[b-geacdyh2s4] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 270px;
    background-color: var(--wd-color-surface-alt);
    color: var(--wd-color-text-muted);
    font-family: var(--wd-font-body);
}

/* Live lifts each column over the banner with position:relative/top, NOT a negative margin, so
   the 65px it moves up is still reserved at the bottom of the page. Reproduced as-is — see the
   note in the page component about this being live's own behaviour rather than an artefact. */
.rewards-congrats .congrats__welcome__block[b-geacdyh2s4] {
    position: relative;
    top: -65px;
    padding: 0;
    padding-right: 16px;
}

.rewards-congrats .congrats__myad__block[b-geacdyh2s4] {
    position: relative;
    top: -65px;
    padding: 0;
    padding-left: 16px;
}

/* Live's own breakpoints, kept verbatim — including `device-width`, which keys off the physical
   screen rather than the viewport, so on a desktop these never fire however narrow the window
   gets (they do fire on a real phone/tablet). That is live's behaviour, not a transcription slip;
   switching both to plain `max-width` is a one-line change if this page should instead reflow
   with the window. */
@media only screen and (min-device-width: 100px) and (max-device-width: 767px) {
    .rewards-congrats .congrats__welcome__block[b-geacdyh2s4] {
        padding: 0;
    }

    .rewards-congrats .congrats__myad__block[b-geacdyh2s4] {
        padding: 0;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .rewards-congrats .congrats__welcome__block[b-geacdyh2s4] {
        padding-right: 0px;
    }

    .rewards-congrats .congrats__welcome__block .col-sm-6[b-geacdyh2s4] {
        padding-left: 15px;
        padding-right: 15px;
    }

    .rewards-congrats .congrats__myad__block[b-geacdyh2s4] {
        margin-top: 24px;
        width: 369px;
        padding-left: 0px;
    }
}
/* /Components/Pages/Coupons.razor.rz.scp.css */
/* Scoped to Coupons.razor. Moved from wwwroot/scss/digitalCoupons_wd.scss (was linked as a
   page-specific <link> in Coupons.razor's HeadContent). Mechanically extracted with a Python
   script given the file's size (~4900 lines) and the need for a precise, uniform transform:
   every selector prefixed with .ee__coupons (the top-level wrapper this page renders directly)
   got "::deep" inserted right after that prefix.

   WHY: coupons.js and percentBack.js (both loaded globally, see wwwroot/js/) build coupon
   cards and filter chips via document.createElement()/innerHTML at runtime — e.g.
   coupons.js's buildCard() and renderCategories() inject .product-list/.product-img/
   .product-info/.add-btn/.filter__coupon/.sub_filter__coupon/.checkInput/.spnCheck elements
   into containers this page renders (#couponGallery, the category/brand <ul>s). Those
   JS-created elements carry NO Blazor scope attribute at all, so a plain scoped rule would
   silently never match them — only "::deep" reaches them. Blazor's plain scoped CSS only
   checks the scope attribute on the LAST
   class in a selector chain, so "::deep" right after .ee__coupons is sufficient regardless of
   how deep the JS-injected class sits below it; applying it uniformly costs nothing in
   isolation (the .ee__coupons ancestor boundary is still a real, unique class-name match) and
   avoids having to hand-classify several hundred individual selectors by "will this ever be
   JS-injected" — including transitively (e.g. .PMOGallery's cards come from percentBack.js,
   a different script than coupons.js, sharing some of the same class names).

   #progress-indicator-coupon (~15 rules) targets the <ProgressIndicator> CHILD COMPONENT this
   page embeds with a page-specific Id — ::deep is anchored to .rgtContent (a wrapper this page
   renders directly) since a selector can't open with a bare "::deep": it silently does nothing
   with no real ancestor before it.

   A byte-for-byte duplicate keyframes/btn-dot-loading block was removed (same boilerplate seen
   across several other per-page bundles, see StoreDetails.razor.css). Unlike those other
   bundles' plain (non-::deep) copy, this one IS reachable at runtime: coupons.js's buildCard()
   creates the "Add Coupon" button (and its .btn-span/<b> dot markup) via raw DOM APIs with no
   Blazor scope attribute, same as every other ::deep case in this file, so the btn-dot-loading/
   .btn-span/stretch-keyframe rules got the same ".ee__coupons ::deep" treatment.

   A handful of rules can't be reached from this component at all, regardless of ::deep,
   because they target ANCESTORS of what this page renders rather than descendants — ::deep
   only extends reach downward into children (incl. child components), never upward:
     - .Contain_Main (rendered by MainLayout.razor)
     - body, body.OC__Modal, body.modal-open, .modal-open,body (rendered by App.razor)
   These are carried over unchanged rather than dropped, matching how other harmless-dead
   selectors were handled elsewhere in this migration, but they are inert here and would need
   a different home (e.g. MainLayout.razor.css or a small genuinely-global stylesheet) if the
   styling they provide turns out to be load-bearing. .scrollUpButton/.scrollUpButton .fa-search
   don't match anything in the current Blazor markup at all (grepped for it) — already-dead
   legacy CSS, carried over as-is. */
@keyframes stretch-b-m4a3t5ppra {
  0% {
    transform:scale(.5);
    background-color:var(--wd-color-brand-red);
  }
  50% {
    background-color:var(--wd-color-brand-red);
  }
  100% {
    transform:scale(1);
    background-color:#fff;
  }
}

.ee__coupons[b-m4a3t5ppra]  .btn-dot-loading.btn--loading {
  font-size:0;
}

.ee__coupons[b-m4a3t5ppra]  .btn-dot-loading.btn--loading .btn-span {
  display:flex !important;
  justify-content:center;
}

.ee__coupons[b-m4a3t5ppra]  .btn-dot-loading.btn--loading .btn-span b {
  animation-direction:alternate;
  animation-duration:.5s;
  animation-fill-mode:none;
  animation-iteration-count:infinite;
  animation-name:stretch-b-m4a3t5ppra;
  animation-play-state:running;
  animation-timing-function:ease-out;
  border-radius:100%;
  display:block;
  height:10px;
  margin:0 1px;
  width:10px;
  animation-delay:.1s;
  margin:0 5px;
}

.ee__coupons[b-m4a3t5ppra]  .btn-dot-loading.btn--loading .btn-span b:first-child {
  animation-delay:0s;
  margin:0;
}

.ee__coupons[b-m4a3t5ppra]  .btn-dot-loading.btn--loading .btn-span b:last-child {
  animation-delay:.2s;
  margin:0;
}

.ee__coupons[b-m4a3t5ppra]  .btn-dot-loading b {
  font-weight:normal;
}

.ee__coupons[b-m4a3t5ppra]  .btn-dot-loading .btn-span {
  display:none;
}

.Contain_Main[b-m4a3t5ppra] {
  background:#fff;
}

.modal-open[b-m4a3t5ppra],body[b-m4a3t5ppra] {
  padding-right:0 !important;
}

body.OC__Modal[b-m4a3t5ppra] {
  overflow:hidden;
}

.scrollUpButton[b-m4a3t5ppra] {
  display:none;
  height:40px;
  margin:0 0 0 500px;
  padding:10px 16px;
  border:solid 1px var(--wd-color-border);
  background-color:#fff;
}

.scrollUpButton .fa-search[b-m4a3t5ppra] {
  color:var(--wd-color-brand-red);
}

.ee__coupons[b-m4a3t5ppra]  {
  font-family: var(--wd-font-body);
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
}

.ee__coupons[b-m4a3t5ppra]  button,.ee__coupons[b-m4a3t5ppra]  input,.ee__coupons[b-m4a3t5ppra]  select,.ee__coupons[b-m4a3t5ppra]  textarea,.ee__coupons[b-m4a3t5ppra]  .h1,.ee__coupons[b-m4a3t5ppra]  .h2,.ee__coupons[b-m4a3t5ppra]  .h3,.ee__coupons[b-m4a3t5ppra]  .h4,.ee__coupons[b-m4a3t5ppra]  .h5,.ee__coupons[b-m4a3t5ppra]  .h6,.ee__coupons[b-m4a3t5ppra]  h1,.ee__coupons[b-m4a3t5ppra]  h2,.ee__coupons[b-m4a3t5ppra]  h3,.ee__coupons[b-m4a3t5ppra]  h4,.ee__coupons[b-m4a3t5ppra]  h5,.ee__coupons[b-m4a3t5ppra]  h6 {
  font-family: var(--wd-font-body);
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
}

.ee__coupons[b-m4a3t5ppra]  .paddright32 {
  padding-right:32px;
}

.ee__coupons[b-m4a3t5ppra]  .clippedCoupon {
  display:none;
}

.ee__coupons[b-m4a3t5ppra]  .clippedCoupon:focus {
  outline:2px solid var(--wd-color-focus-ring);
}

/* position:sticky doesn't hold here (this app's html/body scroll-container split defeats it,
   the same reason MainLayout.razor.css's own top nav uses position:fixed instead of sticky —
   see that file's header comment). Matches live's own mechanism too: live JS-toggles a
   `header_sticky` class past a scroll threshold rather than relying on CSS sticky at all (see
   coupons.js's initHeaderSticky()). Unclassed, .headerbar sits in normal flow.

   `left` is breakpoint-dependent and must stay that way. Live sets no `left` at all, so each
   pinned box keeps its STATIC x — and that static x differs by breakpoint on BOTH sites, just
   to different values:
     - mobile (<=767px): the bar sits inside the 20px-padded .container, so the static x is 20
       and the existing margin-left:-20px/-21px pulls it back to a full-bleed 0/-1 while the
       text stays on the page's 20px gutter.
     - desktop: live's .headerbar is already full-bleed (measured L=0, w=1440 even unpinned),
       so its static x is 0. OURS is not — it sits inside the container at L=135 — so the static
       x alone would pin it at 135 and overflow the viewport to 1575, with the heading jumping
       135px right on pin. Hence left:0 below, scoped to the widths where that applies.
   A blanket left:0 is what broke mobile: stacked with those negative margins it dragged
   everything 20px off-gutter — measured at 390x844, the heading's box started at -20 and
   "N items available" at x=2 against live's 22, with .headerbarMob 411px wide against 391. */
.ee__coupons[b-m4a3t5ppra]  .headerbar.header_sticky {
  position:fixed !important;
  top:var(--wd-header-h, 94px);
  width:100%;
  z-index:20;
  background-color:#fff;
}

/* Pinned-state spacing for the heading + filter-line pair.
   Unpinned, the heading's 24px top margin separates it from the store bar above it. Pinned
   directly beneath the site header that margin becomes dead space between the header and the
   filter line, and it is most of why the pinned block measured 67px tall. Collapsing it pulls
   the filter line up, and symmetric 10px padding gives both rows breathing room instead of
   butting the heading against the header and the filter line against the heading.
   10px is the step the rest of this file's ported rules already use (.mobile-filter's own
   margin-bottom, .headline h1's padding-bottom), so this adds no new spacing constant.
   coupons.js measures the resulting pinned height each tick to place .headerbarMob underneath,
   so changing these numbers moves both rows together with nothing else to update. */
@media(min-width:768px) {
  .ee__coupons[b-m4a3t5ppra]  .headerbar.header_sticky {
    left:0;
  }
}

.ee__coupons[b-m4a3t5ppra]  .headerbar.header_sticky {
  padding-top:10px;
}

/* Pinned, the heading's own bottom padding stacks on top of spacing the filter row already
   brings — .container.filter-path's 10px padding-top plus the 12px its flex-end alignment
   leaves above the 17.6px "N items available" text — so the two lines read 32px apart, a
   visible white band between them. Dropping the heading's 10px closes it to 22px without
   touching either of those two, which are live's own values (live's unpinned rhythm is the
   same 10 + 12). The horizontal 20px is live's and stays: it is what keeps the heading on the
   page gutter. */
.ee__coupons[b-m4a3t5ppra]  .headerbar.header_sticky .headline h1 {
  margin-top:0;
  padding:0 20px;
}

/* Scoped to the widths where .headerbarMob actually has visible content: above 991px its inner
   .mobonly is display:none, so the wrapper collapses to nothing and this padding would leave a
   10px white fixed strip sitting over the top of the page content instead (measured on desktop
   before scoping: a 10px box at y=169-179 with z-index 20). */
@media(max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .headerbarMob.header_sticky {
    padding-bottom:10px;
  }
}

.ee__coupons[b-m4a3t5ppra]  .headline h1 {
  font-size:2.25em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.09;
  letter-spacing:-.59px;
  color:var(--wd-color-brand-red);
  margin:42px 0 16px 0;
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .headline h1 {
    font-size:26px;
  }
}

.ee__coupons[b-m4a3t5ppra]  .item-slider {
  margin:30px 0;
}

.ee__coupons[b-m4a3t5ppra]  .item-slider .coupon__category .c-list {
  text-align:center;
  padding:10px 0;
  outline:0;
  cursor:pointer;
}

.ee__coupons[b-m4a3t5ppra]  .item-slider .coupon__category .c-list p {
  line-height:inherit;
}

.ee__coupons[b-m4a3t5ppra]  .item-slider .coupon__category .c-list.active__category,.ee__coupons[b-m4a3t5ppra]  .item-slider .coupon__category .c-list .active__category {
  color:var(--wd-color-brand-red);
  font-weight:600;
  border-bottom:3px solid var(--wd-color-brand-red);
  padding-bottom:0;
}

.ee__coupons[b-m4a3t5ppra]  .item-slider .coupon__category .c-list .c-icons {
  width:87px;
  height:87px;
  background-color:var(--wd-color-bread);
  border-radius:50px;
  line-height:87px;
  text-align:center;
  font-size:10px;
  color:#6d6d70;
  display:block;
  margin:0 auto;
  overflow:hidden;
}

.ee__coupons[b-m4a3t5ppra]  .item-slider .coupon__category .c-list .c-icons img {
  width:63px;
  height:66px;
}

.ee__coupons[b-m4a3t5ppra]  .item-slider .coupon__category .c-list .c-icons-new {
  margin-top:-100px !important;
}

.ee__coupons[b-m4a3t5ppra]  .item-slider .coupon__category .c-list button {
  font-size:14px;
  line-height:1.43;
  letter-spacing:-.25px;
  text-align:center;
  margin:20px auto 10px;
  border:none;
  background:none;
  max-width:87px;
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .item-slider {
    margin-top:5px;
  }
  .ee__coupons[b-m4a3t5ppra]  .item-slider .c-icons {
    display:none !important;
  }
  .ee__coupons[b-m4a3t5ppra]  .item-slider .slick-arrow {
    display:none !important;
  }
}

@media(max-width:768px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section_new {
    display:none;
  }
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .filter-dropdown .filter-list {
  padding:0;
  margin:0;
  list-style:none;
  display:flex;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .filter-dropdown .filter-list li .dropdown .caret {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  border:none;
  color:var(--wd-color-brand-red);
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .filter-dropdown .filter-list li .dropdown .caret::before {
  content:"";
  position:relative;
  top:-7px;
  right:0;
  font-size:.625em;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .filter-link {
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .filter-link li {
  margin-left:20px;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .filter-link li a {
  color:var(--wd-color-brand-red);
  font-size:.75em;
  text-decoration:underline;
  font-weight:500;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section ul.filterList {
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section ul.filterList>li {
  padding:3px 10px;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filterList li.b-right {
  border-right:1px solid #ccc;
  padding-right:32px;
  font-weight:600;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filterList .filterclear {
  border-right:1px solid #ccc;
  padding-right:32px;
  font-family: var(--wd-font-body);
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:normal;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filterList .filterclear .fa-remove:before,.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filterList .filterclear .fa-close:before,.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filterList .filterclear .fa-times:before {
  color:var(--wd-color-brand-red);
  padding-right:4px;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filterList li a {
  font-size:1em;
  color:var(--wd-color-text);
  transition:.3s ease-in;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filterList li a:focus {
  transition:.3s ease-in;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filterList li .favpad {
  margin-bottom:0;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filterList li .favpad .Favoratesonly {
  font-weight:normal;
  margin-bottom:1px;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filterList li .check {
  align-items:center;
  display:flex;
  font-weight:normal;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filterList li .check input[type=checkbox]:checked+input+span:after {
  content:"";
  background-image:url(/Areas/V2/Images/redtick.png);
  background-size:100%;
  background-repeat:no-repeat;
  display:inline-block;
  background-position:top right;
  vertical-align:middle;
  cursor:pointer;
  width:18px;
  height:22px;
  object-fit:contain;
  position:relative;
  top:-10px;
  left:2px;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filterList li input[type=checkbox] {
  box-sizing:border-box;
  padding:0;
  opacity:0;
  position:absolute;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filterList li input[type=checkbox]:focus:checked~.checkInput,.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filterList li input[type=checkbox]:focus:not(:checked)~.checkInput {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filterList li .checkInput {
  position:relative;
  display:inline-block;
  width:18px;
  height:18px;
  vertical-align:middle;
  background-color:inherit;
  color:var(--wd-color-text);
  border:1px solid var(--wd-color-border);
  cursor:pointer;
  margin-right:10px;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortby {
  display:flex;
  border:1px solid #ccc;
  border-radius:3px;
  padding:3px 5px;
  align-items:center;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortby span {
  white-space:nowrap;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortby select {
  border:none;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section a#dropdownMenuLink {
  background-color:#fff;
  color:#ccc;
  border:none;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .dropdown-menu li.disabled {
  pointer-events:none;
  opacity:.5;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-accordion .panel.panel-default {
  border:none;
  box-shadow:none;
  margin:0;
  border-bottom:1px solid #96969a !important;
  border-radius:0;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-accordion .panel.panel-default .panel-heading {
  background-color:transparent !important;
  border:none;
  padding:16px 0;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-accordion .panel.panel-default .panel-heading h4.panel-title {
  color:var(--wd-color-text);
  font-size:1.125em;
  font-weight:600;
  font-family: var(--wd-font-body);
  position:relative;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-accordion .panel.panel-default .panel-heading h4.panel-title a {
  text-decoration:none;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-accordion .panel.panel-default .panel-heading h4.panel-title a[aria-expanded="true"] {
  display:block;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-accordion .panel.panel-default .panel-heading h4.panel-title a[aria-expanded="true"]::before {
  font-family:FontAwesome;
  content:"";
  position:absolute;
  right:0;
  top:3px;
  font-size:.75em;
  color:var(--wd-color-brand-red);
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-accordion .panel.panel-default .panel-heading h4.panel-title a[aria-expanded="false"] {
  display:block;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-accordion .panel.panel-default .panel-heading h4.panel-title a[aria-expanded="false"]::before {
  font-family:FontAwesome;
  content:"";
  position:absolute;
  right:0;
  top:3px;
  font-size:.75em;
  color:var(--wd-color-brand-red);
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-accordion .panel.panel-default li.disabled {
  pointer-events:none;
  opacity:.5;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-accordion .panel.panel-default .panel-body {
  padding:0;
  padding-bottom:16px;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-accordion .panel.panel-default .panel-body li .check {
  align-items:center;
  display:flex;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-accordion .panel.panel-default .panel-body li .check input[type=checkbox]:checked+input+span:after {
  content:"";
  background-image:url(/Areas/V2/Images/redtick.png);
  background-size:100%;
  background-repeat:no-repeat;
  display:inline-block;
  background-position:top right;
  vertical-align:middle;
  cursor:pointer;
  width:18px;
  height:22px;
  object-fit:contain;
  position:relative;
  top:-10px;
  left:2px;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-accordion .panel.panel-default .panel-body li input[type=checkbox] {
  box-sizing:border-box;
  padding:0;
  opacity:0;
  position:absolute;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-accordion .panel.panel-default .panel-body li .checkInput {
  position:relative;
  display:inline-block;
  width:18px;
  height:18px;
  vertical-align:middle;
  background-color:inherit;
  color:var(--wd-color-text);
  border:1px solid var(--wd-color-border);
  cursor:pointer;
  margin-right:5px;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-accordion .panel.panel-default .panel-body ul {
  margin:0;
  padding:0;
  list-style:none;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-accordion .panel.panel-default .panel-body ul.megamenu-list li {
  padding:7px 0;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-accordion .panel.panel-default:last-child {
  border-bottom:1px solid #96969a !important;
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-modal {
    top:160px;
  }
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-modal .header-modal {
  padding:10px 15px;
  display:flex;
  justify-content:space-between;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-modal .header-modal button.apply-btn-d {
  background-color:transparent;
  padding:6px 40px;
  font-weight:bold;
  font-size:1.125em;
  width:100%;
  height:48px;
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-modal .header-modal button.apply-btn-d:hover {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-modal .header-modal button.apply-btn-d:focus {
  border:solid 2px #fff !important;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-modal .modal-dialog .modal-content .sortbymob {
  padding:15px 0;
  display:flex;
  justify-content:space-between;
  border-bottom:1px solid #96969a !important;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-modal .modal-dialog .clearfiltermob {
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-modal .modal-dialog .clearfiltermob h4 {
  font-family: var(--wd-font-body);
  font-weight:bold;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
  font-size:1.375em !important;
  line-height:1.36;
  letter-spacing:-.31px;
  color:var(--wd-color-brand-red);
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .red-link {
  color:var(--wd-color-brand-red);
  text-decoration:underline;
  font-size:.75em;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .btn-possion {
  text-align:right;
  padding:0;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .filter-menu {
  background-color:#fff;
  border:1px solid #d0d0d0;
  min-width:168px;
  height:40px;
  position:relative;
  padding:0 5px;
  display:inline-block;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .filter-menu select {
  padding:8px;
  padding-left:60px;
  border:none;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .filter-menu:before {
  content:attr(data-before);
  position:absolute;
  left:10px;
  top:9px;
  font-weight:400;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .drop-select li.dropdown-submenu:hover ul {
  display:block;
  left:100%;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .drop-select .dropdown-submenu {
  position:relative;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .drop-select span.caret {
  display:none;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .applySection {
  display:flex;
  align-items:center;
  width:90%;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section div.checkbox.switcher label *,.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section div.radio.switcher label * {
  vertical-align:middle;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section div.checkbox.switcher label input,.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section div.radio.switcher label input {
  opacity:0;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section div.checkbox.switcher label input+span,.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section div.radio.switcher label input+span {
  position:relative;
  display:inline-block;
  width:44px;
  height:25px;
  background:var(--wd-color-border);
  border:1px solid var(--wd-color-border);
  border-radius:50px;
  transition:none;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section div.checkbox.switcher label input+span small,.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section div.radio.switcher label input+span small {
  position:absolute;
  display:block;
  width:50%;
  height:100%;
  background:#fff;
  border-radius:50%;
  transition:none;
  left:0;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section div.checkbox.switcher label input:checked+span,.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section div.radio.switcher label input:checked+span {
  background:var(--wd-color-brand-red);
  border-color:var(--wd-color-border);
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section div.checkbox.switcher label input:checked+span small,.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section div.radio.switcher label input:checked+span small {
  left:50%;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section div.checkbox.switcher label input[type=checkbox]:focus:checked~span,.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section div.checkbox.switcher label input[type=checkbox]:focus:not(:checked)~span,.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section div.radio.switcher label input[type=checkbox]:focus:checked~span,.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section div.radio.switcher label input[type=checkbox]:focus:not(:checked)~span {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
  transition:none;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .subcats {
  margin-bottom:35px !important;
}

@media(max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .subcats {
    margin-bottom:0 !important;
  }
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .subcats ul.subfilter {
  list-style:none;
  padding:0;
  margin:0;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .subcats ul.subfilter li {
  float:left;
  margin:15px 15px 3px 0;
  border-radius:19px;
  border:1px solid #3c3c3b;
  padding:5px 10px;
  cursor:pointer;
  transition:none;
  display:flex;
  align-items:center;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .subcats ul.subfilter li a,.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .subcats ul.subfilter li button {
  display:none;
  transition:none;
  border:none;
  background:transparent;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .subcats ul.subfilter li span {
  font-size:.75em;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .subcats ul.subfilter li:hover,.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .subcats ul.subfilter li.activeCat {
  background-color:#3c3c3b;
  color:#fff;
  padding:3px 10px;
  margin-bottom:0;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .subcats ul.subfilter li:hover a,.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .subcats ul.subfilter li:hover button,.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .subcats ul.subfilter li.activeCat a,.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .subcats ul.subfilter li.activeCat button {
  display:inline;
  color:#fff;
  border:none;
  background:transparent;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .subcats ul.subfilter li:hover i,.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .subcats ul.subfilter li.activeCat i {
  font-size:.75em;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .save-amt.featured-h3 {
  color:var(--wd-color-accent-purple) !important;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .exp-date {
  font-family: var(--wd-font-body);
  font-size:14px;
  font-weight:normal;
  line-height:1.43;
  letter-spacing:-.23px;
  color:#727272;
  padding-top:7px;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .con-modal-head {
  font-family: var(--wd-font-body);
  font-weight:700;
  font-size:1em;
  line-height:22px;
  letter-spacing:-.25px;
  margin-top:16px;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .con-modal-barHead {
  max-width:350px;
  margin:16px 0;
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .con-modal-barHead {
    max-width:180px !important;
  }
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .con-modal-barHead .step-container {
  position:relative;
  display:flex;
  gap:4%;
  justify-content:flex-start;
  flex-wrap:nowrap;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .con-modal-barHead .step-container .step {
  background-color:#eee;
  border-radius:50%;
  width:24px;
  height:24px;
  font-weight:600;
  color:var(--wd-color-text);
  z-index:1;
  margin-bottom:6px;
  text-align:center;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .con-modal-barHead .step-container .step.active {
  background-image:url(/-/media//DigitalCoupons/wd-icon-check);
  background-size:contain;
  background-repeat:no-repeat;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .con-modal-barHead .step-container .step:not(.active) {
  padding:2px;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .con-modal-barHead .step-container .dot::after {
  content:"";
  height:1px;
  width:100%;
  background-color:#ccc;
  display:inline-block;
  margin-left:24px;
  margin-bottom:2px;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .con-modal-barHead .step-container .dot.active::after {
  content:"";
  height:2px;
  width:127%;
  background-color:var(--wd-color-brand-red);
  display:inline-block;
  margin-left:24px;
  margin-bottom:2px;
  position:relative;
  top:0;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .con-modal-barHead .step-container .dot:last-child::after {
  display:none !important;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .con-modal-barHead .step-container .dot:not(.active)::after {
  position:relative;
  bottom:100%;
  width:141% !important;
  margin-left:22px !important;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .con-modal-barHead .step-container:has(.active)::before {
  content:none !important;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .progressBarSpendHead {
  padding:16px 0 50px;
  display:flex !important;
  max-width:350px;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .progressBarSpendHead.ng-hide {
  display:none !important;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .progressBarSpendHead .progressBarSpend {
  position:relative;
  height:10px;
  background:#e0e0e0;
  border-radius:6px;
  width:91%;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .progressBarSpendHead .progressBarSpend .step-container {
  height:100%;
  background:var(--wd-color-brand-red);
  transition:width .5s ease-in-out;
  border-radius:6px;
  position:absolute;
  text-align:-webkit-right;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .progressBarSpendHead .progressBarSpend .step-container::before {
  background-image:url(/-/media//DigitalCoupons/wd-icon-check);
  content:"";
  display:block;
  width:20px;
  height:20px;
  background-size:cover;
  background-repeat:no-repeat;
  position:relative;
  top:-5px;
  left:0;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .progressBarSpendHead .progressBarSpend .step-container::after {
  content:"";
  display:block;
  width:20px;
  position:relative;
  height:20px;
  background-color:var(--wd-color-brand-red);
  border-radius:50%;
  opacity:.3;
  animation:waveAnimation-b-m4a3t5ppra 2s infinite ease-out;
  top:-48px;
  left:0;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .progressBarSpendHead .progressBarSpend .step.dot {
  position:relative;
  bottom:-2px;
  border-radius:4px;
  display:flex;
  flex-direction:row-reverse;
  right:-12px;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .progressBarSpendHead .progressBarSpend .step.dot span {
  font-family:SEGFoco;
  font-weight:700;
  font-size:12px;
  line-height:100%;
  vertical-align:middle;
  color:var(--wd-color-brand-red);
  width:43px;
  height:23px;
  border-radius:4px;
  padding:4px;
  background:#e7ece9;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .progressBarSpendHead .progressBarSpend .step.dot span::before {
  border:0;
  font-family:"Font Awesome 5 Free";
  content:"";
  display:table-cell;
  vertical-align:middle;
  font-weight:900;
  color:#e7ece9;
  position:absolute;
  top:0;
  margin:0 auto;
  line-height:0;
  font-size:16px;
  transform:rotate(180deg);
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .progressBarSpendHead .spendTotal {
  margin:initial;
  font-family:SEGFoco;
  font-weight:700;
  font-size:12px;
  line-height:100%;
  color:var(--wd-color-brand-red);
  min-width:50px;
  text-align:end;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .con-modal-details {
  font-family: var(--wd-font-body);
  font-weight:bold;
  font-size:.875em;
  line-height:22px;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .con-modal-details .con-modal-spanDetails {
  color:var(--wd-color-brand-red);
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .added-btn {
  text-align:center;
  border:solid 2px var(--wd-color-border);
  background-color:#fff;
  color:var(--wd-color-text);
  font-size:18px;
  font-weight:bold;
  width:200px;
  height:48px;
  margin-bottom:10px;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .qualified-item h2 {
  font-family: var(--wd-font-body);
  font-size:16px;
  font-weight:600;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .prod-price b {
  font-family: var(--wd-font-body);
  font-size:18px;
  font-weight:bold;
  line-height:1.22;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .prod-price p {
  font-family: var(--wd-font-body);
  font-size:16px;
  font-weight:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .col-md-12.row.modalcoupon-item-block {
  padding:40px 24px;
  border-bottom:1px solid var(--wd-color-bread);
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .coupon-check {
  font-size:22px;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content button.add-product-btn {
  border:none;
  color:var(--wd-color-brand-red);
  background-color:#fff;
  margin-left:32px;
  padding:10px;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .er-span .couponadded__failed {
  position:relative;
  color:var(--wd-color-brand-red);
  font-size:14px;
  padding-right:22px;
}

.ee__coupons[b-m4a3t5ppra]  .congrats-detail-modal .modal-content .item-details .congrats-date {
  color:var(--wd-color-brand-red);
  font-weight:bold;
}

@media(max-width:767.98px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .btn-possion {
    text-align:left;
  }
}

@media(max-width:992px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .webonly {
    display:none;
  }
}

.ee__coupons[b-m4a3t5ppra]  .d-lg-block {
  display:block;
}

.ee__coupons[b-m4a3t5ppra]  .d-lg-none {
  display:none;
}

.ee__coupons[b-m4a3t5ppra]  .d-flex {
  display:flex;
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .d-block {
    display:block;
  }
  .ee__coupons[b-m4a3t5ppra]  .d-none {
    display:none;
  }
}

.ee__coupons[b-m4a3t5ppra]  .fiter-stripe {
  background-color:var(--wd-color-bread);
  height:61px;
  padding:5px 10px;
}

.ee__coupons[b-m4a3t5ppra]  .drop-select li.dropdown-submenu:hover ul {
  display:block;
  left:100%;
}

.ee__coupons[b-m4a3t5ppra]  .drop-select .dropdown-submenu {
  position:relative;
}

.ee__coupons[b-m4a3t5ppra]  .drop-select span.caret {
  display:none;
}

.ee__coupons[b-m4a3t5ppra]  .saving-nos {
  display:flex;
  align-items:center;
  background-color:var(--wd-color-brand-red);
  padding:0 5px;
  color:#fff;
  width:135px;
  height:40px;
  font-size:12px;
  font-weight:600;
  border:none;
}

.ee__coupons[b-m4a3t5ppra]  .saving-nos span {
  margin-left:8px;
  display:flex;
  align-items:center;
}

.ee__coupons[b-m4a3t5ppra]  .saving-nos i.count {
  background-color:#fedb00;
  border:1px solid #fff;
  width:26px;
  height:26px;
  text-align:center;
  line-height:26px;
  border-radius:50px;
  margin-right:5px;
  font-size:.625em;
  color:var(--wd-color-brand-red);
  font-style:normal;
  font-weight:600;
  position:relative;
}

.ee__coupons[b-m4a3t5ppra]  .saving-nos i.count:after {
  content:"";
  font-family:Font Awesome\ 5 Free;
  position:absolute;
  top:-2px;
  background-color:#fff;
  height:14px;
  width:14px;
  line-height:13px;
  left:20px;
  text-align:center;
  font-size:7px;
  border-radius:50px;
  -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
  -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
  box-shadow:0 0 5px 0 rgba(0,0,0,.75);
}

.ee__coupons[b-m4a3t5ppra]  .mob-search .searchbar {
  transition:2s all;
  width:0;
  padding:0;
  overflow:hidden;
}

.ee__coupons[b-m4a3t5ppra]  .dropdown.multidropdown {
  display:flex;
}

.ee__coupons[b-m4a3t5ppra]  .mob-search .searchbtn {
  background-color:#fff !important;
  width:40px !important;
  height:35px;
  position:static !important;
  padding:5px 10px;
  border:1px solid #d0d0d0 !important;
}

.ee__coupons[b-m4a3t5ppra]  .toggle-class .mob-search .searchbar {
  transition:2s all;
  width:100%;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-error .coupon-error-btn[disabled] {
  cursor:default;
  pointer-events:none;
  opacity:.5;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-error .product-info .product__list {
  margin-bottom:48px;
}

@media(min-width:768px) {
  .ee__coupons[b-m4a3t5ppra]  .coupon-error .product-info .add-Btn .add-btn[disabled] {
    cursor:default;
    pointer-events:none;
    opacity:.5;
  }
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .progressBar {
  margin:24px 0 6px 0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  height:66px;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .progressBar .step-container {
  display:flex;
  justify-content:space-between;
  flex-wrap:nowrap;
  gap:26px;
}

@media(max-width:1199px) and (min-width:1140px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list .product-info .progressBar .step-container {
    gap:22px !important;
  }
}

@media(max-width:1139px) and (min-width:1050px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list .product-info .progressBar .step-container {
    gap:17px !important;
  }
}

@media(max-width:1049px) and (min-width:992px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list .product-info .progressBar .step-container {
    gap:14px !important;
  }
}

@media(max-width:991px) and (min-width:768px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list .product-info .progressBar .step-container {
    gap:19px !important;
  }
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .progressBar .step-container .step {
  background-color:#eee;
  border-radius:50%;
  width:24px;
  height:24px;
  font-weight:600;
  color:var(--wd-color-text);
  z-index:0;
  margin-bottom:6px;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .progressBar .step-container .step.active {
  background-image:url(/-/media//DigitalCoupons/wd-icon-check);
  background-size:contain;
  background-repeat:no-repeat;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .progressBar .step-container .step:not(.active) {
  padding:2px;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .progressBar .step-container .dot::after {
  content:"";
  height:1px;
  width:100%;
  background-color:#ccc;
  display:inline-block;
  margin-left:24px;
  margin-bottom:2px;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .progressBar .step-container .dot.active::after {
  content:"";
  height:2px;
  width:127%;
  background-color:var(--wd-color-brand-red);
  display:inline-block;
  margin-left:24px;
  margin-bottom:2px;
  position:relative;
  top:0;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .progressBar .step-container .dot:last-child::after {
  display:none !important;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .progressBar .step-container .dot:not(.active)::after {
  position:relative;
  bottom:100%;
  width:141% !important;
  margin-left:22px !important;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .progressBar .step-container:has(.active)::before {
  content:none !important;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .progressBarSpendHead {
  min-height:50px;
  margin:23px 8px;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .progressBarSpendHead .progressBarSpend {
  position:relative;
  height:10px;
  background:#e0e0e0;
  border-radius:6px;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .progressBarSpendHead .progressBarSpend .step-container {
  height:100%;
  background:var(--wd-color-brand-red);
  transition:width .5s ease-in-out;
  border-radius:6px;
  position:absolute;
  text-align:-webkit-right;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .progressBarSpendHead .progressBarSpend .step-container::before {
  background-image:url(/-/media//DigitalCoupons/wd-icon-check);
  content:"";
  display:block;
  width:20px;
  height:20px;
  background-size:cover;
  background-repeat:no-repeat;
  position:relative;
  top:-5px;
  left:0;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .progressBarSpendHead .progressBarSpend .step-container::after {
  content:"";
  display:block;
  width:20px;
  position:relative;
  height:20px;
  background-color:var(--wd-color-brand-red);
  border-radius:50%;
  opacity:.3;
  animation:waveAnimation-b-m4a3t5ppra 2s infinite ease-out;
  top:-48px;
  left:0;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .progressBarSpendHead .progressBarSpend .step.dot {
  position:relative;
  bottom:-2px;
  border-radius:4px;
  display:flex;
  flex-direction:row-reverse;
  right:-12px;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .progressBarSpendHead .progressBarSpend .step.dot span {
  font-family:SEGFoco;
  font-weight:700;
  font-size:12px;
  line-height:100%;
  vertical-align:middle;
  color:var(--wd-color-brand-red);
  width:43px;
  height:23px;
  border-radius:4px;
  padding:4px;
  background:#e7ece9;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .progressBarSpendHead .progressBarSpend .step.dot span::before {
  border:0;
  font-family:"Font Awesome 5 Free";
  content:"";
  display:table-cell;
  vertical-align:middle;
  font-weight:900;
  color:#e7ece9;
  position:absolute;
  top:0;
  margin:0 auto;
  line-height:0;
  font-size:16px;
  transform:rotate(180deg);
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .er-span {
  height:25px;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .er-span .couponadded__failed {
  margin-bottom:-18px;
  color:var(--wd-color-brand-red);
  font-size:12px;
  margin-top:-2px;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .product__list {
  color:#727272;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .product__list span {
  font-size:.875em;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info .add-Btn {
  text-align:center;
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list .product-info .add-Btn {
    text-align:left;
  }
}

.ee__coupons[b-m4a3t5ppra]  .product-list h3.featured-h3 {
  color:var(--wd-color-accent-purple) !important;
}

.ee__coupons[b-m4a3t5ppra]  .product-list img.flag {
  position:absolute;
  top:40px;
  left:20px;
  width:65px;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .left-info {
  position:absolute;
  top:-34px;
  left:4px;
  background-color:#3c3c3b;
  color:#fff;
  font-size:.875em;
  padding:5px 16px;
  border-radius:0 0 4px 4px;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .left-info.left-info-featured {
  background-color:var(--wd-color-accent-purple) !important;
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list .left-info.left-info-featured {
    bottom:-22px;
    top:auto;
    left:6px;
    right:auto;
    border-radius:4px;
    min-width:22px;
    font-size:.75em;
  }
}

.ee__coupons[b-m4a3t5ppra]  .product-list .left-info.left-info-featured.con-featured {
  background-color:var(--wd-color-brand-red) !important;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .left-info.left-info-featured.con-active-lbl {
  background-color:#2f723c !important;
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list .left-info {
    padding:5px 6px !important;
    border-radius:0 0 0 0;
    top:-11px;
    left:13px;
  }
}

@media(max-width:1199px) and (min-width:992px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list .left-info {
    left:12px;
  }
}

.ee__coupons[b-m4a3t5ppra]  .progressBar-device {
  padding:14px 0 16px 0;
  border-bottom:solid 2px var(--wd-color-bread);
  display:flex;
  flex-direction:column;
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .progressBar-device {
    display:flex !important;
  }
  .ee__coupons[b-m4a3t5ppra]  .progressBar-device.ng-hide {
    display:none !important;
  }
}

.ee__coupons[b-m4a3t5ppra]  .progressBar-device .step-container {
  display:flex;
  justify-content:space-between;
}

.ee__coupons[b-m4a3t5ppra]  .progressBar-device .step-container .step {
  background-color:#eee;
  border-radius:50%;
  width:24px;
  height:24px;
  font-weight:600;
  color:var(--wd-color-text);
  z-index:0;
  margin-bottom:6px;
  text-align:center;
}

.ee__coupons[b-m4a3t5ppra]  .progressBar-device .step-container .step.active {
  background-image:url(/-/media//DigitalCoupons/wd-icon-check);
  background-size:contain;
  background-repeat:no-repeat;
}

.ee__coupons[b-m4a3t5ppra]  .progressBar-device .step-container .step:not(.active) {
  padding:2px;
}

.ee__coupons[b-m4a3t5ppra]  .progressBar-device .step-container .dot::after {
  content:"";
  height:1px;
  width:100%;
  background-color:#ccc;
  display:inline-block;
  margin-left:24px;
  margin-bottom:2px;
}

.ee__coupons[b-m4a3t5ppra]  .progressBar-device .step-container .dot.active::after {
  content:"";
  height:2px;
  width:127%;
  background-color:var(--wd-color-brand-red);
  display:inline-block;
  margin-left:23px;
  margin-bottom:2px;
  position:relative;
  top:0;
}

@media(max-width:767px) and (min-width:650px) {
  .ee__coupons[b-m4a3t5ppra]  .progressBar-device .step-container .dot.active::after {
    width:250% !important;
  }
}

@media(max-width:649px) and (min-width:450px) {
  .ee__coupons[b-m4a3t5ppra]  .progressBar-device .step-container .dot.active::after {
    width:200% !important;
  }
}

.ee__coupons[b-m4a3t5ppra]  .progressBar-device .step-container .dot:last-child::after {
  display:none !important;
}

.ee__coupons[b-m4a3t5ppra]  .progressBar-device .step-container .dot:not(.active)::after {
  position:relative;
  bottom:100%;
  width:141% !important;
  margin-left:22px !important;
}

@media(max-width:767px) and (min-width:650px) {
  .ee__coupons[b-m4a3t5ppra]  .progressBar-device .step-container .dot:not(.active)::after {
    width:250% !important;
  }
}

@media(max-width:649px) and (min-width:450px) {
  .ee__coupons[b-m4a3t5ppra]  .progressBar-device .step-container .dot:not(.active)::after {
    width:200% !important;
  }
}

.ee__coupons[b-m4a3t5ppra]  .progressBar-device .step-container:has(.active)::before {
  content:none !important;
}

.ee__coupons[b-m4a3t5ppra]  .progressBarSpend-deviceHead {
  padding:16px 10px 50px;
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .progressBarSpend-deviceHead {
    display:flex !important;
  }
}

.ee__coupons[b-m4a3t5ppra]  .progressBarSpend-deviceHead.ng-hide {
  display:none !important;
}

.ee__coupons[b-m4a3t5ppra]  .progressBarSpend-deviceHead .progressBarSpend-device {
  position:relative;
  height:10px;
  background:#e0e0e0;
  border-radius:6px;
  width:91%;
}

.ee__coupons[b-m4a3t5ppra]  .progressBarSpend-deviceHead .progressBarSpend-device .step-container {
  height:100%;
  background:var(--wd-color-brand-red);
  transition:width .5s ease-in-out;
  border-radius:6px;
  position:absolute;
  text-align:-webkit-right;
}

.ee__coupons[b-m4a3t5ppra]  .progressBarSpend-deviceHead .progressBarSpend-device .step-container::before {
  background-image:url(/-/media//DigitalCoupons/wd-icon-check);
  content:"";
  display:block;
  width:20px;
  height:20px;
  background-size:cover;
  background-repeat:no-repeat;
  position:relative;
  top:-5px;
  left:0;
}

.ee__coupons[b-m4a3t5ppra]  .progressBarSpend-deviceHead .progressBarSpend-device .step-container::after {
  content:"";
  display:block;
  width:20px;
  position:relative;
  height:20px;
  background-color:var(--wd-color-brand-red);
  border-radius:50%;
  opacity:.3;
  animation:waveAnimation-b-m4a3t5ppra 2s infinite ease-out;
  top:-48px;
  left:0;
}

.ee__coupons[b-m4a3t5ppra]  .progressBarSpend-deviceHead .progressBarSpend-device .step.dot {
  position:relative;
  bottom:-2px;
  border-radius:4px;
  display:flex;
  flex-direction:row-reverse;
  right:-12px;
}

.ee__coupons[b-m4a3t5ppra]  .progressBarSpend-deviceHead .progressBarSpend-device .step.dot span {
  font-family:SEGFoco;
  font-weight:700;
  font-size:12px;
  line-height:100%;
  vertical-align:middle;
  color:var(--wd-color-brand-red);
  width:43px;
  height:23px;
  border-radius:4px;
  padding:4px;
  background:#e7ece9;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ee__coupons[b-m4a3t5ppra]  .progressBarSpend-deviceHead .progressBarSpend-device .step.dot span::before {
  border:0;
  font-family:"Font Awesome 5 Free";
  content:"";
  display:table-cell;
  vertical-align:middle;
  font-weight:900;
  color:#e7ece9;
  position:absolute;
  top:0;
  margin:0 auto;
  line-height:0;
  font-size:16px;
  transform:rotate(180deg);
}

.ee__coupons[b-m4a3t5ppra]  .progressBarSpend-deviceHead .spendTotal {
  margin:initial;
  font-family:SEGFoco;
  font-weight:700;
  font-size:12px;
  line-height:100%;
  color:var(--wd-color-brand-red);
  min-width:50px;
  text-align:end;
}

.ee__coupons[b-m4a3t5ppra]  .con-add-btn {
  width:218px !important;
  font-size:1em;
}

.ee__coupons[b-m4a3t5ppra]  .add-btn {
  width:163px;
  height:49px;
  margin:24px 0;
  font-size:1.125em;
  font-weight:bold;
  line-height:1.39;
  letter-spacing:-.03px;
  text-align:center;
  padding:12px 0;
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
  border-radius:4px !important;
}

.ee__coupons[b-m4a3t5ppra]  .add-btn:focus {
  border:solid 2px #fff !important;
}

.ee__coupons[b-m4a3t5ppra]  .add-btn.minus-btn {
  width:200px;
}

.ee__coupons[b-m4a3t5ppra]  .add-btn i {
  background-color:#fff;
  color:var(--wd-color-brand-red);
  font-size:.75em;
  width:28px;
  border-radius:50px;
  height:28px;
  line-height:28px;
  text-align:center;
  margin-right:6px;
  position:relative;
  top:-2px;
  padding-left:1px;
}

.ee__coupons[b-m4a3t5ppra]  .add-btn:hover {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-add-btn .icon-add {
  width:24px;
  height:24px;
  background:url(/Areas/V2/Images/icon-check-brand.svg);
  background-repeat:no-repeat;
  object-fit:contain;
  display:inline-block;
  vertical-align:middle;
}

.ee__coupons[b-m4a3t5ppra]  .main-modal .product-list .product-info .couponadded__failed {
  position:absolute;
  margin-top:-18px;
  color:var(--wd-color-brand-red);
}

.ee__coupons[b-m4a3t5ppra]  .main-modal .add-btn {
  padding:7px 10px;
}

.ee__coupons[b-m4a3t5ppra]  .main-modal .total-count {
  margin:20px -25px;
  margin-bottom:0;
}

.ee__coupons[b-m4a3t5ppra]  a.main-link {
  color:var(--wd-color-brand-red);
  display:block;
  margin:10px 0;
}

.ee__coupons[b-m4a3t5ppra]  .cliping-grid {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  padding:15px;
}

.ee__coupons[b-m4a3t5ppra]  .cliping-grid p {
  margin:10px 0;
  font-size:.875em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.43;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
}

.ee__coupons[b-m4a3t5ppra]  .heading.blue-bg h2,.ee__coupons[b-m4a3t5ppra]  .heading.blue-bg h3 {
  color:#fff;
}

.ee__coupons[b-m4a3t5ppra]  .list-main {
  display:flex;
  margin-top:20px;
}

.ee__coupons[b-m4a3t5ppra]  .list-main .list-icon {
  min-width:42px;
}

.ee__coupons[b-m4a3t5ppra]  .list-main .list-icon i {
  width:28px;
  display:block;
}

.ee__coupons[b-m4a3t5ppra]  .list-main .list-icon i.fa-plus {
  background-color:var(--wd-color-brand-red);
  color:#fff;
  font-size:.625em;
  width:28px;
  border-radius:50px;
  height:28px;
  line-height:25px;
  text-align:center;
  margin-right:5px;
  border:2px solid var(--wd-color-brand-red);
}

.ee__coupons[b-m4a3t5ppra]  .list-main .list-icon i.count {
  display:block;
  background-color:#fedb00;
  border:1px solid #fff;
  width:30px;
  height:30px;
  text-align:center;
  line-height:28px;
  border-radius:50px;
  margin-right:5px;
  font-size:.625em;
  color:var(--wd-color-brand-red);
  font-style:normal;
  font-weight:600;
  position:relative;
}

.ee__coupons[b-m4a3t5ppra]  .list-main .list-icon i.count:after {
  content:"";
  font-family:Font Awesome\ 5 Free;
  position:absolute;
  top:0;
  background-color:#fff;
  height:10px;
  width:10px;
  line-height:10px;
  left:24px;
  text-align:center;
  font-size:7px;
  border-radius:50px;
  -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
  box-shadow:0 0 5px 0 rgba(0,0,0,.75);
}

.ee__coupons[b-m4a3t5ppra]  .list-main .list-info .h4 {
  margin:0;
  color:var(--wd-color-brand-red);
  margin-bottom:5px;
  font-family: var(--wd-font-body);
  font-size:.875em;
  line-height:1.43;
  letter-spacing:-.25px;
  font-weight:600;
}

.ee__coupons[b-m4a3t5ppra]  .list-main .list-info p {
  margin:0;
  font-size:1em;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
}

.ee__coupons[b-m4a3t5ppra]  .custom-panel .tab-content {
  border-top:1px solid #979797;
}

.ee__coupons[b-m4a3t5ppra]  .custom-panel ul.nav.nav-tabs {
  padding-bottom:20px;
  border-bottom:1px solid #979797;
}

.ee__coupons[b-m4a3t5ppra]  .custom-panel ul.nav.nav-tabs li a {
  color:var(--wd-color-text);
  font-size:.75em;
  padding:5px 10px;
  border:none;
  background-color:transparent !important;
}

.ee__coupons[b-m4a3t5ppra]  .custom-panel ul.nav.nav-tabs li.active a {
  color:var(--wd-color-brand-red) !important;
  font-weight:600;
  border-bottom:3px solid var(--wd-color-brand-red) !important;
}

.ee__coupons[b-m4a3t5ppra]  .custom-panel .items a {
  color:var(--wd-color-text);
  font-size:.75em;
  text-decoration:underline;
}

.ee__coupons[b-m4a3t5ppra]  .custom-panel .items span {
  font-size:.75em;
}

.ee__coupons[b-m4a3t5ppra]  .p-0 {
  padding:0 !important;
}

.ee__coupons[b-m4a3t5ppra]  .blue-bg {
  background-color:var(--wd-color-accent-purple) !important;
  border-radius:4px 4px 0 0;
}

.ee__coupons[b-m4a3t5ppra]  .blue-outline {
  background-color:#56b7e6;
  margin-bottom:20px;
  padding:20px;
  border-radius:0 0 4px 4px;
}

.ee__coupons[b-m4a3t5ppra]  .blue-outline img {
  width:auto;
  max-height:130px;
  margin:0 auto;
}

.ee__coupons[b-m4a3t5ppra]  .d-block {
  display:block;
}

.ee__coupons[b-m4a3t5ppra]  .m-auto {
  margin:0 auto;
  margin-bottom:6px;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-wrapper {
  position:relative;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-wrapper .digi_slide--arrow {
  font-size:x-large;
  color:var(--wd-color-brand-red);
}

.ee__coupons[b-m4a3t5ppra]  .coupon-wrapper .bx-next {
  position:absolute;
  top:27%;
  right:-25px;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-wrapper .bx-prev {
  position:absolute;
  top:27%;
  left:-25px;
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .coupon-wrapper {
    padding-left:22px !important;
  }
}

.ee__coupons[b-m4a3t5ppra]  .catcount {
  line-height:1.43;
  letter-spacing:-.25px;
  text-align:right;
  color:var(--wd-color-text);
  font-size:.875em;
}

@media(min-width:769px) and (max-width:1200px) {
  .ee__coupons[b-m4a3t5ppra]  .paddright32 {
    padding:0 32px;
  }
}

@media(min-width:100px) and (max-width:767px) and (min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .coupon-add-btn-mob {
    margin:0;
    margin-right:0;
    font-size:.875em;
    font-weight:600;
    width:35px;
    height:34px;
    padding:0;
    color:var(--wd-color-text) !important;
    display:flex;
    justify-content:center;
  }
}

@media(min-width:768px) {
  .ee__coupons[b-m4a3t5ppra]  .container .headline,.ee__coupons[b-m4a3t5ppra]  .container .item-slider,.ee__coupons[b-m4a3t5ppra]  .container .header-inner {
    width:100%;
    padding:0 2px;
  }
}

@media(min-width:1200px) {
  .ee__coupons[b-m4a3t5ppra]  .container .headline,.ee__coupons[b-m4a3t5ppra]  .container .item-slider,.ee__coupons[b-m4a3t5ppra]  .container #couponGallery,.ee__coupons[b-m4a3t5ppra]  .container .header-inner {
    width:1170px;
    padding:0;
    margin:auto;
  }
}

@media(max-width:1024px) and (min-width:768px) {
  .ee__coupons[b-m4a3t5ppra]  .ee__coupons .item-slider .coupon__category .c-list button {
    margin:10px auto 10px;
  }
}

@media(max-width:768px) {
  .ee__coupons[b-m4a3t5ppra]  .header_sticky .headline h1 {
    padding:0 20px 10px;
  }
}

.container-fluid.topBg.padding_0[b-m4a3t5ppra] {
  max-width:100%;
}

.header_sticky[b-m4a3t5ppra] {
  position:fixed !important;
  top:0;
  width:100%;
  z-index:1;
  background-color:#fff;
}

.visible-title[b-m4a3t5ppra] {
  display:block;
}

.hidden-title[b-m4a3t5ppra] {
  display:none;
}

.main__fixed__header .ee__coupons[b-m4a3t5ppra]  .modal.right .modal-dialog.modalTopPad {
  margin-top:22px;
}

@media(min-width:100px) and (max-width:767px) {
  .main__fixed__header .ee__coupons[b-m4a3t5ppra]  .modal.right .modal-dialog.modalTopPad {
    margin-top:37px;
  }
}

@media only screen and (max-device-width:1024px) and (min-device-width:768px) and (orientation:landscape) {
  body.modal-open[b-m4a3t5ppra] {
    position:initial;
  }
}

@media(max-width:991px) {
  section.filter-coupon-section.filter-coupon-section_new[b-m4a3t5ppra] {
    display:none;
  }
}

.zoomTxt .ee__coupons[b-m4a3t5ppra]  .add-btn {
  height:auto;
  width:auto;
}

.zoomTxt .ee__coupons[b-m4a3t5ppra]  .fiter-stripe {
  height:auto;
}

.zoomTxt .ee__coupons[b-m4a3t5ppra]  .saving-nos {
  height:auto;
}

.zoomTxt .ee__coupons[b-m4a3t5ppra]  .saving-nos i.count {
  width:35%;
  height:24%;
  line-height:26px !important;
}

.zoomTxt .ee__coupons[b-m4a3t5ppra]  .main-modal .add-btn {
  height:auto;
  width:auto;
}

.ee__coupons[b-m4a3t5ppra]  .product-main .pickedforyou .searchstore__sub {
  margin:0 auto;
}

@media(max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  #couponGallery {
    display:flex;
    flex-direction:column-reverse;
  }
}

@media(min-width:992px) {
  .ee__coupons[b-m4a3t5ppra]  #couponGallery {
    display:flex;
  }

  .ee__coupons[b-m4a3t5ppra]  #couponGallery .coupongalleryspace {
    margin-left:50px;
  }
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .category_filter button.filter__coupon {
  border:none !important;
  background:#fff !important;
  text-align:left;
  font-size:1em;
  font-weight:normal;
  color:var(--wd-color-text) !important;
  max-width:100% !important;
  cursor:pointer;
  border:0;
  margin:2px 0;
  border-radius:4px;
  padding:4px 6px;
  display:inline-flex;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .category_filter button.filter__coupon .sub_filter__coupon {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:230px;
  display:inline-block;
  margin:0;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .category_filter button.filter__coupon.activeCatg {
  background-color:#e8e8e8 !important;
  font-weight:bold;
  margin-left:4px;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .category_filter button.filter__coupon.activeCatg:hover,.ee__coupons[b-m4a3t5ppra]  .new_filtersection .category_filter button.filter__coupon.activeCatg:focus {
  text-decoration:none;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .category_filter button.filter__coupon:hover,.ee__coupons[b-m4a3t5ppra]  .new_filtersection .category_filter button.filter__coupon:focus {
  font-weight:bold;
  text-decoration:underline;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .category_filter button.filter__coupon .sub_filter__coupon {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:230px;
  display:inline-block;
  margin:0;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul li label.check input[type="checkbox"] {
  opacity:0;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul li label.check span.spnCheck {
  display:inline-flex;
  font-size:16px;
  line-height:17px;
  margin-left:-13px;
  border-radius:4px;
  padding:4px 6px;
  cursor:pointer;
  color:var(--wd-color-text);
  margin-top:4px;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul li label.check span.spnCheck .sub_spnCheck {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:170px;
  display:inline-block;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul li label.check span.spnCheck:hover,.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul li label.check span.spnCheck:focus {
  font-weight:bold;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul li label.check input[type=checkbox]:checked+input+span+span {
  background-color:#e8e8e8 !important;
  font-weight:bold;
  margin-left:-9px;
}

/* Selected brand. Live styles the checked state on the LABEL TEXT, not with a class on the
   <li> — its brand rows are plain checkboxes (ng-model only), and the only ng-class in that
   block is 'activeBrand' on the "All brands" button, which is already handled below/above.
   Measured on live /coupons, checked then blurred: span.spnCheck goes font-weight 400 -> 700 and
   background transparent -> rgb(232,232,232). Ours had only :focus:checked and :hover rules, so a
   selected brand looked identical to an unselected one the moment focus moved away — the tick
   itself is the custom .checkInput box, which doesn't change either. #e8e8e8 is the same grey
   .allbrand.activeBrand already uses here, and is not one of the rebrand's retired literals. */
.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul li label.check input[type=checkbox]:checked~.spnCheck {
  background-color:#e8e8e8;
  font-weight:bold;
}
.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul li label.check input[type=checkbox]:focus:checked~.spnCheck,.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul li label.check input[type=checkbox]:focus:not(:checked)~.spnCheck {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
  font-weight:bold;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul li label.check input[type=checkbox]:focus:not(:checked)~.spnCheck,.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul li label.check input[type=checkbox]:hover:not(:checked)~.spnCheck {
  text-decoration:underline;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul li label.check input[type=checkbox]hover:checked~.spnCheck,.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul li label.check input[type=checkbox]:focus:checked~.spnCheck {
  text-decoration:none;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul li button.allbrand.activeBrand {
  background-color:#e8e8e8 !important;
  font-weight:bold;
  margin-left:10px;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul li button.allbrand.activeBrand:hover,.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul li button.allbrand.activeBrand:focus {
  text-decoration:none;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .filterscroll {
  padding:0;
  display:-webkit-box;
  overflow-x:scroll;
  overscroll-behavior:contain;
  align-content:center;
  border-bottom:1px solid var(--wd-color-bread);
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .filterscroll::-webkit-scrollbar {
  width:0;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .filterscroll::-webkit-scrollbar-track {
  background:#fff;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .filterscroll::-webkit-scrollbar-thumb {
  background:#fff;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .filterscroll::-webkit-scrollbar-thumb:hover {
  background:#fff;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .filterscroll .selectedFilter {
  max-width:fit-content;
  height:32px;
  margin:5px 10px 10px 0;
  border:1px solid var(--wd-color-brand-red);
  display:flex;
  align-items:center;
  padding:6px 10px;
  border-radius:4px;
  color:var(--wd-color-brand-red);
  font-size:14px;
  font-weight:bold;
}

@media screen and (max-width:993px) and (min-width:768px) {
  .ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .filterscroll .selectedFilter {
    font-size:16px;
  }
}

/* No margin-bottom, unlike live's 6px, and a tight line-height — both to stop the "x" riding
   above the chip's label.
   The parent .selectedFilter is `display:flex; align-items:center`, which centres this button's
   MARGIN box, so live's `margin-bottom: 6px` lifts the glyph half of that (3px) off centre. On
   live that miss is invisible because Asap's multiplication sign sits low enough in its em box
   to cancel it — measured there at -0.5px between the glyph's ink centre and the label's. WD
   Shopper draws the same character higher, so the nudge compounds instead of cancelling and ours
   came out -2.7px: a visibly raised x. This is the font swap surfacing a nudge that was only
   ever tuned for the old face.
   Fixed by removing the nudge rather than re-tuning it: with no vertical margin the flex centring
   is exact, and line-height:1 keeps the button's box tight to the glyph so the result does not
   depend on either font's default line box. Ink-measured after the change (see below). */
.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .filterscroll .selectedFilter .closeicon {
  font-size:26px;
  line-height:1;
  margin-bottom:0;
  margin-left:10px;
  font-weight:500;
  border:none;
  padding:0;
  background:none;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .category_filter ul li button.filter__coupon {
  background:none;
  border:0;
  font-size:1em;
  font-weight:normal;
  margin:4px 0;
  border-radius:4px;
  padding:4px 6px;
  color:var(--wd-color-text);
  display:inline-flex;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .category_filter ul li button.filter__coupon .sub_filter__coupon {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  display:inline-block;
  margin:0;
}

@media(max-width:450px) {
  .ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .category_filter ul li button.filter__coupon .sub_filter__coupon {
    max-width:270px;
  }
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .category_filter ul li button.filter__coupon.activeCatg {
  background-color:#e8e8e8 !important;
  font-weight:bold;
  margin-left:4px;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .category_filter ul li button.filter__coupon .sub_filter__coupon {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  display:inline-block;
  margin:0;
}

@media(max-width:450px) {
  .ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .category_filter ul li button.filter__coupon .sub_filter__coupon {
    max-width:270px;
  }
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .subcatg_filter ul li label.check input[type="checkbox"] {
  opacity:0;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .subcatg_filter ul li label.check span.spnCheck {
  display:inline-flex;
  font-size:16px;
  line-height:22px;
  margin:1px 0;
  margin-left:-13px;
  border-radius:4px;
  padding:4px 6px;
  cursor:pointer;
  color:var(--wd-color-text);
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .subcatg_filter ul li label.check span.spnCheck .sub_spnCheck {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  display:inline-block;
  margin:0;
}

@media(max-width:450px) {
  .ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .subcatg_filter ul li label.check span.spnCheck .sub_spnCheck {
    max-width:270px;
  }
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .subcatg_filter ul li label.check input[type=checkbox]:checked+input+span+span {
  background-color:#e8e8e8 !important;
  font-weight:bold;
  margin-left:-9px;
}

/* Same selected-brand state for the mobile filter modal's copy of this list — the two
   scopes are kept as separate rule sets throughout this file, matching the legacy bundle. */
.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .subcatg_filter ul li label.check input[type=checkbox]:checked~.spnCheck {
  background-color:#e8e8e8;
  font-weight:bold;
}
.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .subcatg_filter ul li label.check input[type=checkbox]:focus:checked~.spnCheck,.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .subcatg_filter ul li label.check input[type=checkbox]:focus:not(:checked)~.spnCheck {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
  font-weight:bold;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .subcatg_filter ul li button.allbrand.activeBrand {
  background-color:#e8e8e8 !important;
  font-weight:bold;
  margin-left:10px;
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .headerbar.header_sticky {
    margin-left:-20px;
  }
}

/* .headerbarMob is rendered by MobileFilterBar.razor, a different component from this file's own
   Coupons.razor scope — needs ::deep (missing on this whole block previously, which meant these
   rules, ported verbatim from legacy's unscoped CSS, never matched anything). */
.ee__coupons[b-m4a3t5ppra]  .headerbarMob.header_sticky {
  position:fixed !important;
  top:var(--wd-header-h, 94px);
  z-index:20;
  background-color:#fff;
  width:-webkit-fill-available;
  padding-right:20px;
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .headerbarMob.header_sticky {
    margin-left:-21px;
    padding-left:23px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .headerbarMob.header_sticky {
    padding-right:69px;
  }
}

.ads_section a:focus[b-m4a3t5ppra] {
  display:inline-block;
  width:100%;
}

.adsimg_div img[b-m4a3t5ppra] {
  border-radius:4px;
  width:100%;
  padding:14px;
}

@media(min-width:768px) and (max-width:991px) {
  .adsimg_div img[b-m4a3t5ppra] {
    padding:13px;
  }
}

@media(max-width:767px) {
  .adsimg_div[b-m4a3t5ppra] {
    padding:13px 0;
    flex-direction:column;
    border-bottom:solid 2px var(--wd-color-bread);
  }
  .adsimg_div img[b-m4a3t5ppra] {
    padding:0;
  }
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon.display-indicator {
  display:none;
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .progress-indicator-inner {
  background:#fff;
  z-index:99999999;
  position:fixed;
  top:50%;
  left:44%;
  margin:auto;
  text-align:center;
  border-radius:24px;
  top:-moz-calc(50% - 80px);
  top:-webkit-calc(50% - 80px);
  top:-o-calc(50% - 80px);
  top:calc(50% - 80px);
  left:-moz-calc(50% - 76px);
  left:-webkit-calc(50% - 76px);
  left:-o-calc(50% - 76px);
  left:calc(50% - 76px);
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle {
  width:65px;
  height:65px;
  position:relative;
  margin:35px auto;
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle .sk-circle2 {
  -webkit-transform:rotate(30deg);
  -ms-transform:rotate(30deg);
  transform:rotate(30deg);
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle .sk-circle2:before {
  -webkit-animation-delay:-1.1s;
  animation-delay:-1.1s;
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle .sk-circle3 {
  -webkit-transform:rotate(60deg);
  -ms-transform:rotate(60deg);
  transform:rotate(60deg);
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle .sk-circle3:before {
  -webkit-animation-delay:-1s;
  animation-delay:-1s;
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle .sk-circle4 {
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle .sk-circle4:before {
  -webkit-animation-delay:-.9s;
  animation-delay:-.9s;
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle .sk-circle5 {
  -webkit-transform:rotate(120deg);
  -ms-transform:rotate(120deg);
  transform:rotate(120deg);
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle .sk-circle5:before {
  -webkit-animation-delay:-.8s;
  animation-delay:-.8s;
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle .sk-circle6 {
  -webkit-transform:rotate(150deg);
  -ms-transform:rotate(150deg);
  transform:rotate(150deg);
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle .sk-circle6:before {
  -webkit-animation-delay:-.7s;
  animation-delay:-.7s;
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle .sk-circle7 {
  -webkit-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg);
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle .sk-circle7:before {
  -webkit-animation-delay:-.6s;
  animation-delay:-.6s;
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle .sk-circle8 {
  -webkit-transform:rotate(210deg);
  -ms-transform:rotate(210deg);
  transform:rotate(210deg);
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle .sk-circle8:before {
  -webkit-animation-delay:-.5s;
  animation-delay:-.5s;
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle .sk-circle9 {
  -webkit-transform:rotate(240deg);
  -ms-transform:rotate(240deg);
  transform:rotate(240deg);
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle .sk-circle9:before {
  -webkit-animation-delay:-.5s;
  animation-delay:-.5s;
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle .sk-circle10 {
  -webkit-transform:rotate(270deg);
  -ms-transform:rotate(270deg);
  transform:rotate(270deg);
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle .sk-circle10:before {
  -webkit-animation-delay:-.4s;
  animation-delay:-.4s;
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle .sk-circle11 {
  -webkit-transform:rotate(300deg);
  -ms-transform:rotate(300deg);
  transform:rotate(300deg);
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle .sk-circle11:before {
  -webkit-animation-delay:-.3s;
  animation-delay:-.3s;
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle .sk-circle12 {
  -webkit-transform:rotate(330deg);
  -ms-transform:rotate(330deg);
  transform:rotate(330deg);
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-circle .sk-circle12:before {
  -webkit-animation-delay:-.2s;
  animation-delay:-.2s;
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-child {
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .sk-child:before {
  content:'';
  display:block;
  margin:0 auto;
  width:15%;
  height:15%;
  background-color:var(--wd-color-brand-red);
  border-radius:100%;
  -webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;
  animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.rgtContent[b-m4a3t5ppra]  #progress-indicator-coupon .one-moment-txt {
  font-size:.8125em;
  font-weight:800;
  font-style:normal;
  font-stretch:normal;
  text-align:center;
  color:var(--wd-color-text);
  margin:18px;
}

.couponhelp_model .couponshelp-learn[b-m4a3t5ppra] {
  font-family: var(--wd-font-body);
  font-style:normal;
  font-weight:700;
  font-size:1.125em;
  line-height:22px;
  font-stretch:normal;
  font-style:normal;
  text-align:center;
  display:inline-table;
  margin:15px;
  margin-right:17px;
  text-decoration:none;
  cursor:pointer;
  color:var(--wd-color-text);
  background-color:#fff;
  border:1px solid #3c3c3b;
  border-radius:6px;
  padding:12px 16px;
  letter-spacing:-.25px;
}

@media only screen and (max-width:767px) {
  .couponhelp_model .couponshelp-learn[b-m4a3t5ppra] {
    margin-bottom:33px;
  }
}

.couponhelp_model .couponshelp-learn:hover[b-m4a3t5ppra] {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
  display:inline-table;
}

.PMOGallery a.keyblock[b-m4a3t5ppra] {
  color:var(--wd-color-text);
  font-weight:800;
  font-size:1.375em;
  margin-top:-10px;
}

.PMOGallery a.keyblock.arrow-left[b-m4a3t5ppra] {
  margin-right:-8px;
}

.PMOGallery a.keyblock.arrow-right[b-m4a3t5ppra] {
  margin-right:-10px;
}

.PMOGallery .pmoCouponTile[b-m4a3t5ppra] {
  padding:14px;
  margin:0;
  padding-left:0;
}

@media(min-width:768px) and (max-width:1199px) {
  .PMOGallery .pmoCouponTile[b-m4a3t5ppra] {
    padding:14px 7px 14px 0;
    margin:0;
    min-width:280px;
  }
}

.PMOGallery .pmoCouponTile .mboCoupon[b-m4a3t5ppra] {
  display:inline-block;
  border-radius:4px;
  width:270px;
}

.PMOGallery .pmoCouponTile .mboCoupon:hover[b-m4a3t5ppra] {
  cursor:pointer;
}

.PMOGallery .pmoCouponTile .mboCoupon:focus[b-m4a3t5ppra] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}

.PMOGallery .pmoCouponTile .PMO-img[b-m4a3t5ppra] {
  position:absolute;
  width:96px;
  height:86px;
  padding:0;
}

.PMOGallery .pmoCouponTile .PMOcoupon-info[b-m4a3t5ppra] {
  width:86%;
  min-height:72px;
  border-radius:12px;
  background:var(--wd-color-brand-red);
  float:right;
  box-shadow:0 2px 12px 0 rgba(0,0,0,.1);
  margin:5px 0;
  margin-top:5px;
}

@media(max-width:1199px) {
  .PMOGallery .pmoCouponTile .PMOcoupon-info[b-m4a3t5ppra] {
    min-height:64px;
  }
}

@margin (max-width:767px) {
  .PMOGallery .pmoCouponTile .PMOcoupon-info[b-m4a3t5ppra] {
    min-height:60px;
    margin-top:6px;
  }
}

.PMOGallery .pmoCouponTile .PMOcoupon-info .headcontent h3[b-m4a3t5ppra] {
  font-family: var(--wd-font-body);
  font-size:14px;
  font-weight:700;
  line-height:16.04px;
  letter-spacing:-.2222222238779068px;
  text-align:left;
  text-underline-position:from-font;
  text-decoration-skip-ink:none;
  color:#fff;
  margin:0;
  padding:8px 17px 8px 65px;
  height:48px;
}

.PMOGallery .pmoCouponTile .PMOcoupon-info .expcontent.active[b-m4a3t5ppra] {
  background:#2f723c;
}

.PMOGallery .pmoCouponTile .PMOcoupon-info .expcontent[b-m4a3t5ppra] {
  background-color:#8e1537;
  display:flex;
  height:24px;
  align-items:center;
  padding:8px 0 8px 65px;
  border-radius:0 0 12px 12px;
}

.PMOGallery .pmoCouponTile .PMOcoupon-info .expcontent p[b-m4a3t5ppra] {
  font-family: var(--wd-font-body);
  font-size:12px;
  font-weight:700;
  line-height:13.75px;
  letter-spacing:-.2222222238779068px;
  text-align:left;
  text-underline-position:from-font;
  text-decoration-skip-ink:none;
  color:#fff;
}

.PMOGallery .pmoCouponTile .PMOcoupon-info .expcontent span[b-m4a3t5ppra] {
  font-family: var(--wd-font-body);
  font-size:10px;
  font-weight:500;
  line-height:11.46px;
  letter-spacing:-.2222222238779068px;
  text-align:left;
  text-underline-position:from-font;
  text-decoration-skip-ink:none;
  color:#fff;
  padding-left:16px;
}

.PMOGallery .pmoCouponTile .PMOcoupon-info .content[b-m4a3t5ppra] {
  width:81%;
  float:right;
  padding:14px 7px 7px 20px;
}

@media(max-width:1199px) {
  .PMOGallery .pmoCouponTile .PMOcoupon-info .content[b-m4a3t5ppra] {
    padding:5px 5px 5px 12px;
  }
}

@media(max-width:767px) {
  .PMOGallery .pmoCouponTile .PMOcoupon-info .content[b-m4a3t5ppra] {
    padding:7px 5px 7px 17px;
  }
}

.PMOGallery .pmoCouponTile .PMOcoupon-info .content h3[b-m4a3t5ppra] {
  margin:0;
  font-size:1em;
  font-weight:600;
  line-height:15px;
  color:var(--wd-color-accent-purple);
}

@media(max-width:767px) {
  .PMOGallery .pmoCouponTile .PMOcoupon-info .content h3[b-m4a3t5ppra] {
    font-size:.875em;
  }
}

.PMOGallery .pmoCouponTile .PMOcoupon-info .content p[b-m4a3t5ppra] {
  font-size:.75em;
  line-height:20px;
  margin-top:5px;
  color:var(--wd-color-accent-purple);
}

@media(max-width:1199px) {
  .PMOGallery .pmoCouponTile .PMOcoupon-info .content p[b-m4a3t5ppra] {
    margin-top:2px;
  }
}

.PMOGallery .pmoCouponTile .PMOcoupon-info span.active[b-m4a3t5ppra] {
  position:absolute;
  background:#fedb09;
  border-radius:7px;
  transform:matrix(.99,-.1,.1,.99,0,0);
  bottom:17px;
  right:5px;
  width:87px;
  height:23px;
  font-size:.875em;
  font-weight:700;
  display:flex;
  justify-content:center;
  align-items:center;
  color:#24135e;
}

@media(min-width:768px) and (max-width:1199px) {
  .PMOGallery .pmoCouponTile .PMOcoupon-info span.active[b-m4a3t5ppra] {
    right:0;
  }
}

.ee__coupons[b-m4a3t5ppra]  .wave {
  position:absolute;
  width:24px;
  height:24px;
  background-color:var(--wd-color-brand-red);
  border-radius:50%;
  opacity:.3;
  animation:waveAnimation-b-m4a3t5ppra 2s infinite ease-out;
}

@keyframes waveAnimation-b-m4a3t5ppra {
  0% {
    transform:scale(1);
    opacity:.3;
  }
  100% {
    transform:scale(2.5);
    opacity:0;
  }
}

@media(min-width:992px) {
  .ee__coupons[b-m4a3t5ppra]  .container {
    width:100%;
    margin:0;
  }
}

.ee__coupons[b-m4a3t5ppra]  .container {
  padding-left:0;
  padding-right:0;
}

.ee__coupons[b-m4a3t5ppra]  .container {
  padding-bottom:80px;
}

.ee__coupons[b-m4a3t5ppra]  .container.filter-path {
  padding-bottom:0;
}

.ee__coupons[b-m4a3t5ppra]  .error_state {
  color:var(--wd-color-brand-red);
  padding:30px 0;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section {
  padding-top:10px;
}

@media(min-width:992px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section {
    display:none;
  }
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section {
    padding:0 !important;
  }
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .modal-content {
  background-color:#fff;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter {
  background-color:#fff;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.15);
  padding:13px 0;
  position:relative;
  margin-bottom:25px;
}

@media(max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter {
    box-shadow:none;
    margin-bottom:0 !important;
    padding:0;
  }
}

@media(max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .filter-modal {
    top:185px;
    padding-right:0 !important;
  }
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .mobonly .mobile-filter {
  display:flex;
  justify-content:space-between;
  padding-right:22px;
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .mobonly .mobile-filter {
    padding:0;
    margin-bottom:10px;
    padding-right:0;
  }
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .mobonly .mobile-filter .mobfilterheader {
  font-family: var(--wd-font-body);
  font-weight:bold;
  color:var(--wd-color-brand-red);
  margin-bottom:0;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .mobonly .mobile-filter .mobfilterheader h3 {
  font-size:1.375em;
  margin:0;
  height:auto;
  font-weight:bold;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .mobonly .SortAreaMob {
  display:flex;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .mobonly .SortAreaMob h3 {
  padding-left:8px;
  padding-top:11px;
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-weight:600;
  color:var(--wd-color-brand-red);
  margin-bottom:0;
  height:auto;
}

@media(min-width:100px) and (max-width:419px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .mobonly .SortAreaMob h3 {
    padding-left:4px;
  }
}

@media(max-width:1024px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .mobonly .SortAreaMob h3 {
    padding-top:0;
    margin:4px;
  }
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .mobonly .SortAreaMob button.filter-btn {
  background:none;
  border:none;
  display:flex;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .mobonly .sortOrderDropdown .drop-select a.btn {
  padding:10px;
  font-weight:600;
  font-size:1em;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter p {
  font-weight:600;
  color:var(--wd-color-text);
  margin:0;
  font-size:.75em;
  line-height:26px;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .filter-dropdown .filter-list li .dropdown.open .dropdown-menu {
  top:34px;
  border:none;
  border-radius:0;
  padding:15px 0;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .filter-dropdown .filter-list li .dropdown button.dropdown-toggle {
  border:none;
  background-color:transparent;
  color:var(--wd-color-brand-red);
  font-size:.75em;
  font-weight:500;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section ul.filterList li.sortbySec {
  position:relative;
  left:35%;
}

@media(max-width:1024px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section ul.filterList li.sortbySec {
    left:48%;
  }
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filterList .filterclear .clrfilterbtn {
  background:none;
  border:none;
  font-family: var(--wd-font-body);
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filterList.container {
  width:1170px;
  margin:0 auto;
}

@media(max-width:768px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filterList.container {
    width:750px;
  }
}

@media(max-width:1199px) and (min-width:992px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filterList.container {
    width:970px;
  }
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .dropdown-menu {
  padding:10px;
  border:none;
  overflow:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  max-height:340px;
  margin-top:2px;
  box-shadow:0 2px 8px 0 rgba(0,0,0,.5);
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .dropdown-menu ul {
  list-style:none;
  padding:0;
  margin:0;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .dropdown-menu li {
  white-space:nowrap;
  margin-bottom:8px;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .dropdown-menu::-webkit-scrollbar {
  width:2px;
  border-radius:4px;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .dropdown-menu::-webkit-scrollbar-thumb {
  background-color:var(--wd-color-border);
  border-radius:4px;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .dropdown-toggle[aria-expanded="false"]::after {
  font-family:FontAwesome;
  content:"";
  color:var(--wd-color-brand-red);
  border:none;
  font-size:.75em;
  vertical-align:2px;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .dropdown-toggle[aria-expanded="true"]::after {
  font-family:FontAwesome;
  content:"";
  color:var(--wd-color-brand-red);
  border:none;
  font-size:.75em;
  vertical-align:2px;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-modal .header-modal button.close {
  opacity:1;
  float:right;
  right:20px;
  position:absolute;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-modal .header-modal button.close img {
  width:16px;
  height:16px;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-modal .modal-dialog {
  margin:0;
  border-radius:0;
  border:none;
  width:100%;
  height:100%;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-modal .modal-dialog .modal-content {
  border:none;
  border-radius:0;
  padding-top:24px;
  padding-bottom:30px;
  height:100%;
  overflow:auto;
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-modal .modal-dialog .modal-content {
    height:auto;
    overflow:initial;
  }
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-modal .modal-dialog .modal-content h3 {
  color:var(--wd-color-text);
  font-family: var(--wd-font-body);
  font-size:1.375em;
  font-weight:bold;
  margin:0;
  margin-right:10px;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-modal .modal-dialog .modal-content .modal-body {
  padding:10px 20px;
  padding-bottom:0;
  display:flow-root;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-modal .modal-dialog .modal-footer {
  text-align:center;
  border:none;
  padding:5px 0;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filter-modal .modal-dialog .clearfiltermob button.clrfilterbtn {
  border:none;
  background:none;
  text-decoration:underline;
  color:var(--wd-color-brand-red);
  font-size:.875em;
  padding-right:0;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .modal.left .modal-dialog {
  position:fixed;
  margin:auto;
  width:320px;
  height:100%;
  -webkit-transform:translate3d(0%,0,0);
  -ms-transform:translate3d(0%,0,0);
  -o-transform:translate3d(0%,0,0);
  transform:translate3d(0%,0,0);
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .modal.right .modal-dialog {
  position:fixed;
  margin:auto;
  width:320px;
  height:100%;
  -webkit-transform:translate3d(0%,0,0);
  -ms-transform:translate3d(0%,0,0);
  -o-transform:translate3d(0%,0,0);
  transform:translate3d(0%,0,0);
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .modal.left .modal-dialog {
    width:100%;
  }
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .modal.right .modal-dialog {
    width:100%;
  }
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .drop-select {
  background-color:#fff;
  border:1px solid var(--wd-color-border);
  min-width:200px;
  position:relative;
  height:41px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .drop-select a.btn {
  font-size:1em;
  color:var(--wd-color-text);
  font-weight:600;
  box-shadow:none !important;
  width:100%;
  text-align:left;
  padding:5px 5px 5px 54px;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .drop-select a.btn:before {
  content:attr(data-before);
  font-weight:400;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .drop-select .dropdown-menu {
  border:1px solid var(--wd-color-border);
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .drop-select .open>.dropdown-menu {
  display:block;
  width:100%;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .drop-select .dropdown-submenu:hover .dropdown-menu {
  top:0;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .drop-select ul.dropdown-menu {
  min-width:100% !important;
  border-radius:4px;
  padding:10px 0;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .drop-select ul.dropdown-menu li a {
  color:var(--wd-color-text);
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .drop-select ul.dropdown-menu li a:focus {
  background-color:var(--wd-color-brand-red) !important;
  background-image:none;
  color:#fff;
  filter:none;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .drop-select ul.dropdown-menu li a:hover {
  background-color:var(--wd-color-brand-red) !important;
  background-image:none;
  color:#fff;
  filter:none;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .drop-select ul.dropdown-menu li button {
  color:var(--wd-color-text);
  padding:5px 14px;
  border-style:none;
  width:-webkit-fill-available;
  color:var(--wd-color-text);
  background-color:transparent;
  border-style:none;
  display:block;
  clear:both;
  font-weight:400;
  line-height:1.42857143;
  white-space:nowrap;
  font-family: var(--wd-font-body);
  text-align:left;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .drop-select ul.dropdown-menu li button:hover {
  background-color:var(--wd-color-brand-red) !important;
  background-image:none;
  color:#fff;
  filter:none;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .btn-group.drop-select .btn:after {
  padding-left:20px;
  border:none;
  font-family:FontAwesome;
  content:"";
  color:var(--wd-color-brand-red);
  font-size:.75em;
  right:18px;
  top:6px;
  float:right;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .btn-group.drop-select.open .btn:after {
  border:none;
  font-family:FontAwesome;
  color:var(--wd-color-brand-red);
  font-size:.75em;
  content:"";
}

/* Duplicated from CouponDetailModal.razor.css (this file owns .ee__coupons, so it's the copy
   that actually matches — see that file's own header comment on why these rules are
   intentionally duplicated verbatim across sibling components). */
.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-title {
  float:left;
  font-size:1.375em;
  font-weight:bold;
  font-family: var(--wd-font-body);
  color:var(--wd-color-brand-red);
  letter-spacing:-.31px;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-dialog {
  width:480px;
  height:auto;
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-dialog {
    width:auto;
  }
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content {
  padding:32px;
  background-color:#fff;
  border-radius:0;
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content {
    padding:25px;
  }
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .fluent-dialog-body.modal-content {
  border:none !important;
  box-shadow:none !important;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .modal-body {
  padding:0;
  margin-top:30px;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .save-amt {
  font-family: var(--wd-font-body);
  font-size:1.25em;
  font-weight:700;
  color:var(--wd-color-brand-red);
  margin-top:15px;
}

@media(min-width:100px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .save-amt {
    font-size:1.125em;
  }
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .item-details {
  font-family: var(--wd-font-body);
  font-size:16px;
  font-weight:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  padding-top:6px;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .more-details {
  font-family: var(--wd-font-body);
  font-size:16px;
  font-weight:600;
  line-height:1.38;
  letter-spacing:-.22px;
  border:none;
  background-color:#fff;
  color:var(--wd-color-text);
  padding-top:10px;
  padding-left:0;
  margin-bottom:19px;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .more-details i:before {
  content:"";
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .more-details.collapsed i:before {
  content:"";
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content #disclaimer {
  overflow-wrap:break-word;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-detail-modal .modal-content .img-coupon {
  background-size:contain;
  height:74px;
  text-align:left;
  background-position:left;
  background-repeat:no-repeat;
}

.ee__coupons[b-m4a3t5ppra]  .congrats-detail-modal .GOLD-COIN {
  width:64px;
  height:64px;
}

.ee__coupons[b-m4a3t5ppra]  .congrats-detail-modal .text-right {
  position:absolute;
  right:26px;
  top:26px;
  z-index:9999;
}

.ee__coupons[b-m4a3t5ppra]  .congrats-detail-modal .congrats-gif {
  display:block;
  position:absolute;
  width:inherit;
  height:-webkit-fill-available;
  z-index:1;
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .congrats-detail-modal .congrats-gif {
    display:flex;
    width:-webkit-fill-available;
    height:fit-content;
    z-index:1;
    justify-content:center;
  }
}

.ee__coupons[b-m4a3t5ppra]  .congrats-detail-modal .congrats-gif .gif {
  position:relative;
  top:-2vh;
  width:inherit;
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .congrats-detail-modal .congrats-gif .gif {
    top:0;
    width:auto;
  }
}

.ee__coupons[b-m4a3t5ppra]  .congrats-detail-modal button.coupon-add-btn {
  width:218px !important;
  position:relative;
  z-index:999;
}

@media(min-width:350px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .congrats-detail-modal button.coupon-add-btn {
    width:252px !important;
  }
}

@media(max-width:349px) {
  .ee__coupons[b-m4a3t5ppra]  .congrats-detail-modal button.coupon-add-btn {
    width:-webkit-fit-content !important;
  }
}

.ee__coupons[b-m4a3t5ppra]  .congrats-detail-modal .modal-dialog {
  width:480px;
  height:auto;
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .congrats-detail-modal .modal-dialog {
    width:auto;
  }
}

.ee__coupons[b-m4a3t5ppra]  .congrats-detail-modal .modal-content {
  width:483px;
  padding:64px 30px 0 32px;
  background-color:#fff;
  border-radius:0;
  box-shadow:0 2px 14px 0 var(--wd-color-border);
  text-align:center;
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .congrats-detail-modal .modal-content {
    width:100%;
    padding:25px;
    border-radius:8px;
  }
}

.ee__coupons[b-m4a3t5ppra]  .congrats-detail-modal .modal-content .modal-body {
  padding:0;
}

.ee__coupons[b-m4a3t5ppra]  .congrats-detail-modal .modal-content .save-amt {
  color:var(--wd-color-brand-red);
  font-family: var(--wd-font-body);
  font-weight:700;
  font-size:1.25em;
  line-height:25px;
  letter-spacing:-.33px;
  text-align:center;
  vertical-align:middle;
}

@media(min-width:100px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .congrats-detail-modal .modal-content .save-amt {
    font-size:1.125em;
  }
}

.ee__coupons[b-m4a3t5ppra]  .congrats-detail-modal .modal-content .item-details {
  color:var(--wd-color-text);
  padding:6px 0 20px 0;
  font-family: var(--wd-font-body);
  font-weight:400;
  font-size:1.125em;
  line-height:22px;
  letter-spacing:-.25px;
  text-align:center;
  vertical-align:middle;
}

.ee__coupons[b-m4a3t5ppra]  .draw-alert-popup {
  width:100%;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  outline:0;
  margin-top:190px;
  z-index:999999;
}

.ee__coupons[b-m4a3t5ppra]  .draw-alert-popup-success {
  width:100%;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  outline:0;
  margin-top:190px;
  z-index:999999;
}

.ee__coupons[b-m4a3t5ppra]  .draw-alert-popup .draw-alert-popup-dialog {
  width:330px;
  margin:auto;
  background-color:#f7cece;
  padding:15px;
  padding-bottom:20px;
  color:#000;
  border:2px #ff0d0d solid;
  border-radius:6px;
  text-align:center;
}

.ee__coupons[b-m4a3t5ppra]  .draw-alert-popup-success .draw-alert-popup-dialog {
  width:330px;
  margin:auto;
  background-color:#f7cece;
  padding:15px;
  padding-bottom:20px;
  color:#000;
  border:2px #ff0d0d solid;
  border-radius:6px;
  text-align:center;
}

.ee__coupons[b-m4a3t5ppra]  .draw-alert-popup .draw-alert-popup-dialog i {
  color:var(--wd-color-brand-red);
  font-size:1.563em;
  position:relative;
  top:3px;
  left:-10px;
}

.ee__coupons[b-m4a3t5ppra]  .draw-alert-popup-success .draw-alert-popup-dialog i {
  color:var(--wd-color-brand-red);
  font-size:1.563em;
  position:relative;
  top:3px;
  left:-10px;
}

.ee__coupons[b-m4a3t5ppra]  .draw-alert-popup .draw-alert-popup-dialog span {
  font-weight:600;
}

.ee__coupons[b-m4a3t5ppra]  .draw-alert-popup-success .draw-alert-popup-dialog span {
  font-weight:600;
}

.ee__coupons[b-m4a3t5ppra]  .draw-alert-popup-success .draw-alert-popup-dialog {
  color:#063520;
  border:2px #063520 solid;
  background-color:#c2e2d3;
}

.ee__coupons[b-m4a3t5ppra]  .draw-alert-popup-success .draw-alert-popup-dialog i {
  color:#063520;
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .modal.left .modal-dialog {
    width:100%;
  }
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .modal.right .modal-dialog {
    width:100%;
  }
}

@media(max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter {
    background:none;
    box-shadow:none;
    margin-bottom:0 !important;
    box-shadow:none;
    margin-bottom:32px;
    padding:0;
  }
}

@media(max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .sortOrderDropdown .drop-select a.btn {
    font-size:.875em;
  }
}

@media(min-width:100px) and (max-width:419px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .mobonly .SortAreaMob h3 {
    padding-left:4px;
  }
}

@media(max-width:1024px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .mobonly .SortAreaMob h3 {
    padding-top:0;
  }
}

@media(max-width:768px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filterList.container {
    width:750px;
  }
}

@media(max-width:768px) {
  .ee__coupons[b-m4a3t5ppra]  .container.filter-path {
    padding:10px 0;
  }
}

@media(min-width:768px) {
  .ee__coupons[b-m4a3t5ppra]  .container.filter-path {
    padding-bottom:15px;
  }
}

@media(max-width:1199px) and (min-width:992px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .filterList.container {
    width:970px;
  }
}

@media(min-width:992px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .container.filter-path {
    width:100% !important;
    padding:0;
  }
}

@media(min-width:992px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .mobonly {
    display:none;
  }
}

.ee__coupons[b-m4a3t5ppra]  .outer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:100%;
}

.ee__coupons[b-m4a3t5ppra]  .outer .flex-list {
  margin:0 5px;
  text-align:right;
}

.ee__coupons[b-m4a3t5ppra]  h2.sub-heading {
  font-size:2.25em;
  color:var(--wd-color-brand-red);
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.18;
  letter-spacing:-.25px;
  margin:4px;
  margin-bottom:32px;
}

.ee__coupons[b-m4a3t5ppra]  h2.sub-heading span {
  font-size:16px;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
}

.ee__coupons[b-m4a3t5ppra]  .drop-select {
  background-color:#fff;
  border:2px solid var(--wd-color-bread);
  min-width:168px;
  height:41px;
  position:relative;
  border-radius:4px;
}

.ee__coupons[b-m4a3t5ppra]  .drop-select button.btn {
  font-size:16px;
  font-stretch:normal;
  font-style:normal;
  line-height:22px;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  font-weight:600;
  width:100%;
  padding:6px 9px;
  background:#fff;
}

.ee__coupons[b-m4a3t5ppra]  .drop-select button.btn:before {
  content:attr(data-before);
  padding-right:8px;
  font-weight:normal;
}

.ee__coupons[b-m4a3t5ppra]  .drop-select button.btn:active {
  -webkit-box-shadow:none;
  box-shadow:none;
}

.ee__coupons[b-m4a3t5ppra]  .drop-select .open>.dropdown-menu {
  display:block;
  width:100%;
}

.ee__coupons[b-m4a3t5ppra]  .drop-select .dropdown-submenu:hover .dropdown-menu {
  top:0;
}

.ee__coupons[b-m4a3t5ppra]  .drop-select ul.dropdown-menu {
  min-width:100% !important;
  background:#fff;
  border-top:none;
  font-size:.875em;
  padding:5px 0;
  margin:2px 0 0;
  border:1px solid rgba(0,0,0,.15);
  font-family: var(--wd-font-body);
}

.ee__coupons[b-m4a3t5ppra]  .drop-select .dropdown-menu>li>a {
  white-space:normal;
  padding:5px 0 5px 32px;
  font-size:1em;
  color:var(--wd-color-text);
}

.ee__coupons[b-m4a3t5ppra]  .drop-select .dropdown-menu>li>a:focus {
  background-color:var(--wd-color-brand-red) !important;
  background-image:none;
  color:#fff !important;
  filter:none;
}

.ee__coupons[b-m4a3t5ppra]  .drop-select .dropdown-menu>li>a:active {
  background-color:var(--wd-color-brand-red) !important;
  background-image:none;
  color:#fff !important;
  filter:none;
}

.ee__coupons[b-m4a3t5ppra]  .drop-select .dropdown-menu>li>a:hover {
  background-color:var(--wd-color-brand-red) !important;
  background-image:none;
  color:#fff !important;
  filter:none;
}

.ee__coupons[b-m4a3t5ppra]  .drop-select .dropdown-menu>li:last-child>a {
  border-bottom:none;
}

.ee__coupons[b-m4a3t5ppra]  .drop-select .btn-group.open.dropdown-toggle {
  -webkit-box-shadow:none;
  box-shadow:none;
}

.ee__coupons[b-m4a3t5ppra]  .btn-group.drop-select button.btn:after {
  top:6px;
  padding-left:20px;
  font-family:Font Awesome\ 5 Free;
  content:"";
  color:var(--wd-color-brand-red);
  font-size:medium;
}

.ee__coupons[b-m4a3t5ppra]  .btn-group.drop-select.open button.btn:after {
  right:12px;
  top:6px;
  font-family:Font Awesome\ 5 Free;
  color:var(--wd-color-brand-red);
  font-size:medium;
  content:"";
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-outer>div:last-child {
    display:none;
  }
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .fiter-stripe h3.sub-heading {
    display:none;
  }
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .flex-list {
    width:100%;
  }
}

.ee__coupons[b-m4a3t5ppra]  .toggle-class .btn-group.drop-select {
  display:none;
}

.ee__coupons[b-m4a3t5ppra]  .product-list {
  border:2px solid var(--wd-color-bread);
  margin:13px;
  min-height:346px;
  border-radius:4px;
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-info {
  padding:0 13px;
}

@media(min-width:768px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list .product-info .add-Btn .add-btn {
    width:100%;
    font-size:1em !important;
  }
}

@media(min-width:768px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list .product-info .add-Btn .coupon-add-btn {
    width:100%;
    font-size:1em;
  }
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-img {
  width:228px;
  height:124px;
  margin:auto;
  position:relative;
  margin-top:33px;
}

@media(min-width:992px) and (max-width:1199px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list .product-img {
    width:auto;
  }
}

.ee__coupons[b-m4a3t5ppra]  .product-list .product-img img {
  max-width:100%;
  max-height:100%;
  margin:auto;
  display:block;
}

.ee__coupons[b-m4a3t5ppra]  .product-list h3 {
  font-size:1.125em;
  color:var(--wd-color-brand-red);
  font-weight:700;
  margin-bottom:0;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  white-space:nowrap;
  min-height:23px;
}

.ee__coupons[b-m4a3t5ppra]  .product-list p {
  font-size:1em;
  line-height:1.1;
  color:#000;
  height:35px;
  white-space:normal;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:2;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  margin:6px 0;
}

.ee__coupons[b-m4a3t5ppra]  .product-list a {
  color:var(--wd-color-brand-red);
  font-size:.875em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.57;
  letter-spacing:-.23px;
  text-decoration:underline;
  margin-top:10px;
  display:inline-block;
}

.ee__coupons[b-m4a3t5ppra]  .product-list:hover {
  cursor:pointer;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-add-btn {
  width:163px;
  font-weight:bold;
  font-size:1em;
  padding:12px 0;
  margin:24px 0;
  height:49px;
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-add-btn:hover {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-add-btn:focus {
  border:solid 2px #fff !important;
}

.ee__coupons[b-m4a3t5ppra]  .product-main {
  padding-bottom:40px;
}

.ee__coupons[b-m4a3t5ppra]  .product-main>div:nth-child(3n-0) .product-list {
  border-right:none !important;
}

.ee__coupons[b-m4a3t5ppra]  .modal.left .modal-dialog {
  position:fixed;
  margin:auto;
  width:437px;
  height:100%;
  -webkit-transform:translate3d(0%,0,0);
  -ms-transform:translate3d(0%,0,0);
  -o-transform:translate3d(0%,0,0);
  transform:translate3d(0%,0,0);
}

.ee__coupons[b-m4a3t5ppra]  .modal.right .modal-dialog {
  position:fixed;
  margin:auto;
  width:437px;
  height:100%;
  -webkit-transform:translate3d(0%,0,0);
  -ms-transform:translate3d(0%,0,0);
  -o-transform:translate3d(0%,0,0);
  transform:translate3d(0%,0,0);
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .modal.left .modal-dialog {
    width:100%;
  }
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .modal.right .modal-dialog {
    width:100%;
  }
}

.ee__coupons[b-m4a3t5ppra]  .modal.left .modal-content {
  background:#fff;
  min-height:100%;
}

.ee__coupons[b-m4a3t5ppra]  .modal.right .modal-content {
  background:#fff;
  min-height:100%;
}

.ee__coupons[b-m4a3t5ppra]  .modal.left .modal-body {
  padding:0 25px 24px;
  padding-bottom:0;
}

.ee__coupons[b-m4a3t5ppra]  .modal.right .modal-body {
  padding:0 25px 24px;
  padding-bottom:0;
}

.ee__coupons[b-m4a3t5ppra]  .modal.left.fade .modal-dialog {
  left:-320px;
  -webkit-transition:opacity .3s linear,left .3s ease-out;
  -moz-transition:opacity .3s linear,left .3s ease-out;
  -o-transition:opacity .3s linear,left .3s ease-out;
  transition:opacity .3s linear,left .3s ease-out;
}

.ee__coupons[b-m4a3t5ppra]  .modal.left.fade.in .modal-dialog {
  left:0;
}

.ee__coupons[b-m4a3t5ppra]  .modal.right.fade .modal-dialog {
  right:-320px;
  -webkit-transition:opacity .3s linear,right .3s ease-out;
  -moz-transition:opacity .3s linear,right .3s ease-out;
  -o-transition:opacity .3s linear,right .3s ease-out;
  transition:opacity .3s linear,right .3s ease-out;
}

.ee__coupons[b-m4a3t5ppra]  .modal.right.fade.in .modal-dialog {
  right:0;
  overflow-y:auto;
}

.ee__coupons[b-m4a3t5ppra]  .main-modal .modal-content {
  border:none;
  border-radius:0;
}

.ee__coupons[b-m4a3t5ppra]  .main-modal button.close {
  font-size:xxx-large;
  margin-top:-18px;
  color:var(--wd-color-brand-red);
  opacity:1;
  float:right;
}

.ee__coupons[b-m4a3t5ppra]  .main-modal .modal-header {
  border:none;
  padding:36px 24px;
}

.ee__coupons[b-m4a3t5ppra]  .main-modal .product-list {
  border:none;
  margin:0;
  padding:0;
  min-height:100%;
}

.ee__coupons[b-m4a3t5ppra]  .main-modal .product-list .product-info {
  padding:0;
}

.ee__coupons[b-m4a3t5ppra]  .main-modal .product-list h3 {
  white-space:normal;
  overflow:inherit;
  text-overflow:initial;
  -webkit-line-clamp:initial;
  -webkit-box-orient:vertical;
}

.ee__coupons[b-m4a3t5ppra]  .main-modal .product-list p {
  font-size:1em;
  white-space:normal;
  overflow:inherit;
  text-overflow:initial;
  -webkit-line-clamp:initial;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  display:inline-block;
}

.ee__coupons[b-m4a3t5ppra]  .main-modal .product-list span {
  font-size:1em;
}

.ee__coupons[b-m4a3t5ppra]  .main-modal .product-list .product-img {
  float:none;
  margin:0;
}

.ee__coupons[b-m4a3t5ppra]  .main-modal .product-list:hover {
  cursor:pointer;
}

.ee__coupons[b-m4a3t5ppra]  .main-modal .more-info {
  padding:5px;
}

.ee__coupons[b-m4a3t5ppra]  .main-modal .more-info h3 {
  color:var(--wd-color-text);
  font-size:1em;
  line-height:1.38;
  letter-spacing:-.25px;
  margin:0;
  margin-bottom:10px;
}

.ee__coupons[b-m4a3t5ppra]  .main-modal .more-info p {
  font-size:.875em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.43;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  word-wrap:break-word;
}

.ee__coupons[b-m4a3t5ppra]  .heading {
  background-color:var(--wd-color-brand-red);
  padding:15px 16px;
  border-radius:4px 4px 0 0;
}

.ee__coupons[b-m4a3t5ppra]  .heading h3 {
  margin:0;
  color:#fff;
  font-size:1em;
  font-weight:600;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
}

.ee__coupons[b-m4a3t5ppra]  .heading h2 {
  margin:0;
  color:#fff;
  font-size:1.125em;
  font-weight:600;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
}

.ee__coupons[b-m4a3t5ppra]  .mb-2 {
  margin-bottom:20px;
}

.ee__coupons[b-m4a3t5ppra]  .save-list {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  border-radius:4px;
}

.ee__coupons[b-m4a3t5ppra]  .save-list .s-list {
  padding-bottom:16px;
}

.ee__coupons[b-m4a3t5ppra]  .save-list .s-list li {
  position:relative;
  margin:0;
  padding:0;
  list-style-type:none;
}

.ee__coupons[b-m4a3t5ppra]  .save-list .s-list li a {
  display:block;
  color:var(--wd-color-text);
  font-size:1em;
  font-weight:600;
  line-height:1.56;
  letter-spacing:-.27px;
  padding:15px 16px;
}

.ee__coupons[b-m4a3t5ppra]  .save-list .s-list li a:hover {
  background-color:rgba(200,16,46,.1);
  text-decoration:none !important;
  color:var(--wd-color-text) !important;
  border-radius:4px 4px 0 0;
}

.ee__coupons[b-m4a3t5ppra]  .save-list .s-list li a:focus {
  background-color:rgba(200,16,46,.1);
  text-decoration:none !important;
  color:var(--wd-color-text) !important;
  border-radius:4px 4px 0 0;
}

.ee__coupons[b-m4a3t5ppra]  .save-list .s-list li a:hover:before {
  position:absolute;
  content:"";
  height:35px;
  width:4px;
  background-color:var(--wd-color-brand-red);
  left:0;
  bottom:0;
  z-index:1;
  border-radius:0 6px 6px 0;
  top:0;
  border:none;
  margin-top:auto;
  margin-bottom:auto;
}

.ee__coupons[b-m4a3t5ppra]  .save-list .s-list li a:focus:before {
  position:absolute;
  content:"";
  height:35px;
  width:4px;
  background-color:var(--wd-color-brand-red);
  left:0;
  bottom:0;
  z-index:1;
  border-radius:0 6px 6px 0;
  top:0;
  border:none;
  margin-top:auto;
  margin-bottom:auto;
}

.ee__coupons[b-m4a3t5ppra]  .save-list .heading h3 {
  font-weight:normal;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-info {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  padding:15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-info h3 {
  color:var(--wd-color-brand-red);
  font-size:.875em;
  margin:0;
}

.ee__coupons[b-m4a3t5ppra]  .coupon-info h3 span {
  color:var(--wd-color-text);
}

.ee__coupons[b-m4a3t5ppra]  .coupon-info a {
  color:var(--wd-color-brand-red);
  font-size:.875em;
  margin:0;
  text-decoration:underline;
}

.ee__coupons[b-m4a3t5ppra]  .custom-panel .items .product-list {
  display:flex;
  align-items:center;
}

.ee__coupons[b-m4a3t5ppra]  .custom-panel .items .product-list .product-info {
  padding:0;
  margin-left:10px;
  width:60%;
}

.ee__coupons[b-m4a3t5ppra]  .custom-panel .items .product-list h3 {
  margin:0;
  font-size:1.25em;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
}

.ee__coupons[b-m4a3t5ppra]  .custom-panel .items .product-list span {
  font-size:.875em;
}

.ee__coupons[b-m4a3t5ppra]  .custom-panel .items .product-list p {
  font-size:.875em;
  height:40px;
  white-space:normal;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:2;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  letter-spacing:-.25px;
}

.ee__coupons[b-m4a3t5ppra]  .custom-panel .items .product-list a {
  color:var(--wd-color-brand-red);
  font-size:.875em;
}

.ee__coupons[b-m4a3t5ppra]  .custom-panel .outer {
  border-bottom:1px solid #979797;
  padding:14px 0;
}

.ee__coupons[b-m4a3t5ppra]  .toggle-class .toggle-active {
  display:none;
  transition:3s all;
}

.ee__coupons[b-m4a3t5ppra]  .tab-view {
  display:none;
}

.ee__coupons[b-m4a3t5ppra]  .grid__twocoulmn .grid__row {
  padding:0;
}

.ee__coupons[b-m4a3t5ppra]  .clipped__saving .outer {
  align-items:initial;
}

.ee__coupons[b-m4a3t5ppra]  .clipped__saving .product-img {
  min-width:107px;
  width:107px;
  height:99px;
}

@media(max-width:1200px) {
  .ee__coupons[b-m4a3t5ppra]  .tab-view {
    display:block;
    text-align:center;
    margin:50px 0;
  }
}

@media(max-width:1200px) {
  .ee__coupons[b-m4a3t5ppra]  .tab-view button {
    color:var(--wd-color-brand-red);
    border:none;
    background:none;
    font-size:.875em;
    font-weight:normal;
    font-stretch:normal;
    font-style:normal;
    line-height:normal;
    letter-spacing:-.23px;
    text-align:center;
    text-decoration:underline;
  }
}

@media(max-width:1200px) {
  .ee__coupons[b-m4a3t5ppra]  .p-lg-0 {
    padding:0;
  }
}

@media(max-width:1200px) {
  .ee__coupons[b-m4a3t5ppra]  .product-main {
    padding-bottom:20px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  h2.sub-heading {
    font-size:1.125em;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  h2.sub-heading span {
    font-size:.875em;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .drop-select button.btn {
    font-size:.875em;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list .product-img {
    width:192px;
    height:115px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list h3 {
    font-size:1em;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list p {
    font-size:.75em;
    height:34px;
    line-height:1.5;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list a {
    font-size:.75em;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list .product-info .couponadded__failed {
    font-size:.75em;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .heading {
    background-color:var(--wd-color-brand-red);
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .heading h2 {
    margin:0;
    color:#fff;
    font-size:1.125em;
    font-weight:600;
    font-style:normal;
    line-height:1.38;
    letter-spacing:-.25px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .heading h3 {
    margin:0;
    color:#fff;
    font-size:1.125em;
    font-weight:600;
    font-style:normal;
    line-height:1.38;
    letter-spacing:-.25px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .save-list {
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    min-height:100%;
    margin:0 10px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .save-list .s-list a {
    font-size:.875em;
    padding:12px 0;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .tab-view {
    margin:32px 0 48px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .grid__twocoulmn {
    display:flex;
    margin-bottom:32px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .grid__twocoulmn .grid__row.grid__row--right {
    margin-right:16px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .grid__twocoulmn .grid__row.grid__row--left {
    margin-left:16px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .clipped__saving .product-img {
    min-width:107px;
    width:107px;
    height:99px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .container.filter-path {
    padding-bottom:15px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section {
    margin:0 12px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .container {
    padding:0 20px 80px 20px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .container .headerbar {
    margin-bottom:18px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .container.filter-path {
    padding:10px 0;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .product-main {
    padding-bottom:0;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  h2.sub-heading {
    font-size:1.125em;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  h2.sub-heading span {
    font-size:.875em;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .drop-select button.btn {
    font-size:.875em;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list {
    padding:0 0 8px 0;
    border:solid 2px var(--wd-color-bread);
    cursor:pointer;
    display:flex;
    align-items:center;
    border-right:0;
    border-left:0;
    border-top:0;
    margin:0;
    width:100%;
    height:auto;
    min-height:0;
    border-radius:0;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list .product-img {
    height:auto;
    min-width:100px;
    margin:0 12px 0 -4px;
    width:auto;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list .product-img img {
    max-width:64px;
    height:64px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list .product-info {
    padding:0;
    height:auto;
    width:auto;
    align-items:center;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list .product-info .product__sub_desc {
    position:absolute;
    right:5px;
    top:50px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list .product-info .product__sub_desc button {
    border:none;
    background:none;
  }
}

@media(min-width:100px) and (max-width:767px) {
  /* .add-btn's base rule sizes it as the 163x49 desktop text button (see the unscoped
     .add-btn rule above); this mobile icon button reuses the .add-btn class only so the
     existing add/click and "mark added" JS (keyed off .add-btn) picks it up, so its box
     needs resetting to match the 30x30 icon it wraps, centered, or the icon renders
     off-center inside the leftover desktop-sized hit area. */
  .ee__coupons[b-m4a3t5ppra]  .product-list .product-info .product__sub_desc .add-btn {
    width:30px;
    height:30px;
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list .product-info .product__sub_desc button .icon-add-plus {
    width:30px;
    height:30px;
    transform:rotate(45deg);
    background:url(/Areas/V2/Images/add.svg);
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list .product-info .product__sub_desc button .icon-scissor {
    width:30px;
    height:30px;
    background:url(/Areas/V2/Images/scrissor.png);
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list .product-info .couponadded__failed {
    position:relative;
    padding-bottom:10px;
    margin:0;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list h3 {
    font-size:1.125em;
    white-space:normal;
    word-break:break-word;
    padding-right:60px;
    margin-bottom:5px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list .er-span {
    height:auto !important;
    padding-right:60px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list p {
    padding-right:65px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list a {
    font-size:.875em;
    padding:0;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list:has(+div) {
    border-bottom:0;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .product-list:has(+div.ng-hide) {
    border-bottom:solid 2px var(--wd-color-bread);
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .heading {
    background-color:var(--wd-color-brand-red);
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .heading h2 {
    margin:0;
    color:#fff;
    font-size:1em;
    font-weight:600;
    font-style:normal;
    line-height:1.38;
    letter-spacing:-.25px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .heading h3 {
    margin:0;
    color:#fff;
    font-size:1em;
    font-weight:600;
    font-style:normal;
    line-height:1.38;
    letter-spacing:-.25px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .save-list {
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    margin-top:20px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .save-list .s-list a {
    font-size:.875em;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .product__sub_desc .coupon-add-btn {
    width:auto;
    display:block;
    background-color:transparent;
    border:none;
    color:var(--wd-color-text);
    font-size:.875em;
    margin:0;
    height:49px;
    font-family: var(--wd-font-body);
    font-weight:bold;
    font-size:.875em;
    font-style:normal;
    font-stretch:normal;
    line-height:normal;
    letter-spacing:normal;
    width:125px;
    height:30px;
    display:inline-block;
    padding:0;
    text-align:right;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .main-modal .coupon-add-btn {
    display:block;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .main-modal .more-info p {
    padding-bottom:29px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .tab-view {
    margin:16px 0 48px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .modal.right.fade.in .modal-dialog {
    margin-top:0;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .clipped__saving .product-img {
    min-width:77px;
    width:77px;
    height:auto;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .modal-content {
    border-radius:0;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .filter-coupon-section {
    padding:0 !important;
  }
}

@media(max-width:1199px) and (min-width:992px) {
  .ee__coupons[b-m4a3t5ppra]  .grid__twocoulmn {
    display:flex;
    margin-bottom:32px;
  }
}

@media(max-width:1199px) and (min-width:992px) {
  .ee__coupons[b-m4a3t5ppra]  .grid__twocoulmn .grid__row.grid__row--right {
    margin-right:16px;
  }
}

@media(max-width:1199px) and (min-width:992px) {
  .ee__coupons[b-m4a3t5ppra]  .grid__twocoulmn .grid__row.grid__row--left {
    margin-left:16px;
  }
}

@media(max-width:1199px) and (min-width:992px) {
  .ee__coupons[b-m4a3t5ppra]  .save-list {
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    min-height:100%;
  }
}

@media(max-width:1199px) and (min-width:992px) {
  .ee__coupons[b-m4a3t5ppra]  .save-list .s-list a {
    padding:12px 0;
  }
}

@media(max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .drop-select ul.dropdown-menu li a {
    color:var(--wd-color-text);
    background-color:#fff;
  }
}

.zoomTxt .ee__coupons[b-m4a3t5ppra]  h2 .sub-heading {
  text-align:left;
}

.zoomTxt .ee__coupons[b-m4a3t5ppra]  .drop-select {
  height:auto;
}

.ee__coupons[b-m4a3t5ppra]  .product-main .pickedforyou {
  border:dashed 2px #979797;
  width:auto;
  height:362px;
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
  margin-bottom:20px;
}

@media(max-width:991px) and (min-width:768px) {
  .ee__coupons[b-m4a3t5ppra]  .product-main .pickedforyou {
    padding:32px 88px;
  }
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .product-main .pickedforyou {
    padding:15px;
  }
}

.ee__coupons[b-m4a3t5ppra]  .product-main .pickedforyou h3 {
  font-family: var(--wd-font-body);
  font-size:1.375em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.36;
  letter-spacing:-.31px;
  text-align:center;
  color:var(--wd-color-text);
}

.ee__coupons[b-m4a3t5ppra]  .product-main .pickedforyou p {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
}

.ee__coupons[b-m4a3t5ppra]  .product-main .pickedforyou .couponslog_cta {
  min-width:206px;
  height:49px;
  font-size:1.125em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.39;
  letter-spacing:-.03px;
  text-align:center;
  padding:12px 39px;
  display:inline-block;
  margin:20px 0 11px;
  font-family: var(--wd-font-body);
  text-decoration:none;
  cursor:pointer;
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}

.ee__coupons[b-m4a3t5ppra]  .product-main .pickedforyou .couponslog_cta:focus {
  border:solid 2px #fff !important;
}

.ee__coupons[b-m4a3t5ppra]  .product-main .pickedforyou .couponslog_cta:hover {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
}

@media(max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .product-main .pickedforyou .couponslog_cta {
    width:100%;
  }
}

@media(min-width:992px) {
  .ee__coupons[b-m4a3t5ppra]  #couponGallery .coupongalleryspace {
    margin-left:50px;
  }
}

@media(min-width:992px) {
  .ee__coupons[b-m4a3t5ppra]  #couponGallery .coupongalleryspace .flex-list {
    display:flex;
    float:right;
    margin-right:7px;
    padding-bottom:10px;
  }
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection h3 {
  text-align:left;
  font:normal normal 600 18px/22px Asap;
  letter-spacing:0;
  opacity:1;
  color:var(--wd-color-text) !important;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .items_calc {
  padding-bottom:20px;
  border-bottom:2px solid var(--wd-color-bread);
  margin-bottom:20px;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .clearFilterDiv {
  border-bottom:2px solid var(--wd-color-bread);
  padding-bottom:20px;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .clearFilterDiv .clrfilterbtn {
  text-decoration:underline;
  color:var(--wd-color-text);
  border:none;
  background-color:#fff;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .clearFilterDiv .clrfilterbtn:hover {
  font-weight:bold;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .clearFilterDiv .clrfilterbtn:focus {
  font-weight:bold;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .category_filter {
  border-bottom:2px solid var(--wd-color-bread);
  padding-bottom:20px;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter {
  border-bottom:2px solid var(--wd-color-bread);
  padding-bottom:20px;
  margin-bottom:20px;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter .ul_Brands {
  border:1px solid var(--wd-color-bread);
  border-radius:4px;
  padding:2px 0;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul {
  opacity:1;
  max-height:486px;
  overflow-y:scroll;
  padding:17px;
  cursor:pointer;
  overflow-x:hidden;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul li {
  width:max-content;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul li {
  width:max-content;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul::-webkit-scrollbar {
  width:2px;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul::-webkit-scrollbar-track {
  background:#fff;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul::-webkit-scrollbar-thumb {
  background:var(--wd-color-bread);
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul::-webkit-scrollbar-thumb:hover {
  background:var(--wd-color-bread);
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul li button.allbrand {
  background:none;
  border:0;
  font-size:1em;
  font-weight:normal;
  margin:2px 5px;
  border-radius:4px;
  padding:4px 6px;
  color:var(--wd-color-text);
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul li button.allbrand:hover {
  text-decoration:underline;
  font-weight:bold;
}

.ee__coupons[b-m4a3t5ppra]  .new_filtersection .subcatg_filter ul li button.allbrand:focus {
  text-decoration:underline;
  font-weight:bold;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .mobile-filter {
  align-items:flex-end;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .mobile-filter .mobfilterheader h3 {
  color:var(--wd-color-text);
  font-size:16px !important;
  font-weight:bold;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .mobile-filter .SortAreaMob button.filter-btn {
  background:none;
  border:2px solid var(--wd-color-bread);
  border-radius:4px;
  padding:0 10px;
}

.ee__coupons[b-m4a3t5ppra]  .filter-coupon-section .coupon-filter .mobile-filter .SortAreaMob button.filter-btn h3 {
  color:var(--wd-color-text);
  font-size:16px;
  font-weight:bold;
}

/* The filter modal is a viewport-fixed bottom sheet (refresh.min.css: .modal{position:fixed;
   top:0;...}), so without this it starts at y=0 and the sticky site header — 141px tall,
   z-index 9999 — paints straight over its title bar and close button. Live offsets it below that
   header instead, and this is live's own rule from bundles/sass/_digitalCoupons_wd.min.css
   (`.ee__coupons .filterCoupon-Modal{top:144px;z-index:2020}`), which was the one selector in
   this file's whole ported modal ruleset that had no counterpart here.
   136px, not the 144px that rule literally says: live's own JS overrides its stylesheet with an
   inline `top: 136px` (the same way it inline-positions its pinned header bars), and 136 is what
   live actually renders. The 8px matters visually. .modal-content carries
   `border: 1px solid rgba(0,0,0,.2)` plus a `0 3px 9px rgba(0,0,0,.5)` shadow, and the site
   header is 141px tall with z-index 9999 — so at 136 the modal's top 5px sit BEHIND the header
   and its border is hidden, leaving only the soft shadow under the store bar. At 144 that border
   lands 3px clear of the header and draws a hard grey line across the shadow: sampled at x=30,
   ours read 221/225/230 then a (188,188,188) line at y=144, against live's clean
   221/225/230/235/240 fade. Matching 136 also lines the modal's own header up with live's (title
   at y=158 rather than 166).
   z-index 2020 is live's too — it clears the backdrop (1040) and the base .modal (1050) while
   staying under the site header, which is why the offset rather than the stacking order is what
   keeps the two apart. */
.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal {
  top:136px;
  z-index:2020;
  /* The sheet has to scroll, and nothing else in the ported chain makes it.
     bundles/css/refresh.min.css sets `.modal{overflow:hidden}`, and it loads after
     bootstrap-5.3.8.min.css (whose `.modal{overflow-y:auto}` would have been fine), so the
     fixed 708px-tall .modal clipped its own content with no scrollport anywhere: measured at
     390x844, .modal had clientHeight 708 against scrollHeight 1251, and the last brand row sat
     at y=1339 — past the bottom of the screen and unreachable. .modal-body's authored
     `overflow: scroll` cannot help, because its `height: 100%` resolves against a
     .modal-content that has only a min-height and therefore grows to fit its content: measured
     1167px tall with scrollHeight also 1167, i.e. nothing to scroll.
     Live has exactly the same defect (its numbers are worse — 708 against 1881, last brand at
     y=1969 — and a real touch drag moves nothing there either), so this is deliberately better
     than live rather than bug-compatible with it.
     Scrolling .modal rather than restructuring .modal-content into a flex column is what the
     rest of the ported CSS already expects: .modal-header is `position:sticky; top:2px` and
     .modal-footer `position:sticky; bottom:0`, which do nothing until an ancestor is a scroll
     container. Making .modal that container is what turns them on, giving the sticky
     title/close and sticky Apply bar with the body scrolling between them — the layout those
     rules were written for.
     overscroll-behavior:contain keeps a flick past either end from chaining out to the page. */
  overflow-y:auto;
  overscroll-behavior:contain;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog {
  margin:0;
  width:100%;
  bottom:-250px;
  opacity:0;
  -webkit-transform:translateY(20%);
  -moz-transform:translateY(20%);
  -ms-transform:translateY(20%);
  transform:translateY(20%);
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  transition:all .3s;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content {
  background:#fff;
  min-height:calc(100vh - 140px);
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header {
  position:sticky;
  padding:20px 20px;
  border:none;
  top:2px;
  background:#fff;
  z-index:2;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .modal-heading {
  display:flex;
  justify-content:space-between;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .modal-heading h4.modal-title {
  font-family: var(--wd-font-body);
  font-size:30px;
  font-weight:bold;
  color:var(--wd-color-brand-red);
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .modal-heading span {
  font-size:34px;
  color:var(--wd-color-brand-red);
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .modal-heading button.close {
  width:34px;
  height:34px;
  margin-top:0 !important;
  opacity:1;
  margin-right:7px;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .clearFilterDiv {
  padding:15px 0 20px 0;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .clearFilterDiv .clrfilterbtn {
  text-decoration:underline;
  color:var(--wd-color-brand-red);
  border:none;
  background-color:#fff;
  padding:0;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
}

@media screen and (max-width:993px) and (min-width:768px) {
  .ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .clearFilterDiv .clrfilterbtn {
    font-size:1.125em;
  }
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-header .clearFilterDiv .clrfilterbtn:hover {
  font-weight:bold;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body {
  position:relative;
  padding:5px 20px 15px 20px;
  width:100%;
  /* overflow is `visible`, not live's `scroll`, and that is what makes touch scrolling work.
     Live's `overflow: scroll` here never scrolls anything: `height: 100%` resolves against a
     .modal-content that only has a min-height, so this box grows to its content instead of
     being constrained — measured 1167px tall with scrollHeight also 1167. What it DOES do is
     make this a scroll container, and paired with overscroll-behavior:contain that container
     swallows the gesture and refuses to chain it up to the real scrollport (.modal, see its
     own rule above). Net effect: a touch drag anywhere over the sheet moved nothing at all,
     while a programmatic .modal.scrollTop worked fine — which is exactly the "filter scroll
     doesn't work" symptom, and it reproduces on live too.
     Dropping the dead container lets the drag reach .modal, which carries the
     overscroll-behavior:contain that live intended here. `height: 100%` is kept: harmless
     against an auto-height parent, and it is what live authored. */
  overflow:visible;
  height:100%;
  min-height:calc(100vh - 430px);
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec {
  display:flex;
  justify-content:space-between;
  padding-bottom:20px;
  border-bottom:1px solid var(--wd-color-bread);
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec h5 {
  font-family: var(--wd-font-body);
  font-size:18px;
  font-weight:bold;
  color:var(--wd-color-text);
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .btn-group.drop-select.dropdown {
  background-color:#fff;
  border:2px solid #d0d0d0;
  min-width:177px;
  height:40px;
  position:relative;
  border-radius:4px;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .btn-group.drop-select.dropdown .dropdown-toggle {
  border:none;
  background-color:transparent;
  color:var(--wd-color-text);
  font-size:16px;
  font-weight:bold;
  width:100%;
  height:100%;
  justify-content:space-between;
  display:flex;
  align-items:center;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .drop-select ul.dropdown-menu {
  min-width:100% !important;
  background:#fff;
  border-top:none;
  font-size:.875em;
  padding:5px 0;
  margin:2px 0 0;
  border:1px solid rgba(0,0,0,.15);
  font-family: var(--wd-font-body);
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .drop-select .dropdown-menu>li>a {
  white-space:normal;
  padding:5px 0 5px 32px;
  font-size:1em;
  color:var(--wd-color-text);
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .drop-select .dropdown-menu>li>a:focus {
  background-color:var(--wd-color-brand-red) !important;
  background-image:none;
  color:#fff !important;
  filter:none;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .drop-select .dropdown-menu>li>a:active {
  background-color:var(--wd-color-brand-red) !important;
  background-image:none;
  color:#fff !important;
  filter:none;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .drop-select .dropdown-menu>li>a:hover {
  background-color:var(--wd-color-brand-red) !important;
  background-image:none;
  color:#fff !important;
  filter:none;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .drop-select .dropdown-menu>li:last-child>a {
  border-bottom:none;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .drop-select .btn-group.open.dropdown-toggle {
  -webkit-box-shadow:none;
  box-shadow:none;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .dropdown-toggle[aria-expanded=false]::after {
  font-family:FontAwesome;
  content:"";
  color:var(--wd-color-brand-red);
  border:none;
  font-size:.75em;
  vertical-align:2px;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .dropdown-toggle[aria-expanded=true]::after {
  font-family:FontAwesome;
  content:"";
  color:var(--wd-color-brand-red);
  border:none;
  font-size:.75em;
  vertical-align:2px;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .btn-group.drop-select button.btn:after {
  top:6px;
  padding-left:20px;
  font-family:Font Awesome\ 5 Free;
  content:"";
  color:var(--wd-color-brand-red);
  font-size:medium;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .sortbySec .btn-group.drop-select.open button.btn:after {
  right:12px;
  top:6px;
  font-family:Font Awesome\ 5 Free;
  color:var(--wd-color-brand-red);
  font-size:medium;
  content:"";
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .category_filter h3 {
  font-family: var(--wd-font-body);
  font-size:18px;
  font-weight:600;
  color:var(--wd-color-text);
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .category_filter ul {
  margin-left:-5px;
  border-bottom:1px solid var(--wd-color-bread);
  padding-bottom:15px;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .subcatg_filter h3 {
  font-family: var(--wd-font-body);
  font-size:18px;
  font-weight:600;
  color:var(--wd-color-text);
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .subcatg_filter ul {
  margin-left:-9px;
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-body .subcatg_filter ul li button.allbrand {
  background:none;
  border:0;
  font-size:1em;
  font-weight:normal;
  margin:4px 6px;
  border-radius:4px;
  padding:4px 6px;
  color:var(--wd-color-text);
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal .modal-dialog .modal-content .modal-footer {
  position:sticky;
  bottom:0;
  z-index:2;
  width:100%;
  padding:20px;
  text-align:center;
  background:#fff;
  box-shadow:0 5px 7px rgba(0,0,0,.1) inset;
}

/* The filter modal's Apply button. This page overrides the GLOBAL .main-btn
   (app-wd.css: padding 12px / min-width 140px / font-weight 600, and font-size:1em under
   max-width:991px) — the two-class selector outranks that media query, so the button stays
   1.125em bold and gets an explicit width instead of a min-width. Ported from live's own
   `.ee__coupons .main-btn` in bundles/sass/_digitalCoupons_wd.min.css; measured against live at
   390px, the global rule alone rendered ours 140x49 at 16px/400 where live is 230x49 at
   18px/700. Scoped to .ee__coupons (not the modal) exactly as live scopes it, so every
   .main-btn on this page shares it. */
.ee__coupons[b-m4a3t5ppra]  .main-btn {
  padding:10px 15px;
  width:171px;
  min-height:49px;
  font-size:1.125em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.39;
  letter-spacing:-.03px;
  text-align:center;
  height:auto;
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}

.ee__coupons[b-m4a3t5ppra]  .main-btn:hover {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
}

.ee__coupons[b-m4a3t5ppra]  .main-btn:focus {
  border:solid 2px #fff !important;
}

.ee__coupons[b-m4a3t5ppra]  .main-btn:link {
  display:block;
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .main-btn {
    width:171px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .main-btn {
    width:230px;
  }
}

.ee__coupons[b-m4a3t5ppra]  .filterCoupon-Modal.in .modal-dialog {
  bottom:0;
  opacity:1;
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
  opacity:1;
}

.ee__coupons[b-m4a3t5ppra] .minheight {
  min-height:1000px !important;
}

/* Remaining tablet/mobile breakpoint rules ported from live for the same selectors above
   (headline sizing, container width at in-between viewport widths, etc.). */

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .headline h1 {
    font-size:2.125em;
    padding:0 10px !important;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .heading.blue-bg h2 {
    color:#fff;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ee__coupons[b-m4a3t5ppra]  .heading.blue-bg h3 {
    color:#fff;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .container .headline {
    padding:0;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .container .item-slider {
    padding:0;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .container #couponGallery {
    padding:0;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .container .header-inner {
    padding:0;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .headline h1 {
    font-size:30px;
    margin:24px 0 0;
    padding-bottom:10px;
    width:100%;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .heading.blue-bg h2 {
    color:#fff;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .heading.blue-bg h3 {
    color:#fff;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .add-btn.minus-btn {
    width:150px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .add-btn i {
    font-size:.75em;
    width:22px;
    height:22px;
    padding:0;
    padding-left:0;
    top:-1px;
    line-height:20px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .main-modal .add-btn {
    padding:0;
    display:block;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .ee__coupons[b-m4a3t5ppra]  .custom-panel .tab-content {
    margin:20px 0;
  }
}

@media(max-width:1199px) and (min-width:992px) {
  .ee__coupons[b-m4a3t5ppra]  .container .headline {
    width:970px;
    padding:0 25px;
  }
}

@media(max-width:1199px) and (min-width:992px) {
  .ee__coupons[b-m4a3t5ppra]  .container .item-slider {
    width:970px;
    padding:0 25px;
  }
}

@media(max-width:1199px) and (min-width:992px) {
  .ee__coupons[b-m4a3t5ppra]  .container .header-inner {
    width:970px;
    padding:0 25px;
  }
}

@media(max-width:1199px) and (min-width:992px) {
  .ee__coupons[b-m4a3t5ppra]  .container #couponGallery {
    width:100%;
    padding:0 25px;
  }
}
/* /Components/Pages/DynamicPage.razor.rz.scp.css */
/* Blazor's enhanced-navigation focus management sets tabindex="-1" + .focus() on this
   page's <h1> after navigation (for screen-reader announcement) — tabindex="-1"
   elements are never reachable via keyboard Tab order, so hiding the visual ring here
   costs nothing accessibility-wise while removing the distracting blue outline box. */
[tabindex="-1"]:focus[b-ab3k1srrta] {
  outline: none;
}
/* /Components/Pages/DynamicPageTemplates/ContentPageAbout.razor.rz.scp.css */
/* Blazor's enhanced-navigation focus management sets tabindex="-1" + .focus() on this
   page's <h1> after navigation (for screen-reader announcement) — tabindex="-1"
   elements are never reachable via keyboard Tab order, so hiding the visual ring here
   costs nothing accessibility-wise while removing the distracting blue outline box.
   This page's actual <h1> is rendered inside <PageSections> (which has its own matching
   rule in PageSections.razor.css); this copy exists only so every element this
   component renders keeps the same Blazor CSS-isolation scope attribute it had back
   when DynamicPage rendered this markup inline, for a clean diff — matching the same
   pattern already used by ShoppingDepartments.razor.css/PageSections.razor.css. */
[tabindex="-1"]:focus[b-41pw6qcep4] {
  outline: none;
}
/* /Components/Pages/DynamicPageTemplates/ContentPageDefault.razor.rz.scp.css */
/* Blazor's enhanced-navigation focus management sets tabindex="-1" + .focus() on this
   page's <h1> after navigation (for screen-reader announcement) — tabindex="-1"
   elements are never reachable via keyboard Tab order, so hiding the visual ring here
   costs nothing accessibility-wise while removing the distracting blue outline box.
   This page's actual <h1> is rendered inside <PageSections> (which has its own matching
   rule in PageSections.razor.css); this copy exists only so every element this
   component renders keeps the same Blazor CSS-isolation scope attribute it had back
   when DynamicPage rendered this markup inline, for a clean diff — matching the same
   pattern already used by ShoppingDepartments.razor.css/PageSections.razor.css. */
[tabindex="-1"]:focus[b-gg5vpt988c] {
  outline: none;
}
/* /Components/Pages/DynamicPageTemplates/DepartmentPageView.razor.rz.scp.css */
/* Blazor's enhanced-navigation focus management sets tabindex="-1" + .focus() on this
   page's <h1> after navigation (for screen-reader announcement) — tabindex="-1"
   elements are never reachable via keyboard Tab order, so hiding the visual ring here
   costs nothing accessibility-wise while removing the distracting blue outline box.
   Duplicated per-component (matching the same pattern already used by
   ShoppingDepartments.razor.css/PageSections.razor.css) since Blazor's CSS scoping only
   covers elements the *same* component renders — this component, not DynamicPage, now
   renders this page's actual <h1>. */
[tabindex="-1"]:focus[b-p2gfpvdw7o] {
  outline: none;
}
/* /Components/Pages/DynamicPageTemplates/LegalPageAccessibilityStatement.razor.rz.scp.css */
/* ---- moved from inline style="" ---- */
.hero-img-desktop[b-wf4mbh95xs] {
    width: 50%;
}

.hero-img-mobile[b-wf4mbh95xs] {
    width: -webkit-fill-available;
}
/* /Components/Pages/DynamicPageTemplates/LegalPageCouponPolicy.razor.rz.scp.css */
/* ---- moved from inline style="" ---- */
.hero-img-desktop[b-p1ojlsqnif] {
    width: 50%;
}

.hero-img-mobile[b-p1ojlsqnif] {
    width: -webkit-fill-available;
}

.exc-black-text[b-p1ojlsqnif] {
    color: #000000;
}
/* /Components/Pages/DynamicPageTemplates/LegalPageDefault.razor.rz.scp.css */
/* Blazor's enhanced-navigation focus management sets tabindex="-1" + .focus() on this
   page's <h1> after navigation (for screen-reader announcement) — tabindex="-1"
   elements are never reachable via keyboard Tab order, so hiding the visual ring here
   costs nothing accessibility-wise while removing the distracting blue outline box.
   Duplicated per-component (matching the same pattern already used by
   ShoppingDepartments.razor.css/PageSections.razor.css) since Blazor's CSS scoping only
   covers elements the *same* component renders — this component, not DynamicPage, now
   renders this page's actual <h1>. */
[tabindex="-1"]:focus[b-0d33kqr35w] {
  outline: none;
}

/* ---- moved from inline style="" ---- */
.hero-img-mobile[b-0d33kqr35w] {
  width: -webkit-fill-available;
}
.legal-subhead[b-0d33kqr35w] {
  text-align: left;
}

/* In-page anchor targets (e.g. #chapter1) are CMS-authored ids inside the raw pagetext
   blob (EntryDto.RawHtml — see LegalPageDefault.razor.cs). This template is shared by
   every legal_page route not special-cased to its own template (About/PrivacyPolicy
   included), and the CMS content's own anchor ids aren't known/fixed ahead of time, so
   this targets any id rather than a specific one. MainLayout's .sticky-header-group goes
   position: fixed at >=992px (MainLayout.razor.css), so a plain fragment jump lands the
   target flush under/behind it. scroll-margin-top reusing --wd-header-h (published by
   wwwroot/js/site.js's setHeaderOffset) is the same fix applied to
   LegalPageRewardsTerms.razor.css/RecipeLibrary.razor.css's scroll-to-section targets.
   No scoped-ancestor class prefix here — verified (on LegalPageRewardsTerms.razor.css)
   that Blazor's "b-xxxxxxxx" scope attribute is only applied to the literal elements this
   component writes directly in its own .razor markup, never to anything inside the raw
   CMS HTML (MarkupString) itself, so a class-prefixed selector requiring that attribute
   on a CMS-authored element would silently never match. */
[b-0d33kqr35w] [id] {
  scroll-margin-top: calc(var(--wd-header-h, 94px) + 70px);
}
/* /Components/Pages/DynamicPageTemplates/LegalPageDmcaPolicy.razor.rz.scp.css */
/* ---- moved from inline style="" ---- */
.hero-img-desktop[b-cpu5whookl] {
    width: 50%;
}

.hero-img-mobile[b-cpu5whookl] {
    width: -webkit-fill-available;
}
/* /Components/Pages/DynamicPageTemplates/LegalPageRewardsTerms.razor.rz.scp.css */
/* Blazor's enhanced-navigation focus management sets tabindex="-1" + .focus() on this
   page's <h1> after navigation (for screen-reader announcement) — tabindex="-1"
   elements are never reachable via keyboard Tab order, so hiding the visual ring here
   costs nothing accessibility-wise while removing the distracting blue outline box.
   Duplicated per-component (matching the same pattern already used by
   ShoppingDepartments.razor.css/PageSections.razor.css) since Blazor's CSS scoping only
   covers elements the *same* component renders — this component, not DynamicPage, now
   renders this page's actual <h1>. */
[tabindex="-1"]:focus[b-6qxpij4o31] {
  outline: none;
}

/* ---- moved from inline style="" ---- */
.hero-img-desktop[b-6qxpij4o31] {
  width: 50%;
}
.hero-img-mobile[b-6qxpij4o31] {
  width: -webkit-fill-available;
}

/* .member-highlight is added in code-behind around the CMS "Member" text (see BodyHtml).
   ::deep is required because that markup is injected as raw HTML (MarkupString), so it
   never receives this component's scope attribute; the extra "strong" in the selector
   out-specifies the global .rewards__terms p color rule in rewards-terms.css. */
.rewards__terms[b-6qxpij4o31]  strong.member-highlight {
  color: var(--wd-color-brand-red);
}

/* .sms-email-link is added in code-behind around the support-email link in the SMS terms
   section (see BodyHtml). rewards-terms.css's "p > a" and ".rewards_link" rules both set
   red + bold with !important, so this override needs !important too to win in the same
   cascade tier, and must reset font-weight too or the bold carries over from that rule. */
.rewards__terms[b-6qxpij4o31]  a.sms-email-link {
  color: rgb(51, 122, 183) !important;
  font-weight: normal !important;
}

/* .disclaimer-terms-link is added in code-behind around the Percent Back Offer disclaimers'
   "Terms & Conditions" links (see BodyHtml). rewards-terms.css's ".rewards_link" rule sets
   text-decoration: none with !important, so the underline needs !important too to win. */
.rewards__terms[b-6qxpij4o31]  a.disclaimer-terms-link {
  text-decoration: underline !important;
}

/* In-page anchor targets (#offer-terms-and-exclusions, #percent-back-offer-bonus-offers)
   are CMS-authored ids inside BodyHtml. MainLayout's .sticky-header-group goes
   position: fixed at >=992px (MainLayout.razor.css), so a plain fragment jump lands the
   target flush under/behind it. scroll-margin-top reusing --wd-header-h (published by
   wwwroot/js/site.js's setHeaderOffset) is the same fix already applied to
   RecipeLibrary.razor.css's scroll-to-section target, with an added gap so the heading
   isn't flush against the header. No scoped ancestor selector here (unlike
   .member-highlight/.sms-email-link/.disclaimer-terms-link below) — verified via the
   compiled obj/.../*.rz.scp.css and the actual rendered DOM that the "b-xxxxxxxx" scope
   attribute is ONLY applied to the literal <div>s this component writes directly in its
   .razor markup, never to any element inside the raw CMS HTML (MarkupString) itself, so a
   ".rewards__terms[b-xxxxxxxx]" prefix can never match and silently no-ops. */
[b-6qxpij4o31] #offer-terms-and-exclusions,
[b-6qxpij4o31] #percent-back-offer-bonus-offers {
  scroll-margin-top: calc(var(--wd-header-h, 94px) + 70px);
}
/* /Components/Pages/DynamicPageTemplates/LegalPageTermsOfUse.razor.rz.scp.css */
/* Blazor's enhanced-navigation focus management sets tabindex="-1" + .focus() on this
   page's <h1> after navigation (for screen-reader announcement) — tabindex="-1"
   elements are never reachable via keyboard Tab order, so hiding the visual ring here
   costs nothing accessibility-wise while removing the distracting blue outline box.
   Duplicated per-component (matching the same pattern already used by
   ShoppingDepartments.razor.css/PageSections.razor.css) since Blazor's CSS scoping only
   covers elements the *same* component renders — this component, not DynamicPage, now
   renders this page's actual <h1>. */
[tabindex="-1"]:focus[b-q540iod3xu] {
  outline: none;
}

/* ---- moved from inline style="" ---- */
.hero-img-desktop[b-q540iod3xu] {
  width: 50%;
}
.hero-img-mobile[b-q540iod3xu] {
  width: -webkit-fill-available;
}
.legal-subhead[b-q540iod3xu] {
  text-align: left;
}
.exclusions-callout[b-q540iod3xu] {
  text-align: initial;
  font-family: var(--wd-font-body);
  color: var(--wd-color-brand-red);
}
.exclusions-callout-inner[b-q540iod3xu] {
  font-size: 22px;
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* Migrated to Blazor CSS isolation from FIVE retired global bundles that were only ever
   consumed by this page (verified via cross-page grep before retiring each — see below) —
   previously linked unconditionally in App.razor even though nothing outside "/" used them:
     - wwwroot/scss/WD/homeCarousel-wd.scss        (.sliderbannser / .HomeCarousel — hero slider)
     - wwwroot/scss/WD/couponsSectionHome-wd.scss  (.coupons_home — deals + digital coupons rail)
     - wwwroot/scss/WD/InstagramVideoCarousel-wd.scss (.InstagramCarousel — reels rail + modal)
     - wwwroot/scss/WD/percentBackCoupons-wd.scss  (.PointsMultiplierOffers/.PMOGallery/.couponhelp_model
       + a handful of comma-joined cross-widget typography rules also touching .coupons_home/
       .recipe-selector/.App-rewards__section)
     - wwwroot/scss/WD/recipeSelector-WD.scss      (.recipe-selector — "you might also like" rail)
   Each was deduped against its own repeated @keyframes stretch/.btn-dot-loading boilerplate
   (percentBackCoupons-wd.scss is hand-written nested Sass with no such duplication — compiled
   locally with `sass --style=expanded` to flatten it before the same per-line ::deep transform
   used everywhere else here; nothing about ITS actual rules changed by that step).

   Cross-page check BEFORE retiring (same ".recipes-card" class name is reused by RecipeLibrary.razor
   and RecipeDetail.razor too, which looked risky at first): both of those already carry their OWN
   independent copy of that widget's CSS under their OWN page wrapper prefix (.recipe-library
   .recipes-card / .recipes-details .recipes-card, from their own migrations), so recipeSelector-WD's
   ".recipe-selector .recipes-card" rules never matched their markup anyway — this file's content is
   exclusively consumed by this page. Same check done for percentBackCoupons-wd.scss's PMO/pointoffer
   classes against Coupons.razor (which also renders a percent-back section) — Coupons.razor.css
   already has its own independent copy (from digitalCoupons_wd.scss), confirmed with no reliance on
   this global bundle either.

   ::deep usage — needed only where a script builds FRESH DOM with no Blazor scope attribute
   (verified per script, not assumed):
     - home.js's buildDealCard()/buildCouponCard() build ".product"-rooted cards via raw
       innerHTML strings under #fake-loading / .coupons_home_session.m_top's .product-main — every
       ".product-main .product ..." rule (both here and inside percentBackCoupons-wd.scss's shared
       comma-joined typography block) got ::deep inserted right after ".product-main". The CMS
       static "order online" tile (".product-main .order_tile", a sibling class insertJS never
       rebuilds) is genuinely Blazor-owned and stays plain.
     - percentBack.js's buildCard() now builds ".pmoCouponTile"/.mboCoupon/.PMO-img/
       .PMOcoupon-info cards via document.createElement, replicating percentBackCoupons-wd.scss's
       own ".PMOGallery .pmoCouponTile/.mboCoupon/.PMO-img/.PMOcoupon-info..." block (lines
       ~244-582 of the now-retired source) shape-for-shape — but that block itself was never
       carried into this file (Components/Home/PercentBackOffers.razor.css has the live doc
       comment instead), so there is still no ::deep concern here today.
     - instagramCarousel.js's video cards (".video-card", ".video-overlay", ".card-btn") are built
       via jQuery template-literal strings, not template cloning — ::deep inserted for those three.
       ".video-carousel-reel-video/.video-carousel-close-button/.video-carousel-control/
       .video-carousel-prev-button/.video-carousel-next-button/.video-carousel-card/.modal-mute-btn"
       (dead — grepped instagramCarousel.js, none of these class names are ever emitted; the mute
       button that IS built uses ".muteUnmute", which has no rule in this file either way) and the
       static video-modal markup (".video-modal/.modal-content/.modal-video-wrapper/.close-modal",
       all literally in Home.razor's own markup, never rebuilt) stayed plain.
     - Both the hero carousel (home.js, slick on ".slider.HomeCarousel") and the recipe rail
       (_recipeSelector.min.js, slick on ".recipeSelector-slider-main"'s slider) run slick.js.
       Slick WRAPS the original Blazor-rendered slides/cards in its own fresh ".slick-track"/
       ".slick-list"/".slick-slide" elements rather than rebuilding the slides themselves, and any
       infinite-loop clones it makes are jQuery .clone()s of those same originals (attributes,
       including the scope one, survive .clone() same as native cloneNode — see Locator.razor.css's
       template-clone finding) — so only the ".slick-*" wrapper classes themselves needed ::deep;
       every rule that targets the slide/card's OWN content (".HomeCarousel-Header...",
       ".recipes-card .cook-time .oval-tag", etc.) is plain, matched directly. home.js's own
       jQuery-appended ".custom-controls"/"#customPrev"/"#pausePlayBtn"/"#customNext"/".custom-arrow"
       (built via a raw HTML string, not slick) got ::deep for the same reason as the video cards.
       ".slider.item img" (homeCarousel-wd.scss) never matched any current markup (this page's
       actual per-slide class is "HomeCarousel-Header row item", not "slider item") — dead,
       carried over plain.
     - ".zoomTxt ..." chains throughout (a never-toggled text-zoom accessibility class, same as
       Locator/RecipeLibrary) and couponsSectionHome-wd.scss's ".ShoppingList-overview.../.headline
       .txtSearch" (no match in this page's markup) are dead, carried over plain — same precedent.

   Coupons/deals/percent-back cards ARE reachable via ::deep despite living behind a runtime
   fetch() + createElement, same mechanism proven live for Coupons.razor/WeeklyAd.razor/
   Locator.razor's Google Maps content: the wrapping element (#fake-loading, .product-main,
   #PMOGallery) is Blazor-owned, so ::deep on it drops the attribute requirement for everything
   the script appends underneath, with zero risk of over-matching since ::deep only WIDENS what a
   selector can reach.
*/

/* ---- from homeCarousel-wd.scss ---- */
@keyframes stretch-b-vh4hmhodbk {
  0% {
    transform: scale(0.5);

    background-color: var(--wd-color-brand-red);
  }

  50% {
    background-color: var(--wd-color-brand-red);
  }

  100% {
    transform: scale(1);
    background-color: #ffffff;
  }
}

.btn-dot-loading.btn--loading[b-vh4hmhodbk] {
  font-size: 0;
}

.btn-dot-loading.btn--loading .btn-span[b-vh4hmhodbk] {
  display: flex !important;
  justify-content: center;
}

.btn-dot-loading.btn--loading .btn-span b[b-vh4hmhodbk] {
  animation-direction: alternate;
  animation-duration: 0.5s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-name: stretch-b-vh4hmhodbk;
  animation-play-state: running;
  animation-timing-function: ease-out;
  border-radius: 100%;
  display: block;
  height: 10px;
  margin: 0 1px;
  width: 10px;
  animation-delay: 0.1s;
  margin: 0 5px;
}

.btn-dot-loading.btn--loading .btn-span b:first-child[b-vh4hmhodbk] {
  animation-delay: 0s;
  margin: 0;
}

.btn-dot-loading.btn--loading .btn-span b:last-child[b-vh4hmhodbk] {
  animation-delay: 0.2s;

  margin: 0;
}

.btn-dot-loading b[b-vh4hmhodbk] {
  font-weight: normal;
}

.btn-dot-loading .btn-span[b-vh4hmhodbk] {
  display: none;
}

/* ---- from couponsSectionHome-wd.scss ---- */
@keyframes stretch-b-vh4hmhodbk {
  0% {
    transform: scale(0.5);
    background-color: var(--wd-color-brand-red);
  }
  50% {
    background-color: var(--wd-color-brand-red);
  }
  100% {
    transform: scale(1);
    background-color: #fff;
  }
}
/* ::deep needed (not just specificity): home.js builds .btnAddCoupon via document.createElement,
   entirely outside Blazor's rendering pipeline, so it never receives this component's scope
   attribute — a plain, unscoped ".btn-dot-loading.btn--loading" rule compiles to
   ".btn-dot-loading.btn--loading[b-xxxxxxxxxx]" same as every other rule here, which can never
   match an element with no scope attribute at all. Without ::deep this rule is entirely
   unreachable, not just outweighed by the real .btnAddCoupon rule's own font-size — clicking
   "Add coupon" never actually collapses the button's text to reveal the three-dot loading
   animation underneath; the text and dots render on top of each other instead (verified live:
   only the dots show, text is genuinely gone for that ~1s window). font-size still needs
   !important too, since ::deep alone doesn't change the selector's class-count specificity
   against the real "5 classes deep" .btnAddCoupon rule that also sets font-size. */
[b-vh4hmhodbk] .btn-dot-loading.btn--loading {
  font-size: 0 !important;
}
[b-vh4hmhodbk] .btn-dot-loading.btn--loading .btn-span {
  display: flex !important;
  justify-content: center;
}
[b-vh4hmhodbk] .btn-dot-loading.btn--loading .btn-span b {
  animation-direction: alternate;
  animation-duration: 0.5s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-name: stretch-b-vh4hmhodbk;
  animation-play-state: running;
  animation-timing-function: ease-out;
  border-radius: 100%;
  display: block;
  height: 10px;
  margin: 0 1px;
  width: 10px;
  animation-delay: 0.1s;
  margin: 0 5px;
}
[b-vh4hmhodbk] .btn-dot-loading.btn--loading .btn-span b:first-child {
  animation-delay: 0s;
  margin: 0;
}
[b-vh4hmhodbk] .btn-dot-loading.btn--loading .btn-span b:last-child {
  animation-delay: 0.2s;
  margin: 0;
}
[b-vh4hmhodbk] .btn-dot-loading b {
  font-weight: normal;
}
[b-vh4hmhodbk] .btn-dot-loading .btn-span {
  display: none;
}
.CouponsWeekly[b-vh4hmhodbk] {
  margin-top: 8px;
}
@media (max-width: 767px) {
  .CouponsWeekly[b-vh4hmhodbk] {
    margin-top: 12px;
  }
}
.way-to-save-main[b-vh4hmhodbk] {
  margin-bottom: 0;
}
.slider-info[b-vh4hmhodbk] {
  z-index: auto !important;
}
.coupons_home .col-sm-12[b-vh4hmhodbk] {
  padding-left: 0;
  padding-right: 0;
}
/* The rule above never matches: in this markup .col-sm-12.col-md-12 is .coupons_home's ANCESTOR,
   not its descendant (<div class="col-sm-12  col-md-12"><div class="coupons_home">...). Live
   zeroes that column's default 15px Bootstrap gutter too (measured: 1140px content width, 0
   padding) — without this, .coupons_home_session renders 30px narrower than live. */
.CouponsWeekly > .col-sm-12.col-md-12[b-vh4hmhodbk] {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .coupons_home.container[b-vh4hmhodbk] {
    width: 803px;
    padding: 0 32px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .coupons_home.container[b-vh4hmhodbk] {
    width: 1004px;
    padding: 0 32px;
  }
}
@media (min-width: 1200px) {
  .coupons_home.container[b-vh4hmhodbk] {
    width: 1125px;
    padding: 0;
    margin: 40px auto;
    margin-top: -48px;
  }
}
@media (max-width: 767px) {
  .coupons_home .m_top[b-vh4hmhodbk] {
    margin-top: 31px !important;
  }
}
.coupons_home .coupons_home_session[b-vh4hmhodbk] {
  font-family: var(--wd-font-body);
  width: auto;
}
@media (min-width: 991px) and (max-width: 1202px) {
  .coupons_home .coupons_home_session[b-vh4hmhodbk] {
    padding: 0 0;
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .coupons_home .coupons_home_session[b-vh4hmhodbk] {
    padding: 0 0;
    width: auto;
    margin-top: -29px;
  }
}
@media (max-width: 767px) {
  .coupons_home .coupons_home_session[b-vh4hmhodbk] {
    width: auto;
    margin-top: 0;
  }
}
.coupons_home .coupons_home_session a[b-vh4hmhodbk] {
  text-decoration: none;
}
@media (max-width: 767px) {
  .coupons_home .coupons_home_session .headline[b-vh4hmhodbk] {
    padding: 15px;
  }
}
.coupons_home .coupons_home_session .headline .headline__div[b-vh4hmhodbk] {
  display: flex;
  margin: 20px 8px;
}
@media (max-width: 767px) {
  .coupons_home .coupons_home_session .headline .headline__div[b-vh4hmhodbk] {
    flex-direction: column-reverse;
    display: flex;
    padding: 0;
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .coupons_home .coupons_home_session .headline .headline__div[b-vh4hmhodbk] {
    margin: 20px 0;
  }
}
.coupons_home .coupons_home_session .headline h2[b-vh4hmhodbk] {
  font-size: 2.25em;
  font-family: var(--wd-font-body);
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  line-height: 1.09;
  letter-spacing: -0.59px;
  color: var(--wd-color-brand-red);
}
@media (max-width: 767px) {
  .coupons_home .coupons_home_session .headline h2[b-vh4hmhodbk] {
    font-size: 1.875em;
    margin: 10px 0 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .coupons_home .coupons_home_session .headline h2[b-vh4hmhodbk] {
    font-size: 2.25em;
  }
}
.coupons_home .coupons_home_session .headline button[b-vh4hmhodbk],
.coupons_home .coupons_home_session .headline a[b-vh4hmhodbk] {
  font-family: var(--wd-font-body);
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.38;
  letter-spacing: -0.22px;
  /* Live's "See all deals"/"See all coupons" links measure rgb(224, 27, 26), not brand red. */
  color: var(--wd-color-brand-red);
  position: absolute;
  float: right;
  right: 20px;
  margin-bottom: 10px;
  background: transparent;
  border: none;
  text-decoration: none;
  padding-right: 13px;
  top: 17px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .coupons_home .coupons_home_session .headline button[b-vh4hmhodbk],
  .coupons_home .coupons_home_session .headline a[b-vh4hmhodbk] {
    right: 16px;
    padding-right: 0;
    top: 1px;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .coupons_home .coupons_home_session .headline button[b-vh4hmhodbk],
  .coupons_home .coupons_home_session .headline a[b-vh4hmhodbk] {
    margin-top: 0;
  }
}
.coupons_home .coupons_home_session .headline button i[b-vh4hmhodbk],
.coupons_home .coupons_home_session .headline a i[b-vh4hmhodbk] {
  color: var(--wd-color-brand-red);
  font-size: 1em;
  position: absolute;
  top: 5px;
}
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .coupons_home .coupons_home_session .headline button i[b-vh4hmhodbk],
  .coupons_home .coupons_home_session .headline a i[b-vh4hmhodbk] {
    margin-left: 5px !important;
  }
}
@media all and (-ms-high-contrast: none) {
  .coupons_home .coupons_home_session .headline button i[b-vh4hmhodbk],
  .coupons_home .coupons_home_session .headline a i[b-vh4hmhodbk] {
    top: 3px;
    right: 2px;
  }
  .coupons_home .coupons_home_session .headline button *[b-vh4hmhodbk]::-ms-backdrop,
  .coupons_home .coupons_home_session .headline button i[b-vh4hmhodbk],
  .coupons_home .coupons_home_session .headline a *[b-vh4hmhodbk]::-ms-backdrop,
  .coupons_home .coupons_home_session .headline a i[b-vh4hmhodbk] {
    top: 4px;
    right: 2px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .coupons_home .coupons_home_session .headline button .m_left[b-vh4hmhodbk],
  .coupons_home .coupons_home_session .headline a .m_left[b-vh4hmhodbk] {
    margin-left: 3px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .coupons_home .coupons_home_session .headline button .m_right[b-vh4hmhodbk],
  .coupons_home .coupons_home_session .headline a .m_right[b-vh4hmhodbk] {
    margin-left: 91px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .coupons_home .coupons_home_session .headline button .m_coupon_left[b-vh4hmhodbk],
  .coupons_home .coupons_home_session .headline a .m_coupon_left[b-vh4hmhodbk] {
    margin-left: 111px;
  }
}
.coupons_home .coupons_home_session .headline .flex-list[b-vh4hmhodbk] {
  margin: 0 5px;
}
@media (max-width: 767px) {
  .coupons_home .coupons_home_session .txtFeature[b-vh4hmhodbk] {
    padding: 15px;
    padding-top: 0;
  }
}
.coupons_home .coupons_home_session .txtFeature h2[b-vh4hmhodbk] {
  font-size: 2.25em;
  font-family: var(--wd-font-body);
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  letter-spacing: -0.59px;
  /* Live's "Deals near you"/"Digital coupons" headings measure rgb(33, 37, 41), not this gray. */
  color: #212529;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .coupons_home .coupons_home_session .txtFeature h2[b-vh4hmhodbk] {
    font-size: 1.375em;
    margin-top: 0;
    padding-left: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .coupons_home .coupons_home_session .txtFeature h2[b-vh4hmhodbk] {
    font-size: 1.375em;
    letter-spacing: -0.31px;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .coupons_home .coupons_home_session .txtFeature h2[b-vh4hmhodbk] {
    font-size: 1.625em;
    margin: 0;
  }
}
.coupons_home .coupons_home_session .txtFeature h4[b-vh4hmhodbk] {
  font-size: 1.375em;
  font-family: var(--wd-font-body);
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  line-height: 1.18;
  letter-spacing: -0.25px;
  color: var(--wd-color-text);
}
@media (max-width: 767px) {
  .coupons_home .coupons_home_session .txtFeature h4[b-vh4hmhodbk] {
    font-weight: 600;
    font-size: 0.875em;
  }
}
.coupons_home .coupons_home_session .txtFeature .p-0[b-vh4hmhodbk] {
  padding: 0 !important;
}
.coupons_home .coupons_home_session .product-main[b-vh4hmhodbk] {
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .coupons_home .coupons_home_session .product-main[b-vh4hmhodbk] {
    border-top: solid 2px var(--wd-color-bread);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .coupons_home .coupons_home_session .product-main[b-vh4hmhodbk] {
    margin: 0 -10px;
  }
}
.coupons_home .coupons_home_session .product-main[b-vh4hmhodbk]  .product {
  width: auto;
  height: 381px;
  padding: 10px;
  border: solid 2px var(--wd-color-bread);
  margin-bottom: 30px;
  border-radius: 4px;
  cursor: auto;
}
.coupons_home .coupons_home_session .product-main[b-vh4hmhodbk]  .product:focus {
  outline: 2px solid var(--wd-color-focus-ring) !important;
  outline-offset: -1px;
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .er-span
  .couponadded__failed {
  position: absolute;
  margin-top: 24px;
  color: var(--wd-color-brand-red);
  font-size: 14px;
  padding-right: 22px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .er-span
    .couponadded__failed {
    font-size: 0.75em;
  }
}
@media (max-width: 767px) {
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .er-span
    .couponadded__failed {
    position: relative;
    padding-bottom: 10px;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .coupons_home .coupons_home_session .product-main[b-vh4hmhodbk]  .product {
    display: flex;
    align-items: center;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    margin: 0;
    width: 100%;
    height: auto;
    padding-left: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .coupons_home .coupons_home_session .product-main[b-vh4hmhodbk]  .product {
    width: auto;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .coupons_home .coupons_home_session .product-main[b-vh4hmhodbk]  .product {
    width: auto;
  }
}
.coupons_home .coupons_home_session .product-main[b-vh4hmhodbk]  .product .ribbon {
  position: absolute;
  width: 80px;
  height: 20px;
  background: var(--wd-color-brand-red);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  user-select: none;
  flex-direction: column;
  margin-left: -17px;
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .ribbon::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 10px 0;
  border-color: transparent #fff transparent transparent;
}
@media (max-width: 767px) {
  .coupons_home .coupons_home_session .product-main[b-vh4hmhodbk]  .product .ribbon {
    position: absolute;
    left: 35px;
    bottom: 30px;
  }
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .ribbon
  .ribbon__text {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .ribbon
  .ribbon__text
  .fa.fa-plus {
  margin-right: 5px;
  font-size: 8px;
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__img_div {
  text-align: center;
  margin-top: 14px;
  height: 128px;
}
@media (max-width: 767px) {
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .product__img_div {
    margin-right: 12px;
    margin-top: 0;
    height: auto;
    min-width: 80px;
  }
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__img_div
  img.product__img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
@media (max-width: 767px) {
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .product__img_div
    img.product__img {
    max-width: 64px;
    height: 64px;
    margin-right: 12px;
  }
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc {
  display: block;
  align-items: center;
  height: 90px;
  max-height: 100%;
  width: 100%;
  justify-content: space-around;
}
@media (max-width: 767px) {
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .product__desc {
    height: auto;
    width: auto;
    display: flex;
  }
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .product-name {
  text-decoration: none;
  /* Live's card title text measures rgb(52, 58, 64), not this gray. */
  color: #343a40;
  line-height: 1.38;
  letter-spacing: -0.22px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1em;
  -ms-text-overflow: ellipsis !important;
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 43px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .product__desc
    .product-name {
    padding-right: 76px;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .product__desc
    .product-name {
    --max-lines: 3;
    position: relative;
    max-height: calc(var(--lh) * var(--max-lines));
    overflow: hidden;
    padding-right: 1rem;
  }
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .product__desc
    .product-name::before {
    position: absolute;
    content: "...";
    inset-block-end: 0;
    inset-inline-end: 0;
  }
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .product__desc
    .product-name::after {
    content: "";
    position: absolute;
    inset-inline-end: 0;
    width: 1rem;
    height: 1rem;
    background: #fff;
  }
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .original-price {
  font-family: var(--wd-font-body);
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  font-size: 1em;
  line-height: 1.22;
  letter-spacing: -0.25px;
  margin-top: 20px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .product__desc
    .original-price {
    margin: 0;
    margin-bottom: 5px;
  }
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .original-price
  span {
  font-size: 1.125em;
  /* Live's promo price measures rgb(224, 27, 26) here, not brand red. */
  color: var(--wd-color-brand-red);
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .original-price
  span.error-msg {
  color: var(--wd-color-brand-red);
  padding: 0;
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .original-price
  .strikethrough-price {
  font-family: var(--wd-font-body);
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  line-height: 1.22;
  letter-spacing: -0.25px;
  /* Live measures 16px (1em), rgb(224, 27, 26) for the struck-through regular price — not 18px dark gray. */
  font-size: 1em;
  color: var(--wd-color-brand-red);
  margin: 0 5px;
  text-decoration: line-through;
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .original-price
  .bogo__div {
  font-size: 1em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .product__desc
    .original-price
    .bogo__div {
    display: block;
  }
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .original-price
  .bogo__div
  .bogo__txt {
  font-size: 0.75em;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.17px;
  color: var(--wd-color-brand-red);
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .original-price
  .bogo__div
  .fas.fa-tag {
  color: var(--wd-color-brand-red);
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .expiration {
  font-family: var(--wd-font-body);
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  font-size: 0.875em;
  line-height: 1.43;
  letter-spacing: -0.23px;
  color: #727272;
  margin-top: 8px;
  position: absolute;
  display: block;
}
@media (max-width: 767px) {
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .product__desc
    .expiration {
    position: relative;
  }
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .d-flex {
  display: flex;
}
@media (max-width: 767px) {
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .product__desc
    .product__sub_desc {
    position: absolute;
    right: 25px;
  }
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .product__sub_desc
  .product-name {
  margin-top: 8px;
  font-family: var(--wd-font-body);
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  line-height: 1.38;
  letter-spacing: -0.22px;
  font-size: 1em;
  color: var(--wd-color-text);
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .product__sub_desc
  a {
  border: none;
  background: none;
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .product__sub_desc
  a
  .icon-add-plus
  img {
  width: 22px;
  height: 32%;
  border-radius: 10px;
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .product__sub_desc
  a
  img {
  width: 24px;
  height: 24px;
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .product__sub_desc
  a
  .icon-add-plus {
  width: 30px;
  height: 30px;
  transform: rotate(45deg);
  background: url(/Areas/V2/Images/add.svg);
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .product__sub_desc
  a
  .icon-add {
  width: 24px;
  height: 24px;
  background: url(/Areas/V2/Images/Link_WD_Red.svg);
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .product__sub_desc
  a.added
  .icon-add {
  width: 24px;
  height: 24px;
  background: url(/Areas/V2/Images/icon-check-brand.svg);
  background-repeat: no-repeat;
  object-fit: contain;
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .product__sub_desc
  button {
  border: none;
  background: none;
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .product__sub_desc
  button
  .icon-add-plus
  img {
  width: 22px;
  height: 32%;
  border-radius: 10px;
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .product__sub_desc
  button
  img {
  width: 24px;
  height: 24px;
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .product__sub_desc
  button
  .icon-add-plus {
  width: 30px;
  height: 30px;
  transform: rotate(45deg);
  background: url(/Areas/V2/Images/add.svg);
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .product__sub_desc
  button
  .icon-add {
  width: 24px;
  height: 24px;
  background: url(/Areas/V2/Images/Link_WD_Red.svg);
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .product__sub_desc
  button.added
  .icon-add {
  width: 24px;
  height: 24px;
  background: url(/Areas/V2/Images/icon-check-brand.svg);
  background-repeat: no-repeat;
  object-fit: contain;
}
@media (min-width: 767px) {
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .btnAddCoupon {
    width: 236px;
    height: 48px;
    margin-top: 54px;
    padding: 12px;
    color: #fff;
    /* The real coupon-card .btnAddCoupon (this selector, under .product-main .product) renders
       var(--wd-color-brand-red), distinct from the CMS static order_tile's copy of this same rule (below), which
       stays var(--wd-color-brand-red). */
    background-color: var(--wd-color-brand-red) !important;
    border: 1px solid var(--wd-color-brand-red) !important;
    border-radius: 6px;
    font-family: var(--wd-font-body);
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    font-size: 1.125em;
    font-weight: bold;
    line-height: 1.22;
    letter-spacing: -0.25px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
  }
}
@media (max-width: 767px) {
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .btnAddCoupon {
    position: relative;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .btnAddCoupon {
    width: 100%;
    padding: 10px;
    padding-left: 12px;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .btnAddCoupon {
    width: 100%;
    padding: 10px;
  }
}
@media (min-width: 767px) {
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .btnAddCoupon:focus {
    border: solid 2px #fff !important;
  }
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .btnAddCoupon:hover {
    background-color: var(--wd-color-primary-hover) !important;
    border: 1px solid var(--wd-color-primary-hover);
    color: #fff;
  }
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .btnAddCoupon
  i {
  background-color: #fff;
  color: var(--wd-color-brand-red);
  font-size: 0.75em;
  width: 26px;
  border-radius: 50px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  margin-right: 10px;
  position: relative;
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .coupon-add-btn {
  width: 238px;
  display: block;
  background-color: transparent;
  border: none;
  color: var(--wd-color-text);
  font-weight: bold;
  font-size: 1.125em;
  padding: 6px 0;
  margin: 24px 0;
  height: 49px;
  margin-top: 54px;
  color: #fff;
  /* Live overrides this compiled bundle's brand-red default via a page-level inline <style>
     block (".coupons_home ... .product .coupon-add-btn { background-color: var(--wd-color-brand-red); border:
     1px solid var(--wd-color-brand-red) !important; }") — same accent-red correction as the sibling .btnAddtoList/
     .btnAddCoupon rules, confirmed live via CDP's getMatchedStylesForNode (that inline rule wins
     the cascade over this one, same specificity, later in source order). */
  background-color: var(--wd-color-brand-red);
  border: 1px solid var(--wd-color-brand-red);
  border-radius: 6px;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
  font-family: var(--wd-font-body);
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .coupon-add-btn:focus {
  border: solid 2px #fff !important;
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .coupon-add-btn:hover {
  background-color: var(--wd-color-primary-hover) !important;
  border: 1px solid var(--wd-color-primary-hover);
  color: #fff;
}
@media (max-width: 767px) {
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .coupon-add-btn {
    width: auto;
    padding: 0;
    margin-top: 18px;
    font-size: 0.875em;
  }
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .coupon-add-btn:disabled {
    color: var(--wd-color-text);
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .coupon-add-btn {
    width: 100%;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .coupon-add-btn {
    width: 100%;
    padding: 10px;
    padding-left: 12px;
  }
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .coupon-add-btn
  .icon-add {
  background: url(/Areas/V2/Images/icon-check-brand.svg);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .btnAddtoList {
  width: 236px;
  height: 48px;
  margin-top: 54px;
  padding: 12px;
  font-family: var(--wd-font-body);
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.22;
  letter-spacing: -0.25px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  /* Live's "Start shopping"/"Add coupon" buttons measure rgb(224, 27, 26) fill at a 4px radius,
     not brand red at 6px. */
  background-color: var(--wd-color-brand-red);
  border: 1px solid var(--wd-color-brand-red);
  border-radius: 4px;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
@media (max-width: 1199px) and (min-width: 992px) {
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .btnAddtoList {
    width: 100%;
    padding: 10px;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .btnAddtoList {
    width: 100%;
    padding: 10px;
  }
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .btnAddtoList:focus {
  border: solid 2px #fff !important;
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .btnAddtoList:hover {
  background-color: var(--wd-color-primary-hover) !important;
  border: 1px solid var(--wd-color-primary-hover);
  color: #fff;
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .btnAddtoList
  .icon-add {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background: url(/Areas/V2/Images/Link_WD_Red.svg);
}
/* Digital-coupons "Add coupon" buttons only (home.js buildCouponCard) — live renders a small
   white circle with a red plus to the left of the label; none of the existing icon-add* SVG
   assets match that (Link_WD_Red.svg is a red link-out glyph, invisible on this red button), so
   this draws the plus directly rather than searching for/adding a matching vendor asset. */
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .btnAddtoList
  .coupon-add-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border-radius: 50%;
  background: #fff;
  color: var(--wd-color-brand-red);
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .btnAddtoList.added
  .icon-add {
  background: url(/Areas/V2/Images/icon-check-brand.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .btnAddtoList.added:hover
  .icon-add {
  background: url(/Areas/V2/Images/icon-check-brand.svg);
  background-repeat: no-repeat;
}
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .btnAddtoList
  span {
  vertical-align: middle;
}
.coupons_home .coupons_home_session .product-main .order_tile[b-vh4hmhodbk] {
  width: auto;
  height: 381px;
  padding: 10px;
  border: solid 2px var(--wd-color-bread);
  margin-bottom: 30px;
  border-radius: 7px;
  /* Same accent-red correction as the sibling .btnAddtoList/.btnAddCoupon rules in this file:
     live renders rgb(224, 27, 26), not the compiled bundle's $wd-theme-Red default. */
  background-color: var(--wd-color-brand-red);
}
@media (max-width: 767px) {
  .coupons_home .coupons_home_session .product-main .order_tile[b-vh4hmhodbk] {
    background: #fff;
    padding-bottom: 16px;
  }
}
.coupons_home .coupons_home_session .product-main .order_tile:focus[b-vh4hmhodbk] {
  outline: 2px solid var(--wd-color-focus-ring) !important;
  outline-offset: -1px;
}
@media (max-width: 767px) {
  .coupons_home .coupons_home_session .product-main .order_tile[b-vh4hmhodbk] {
    display: flex;
    align-items: center;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    margin: 0;
    width: 100%;
    height: auto;
    padding-left: 18px;
    padding-bottom: 23px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .coupons_home .coupons_home_session .product-main .order_tile[b-vh4hmhodbk] {
    width: auto;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .coupons_home .coupons_home_session .product-main .order_tile[b-vh4hmhodbk] {
    width: auto;
  }
}
.coupons_home .coupons_home_session .product-main .order_tile .ribbon[b-vh4hmhodbk] {
  position: absolute;
  width: 80px;
  height: 20px;
  background: var(--wd-color-brand-red);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  user-select: none;
  flex-direction: column;
  margin-left: -17px;
}
.coupons_home .coupons_home_session .product-main .order_tile .ribbon[b-vh4hmhodbk]::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 10px 0;
  border-color: transparent #fff transparent transparent;
}
@media (max-width: 767px) {
  .coupons_home .coupons_home_session .product-main .order_tile .ribbon[b-vh4hmhodbk] {
    position: absolute;
    left: 35px;
    bottom: 30px;
  }
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .ribbon
  .ribbon__text[b-vh4hmhodbk] {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .ribbon
  .ribbon__text
  .fa.fa-plus[b-vh4hmhodbk] {
  margin-right: 5px;
  font-size: 8px;
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .product__img_div[b-vh4hmhodbk] {
  text-align: center;
  margin-top: 14px;
  /* Live measures this box at 237x186 (getBoundingClientRect on winndixie.com desktop), not the
     128px this file's original scss source specified — same kind of drift as the accent-red
     correction elsewhere in this file. */
  height: 186px;
}
@media (max-width: 767px) {
  .coupons_home
    .coupons_home_session
    .product-main
    .order_tile
    .product__img_div[b-vh4hmhodbk] {
    margin-right: 15px;
    margin-top: 7px;
    height: auto;
    min-width: 80px;
  }
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .product__img_div
  img.product__img[b-vh4hmhodbk] {
  /* Live stretches this image to fill its box exactly (default object-fit: fill, confirmed via
     getComputedStyle on winndixie.com — rendered 237x186 vs the source asset's native 261x214),
     not aspect-ratio-preserved like the old max-height/max-width/auto-margin approach here. */
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .coupons_home
    .coupons_home_session
    .product-main
    .order_tile
    .product__img_div
    img.product__img[b-vh4hmhodbk] {
    max-width: 64px;
    height: 64px;
    margin-right: 12px;
  }
}
.coupons_home .coupons_home_session .product-main .order_tile .product__desc[b-vh4hmhodbk] {
  display: flex;
  align-items: center;
  height: 90px;
  max-height: 100%;
  width: 100%;
  justify-content: space-around;
}
@media (max-width: 767px) {
  .coupons_home .coupons_home_session .product-main .order_tile .product__desc[b-vh4hmhodbk] {
    height: auto;
    width: auto;
    margin-top: 9px;
  }
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .product__desc
  .product-name[b-vh4hmhodbk] {
  text-decoration: none;
  color: #fff;
  line-height: 1.38;
  letter-spacing: -0.22px;
  font-size: 1em;
  display: block;
  max-width: 100%;
  height: 43px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .coupons_home
    .coupons_home_session
    .product-main
    .order_tile
    .product__desc
    .product-name[b-vh4hmhodbk] {
    padding-right: 76px;
    color: var(--wd-color-text);
    height: auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .coupons_home
    .coupons_home_session
    .product-main
    .order_tile
    .product__desc
    .product-name[b-vh4hmhodbk] {
    --max-lines: 3;
    position: relative;
    max-height: calc(var(--lh) * var(--max-lines));
    overflow: hidden;
    padding-right: 1rem;
  }
  .coupons_home
    .coupons_home_session
    .product-main
    .order_tile
    .product__desc
    .product-name[b-vh4hmhodbk]::before {
    position: absolute;
    content: "...";
    inset-block-end: 0;
    inset-inline-end: 0;
  }
  .coupons_home
    .coupons_home_session
    .product-main
    .order_tile
    .product__desc
    .product-name[b-vh4hmhodbk]::after {
    content: "";
    position: absolute;
    inset-inline-end: 0;
    width: 1rem;
    height: 1rem;
    background: #fff;
  }
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .product__desc
  .original-price[b-vh4hmhodbk] {
  font-family: var(--wd-font-body);
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  font-size: 1em;
  line-height: 1.22;
  letter-spacing: -0.25px;
  margin-top: 50px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .coupons_home
    .coupons_home_session
    .product-main
    .order_tile
    .product__desc
    .original-price[b-vh4hmhodbk] {
    margin: 0;
    margin-bottom: 5px;
  }
}
/* "Shop Online" static tile (deals.StaticTile in Home.razor) reuses .original-price as its
   heading, but on an <h3> rather than the real product tiles' <p> — narrower selector lets us
   zero its margin (matches prod's 0-margin transparent tile) without touching the shared
   p.original-price price/discount styling used by the real "Deals near you" product tiles. */
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .product__desc
  h3.original-price[b-vh4hmhodbk] {
  margin: 0;
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .product__desc
  .original-price
  span[b-vh4hmhodbk] {
  font-size: 1.375em;
  color: #fff;
}
@media (max-width: 767px) {
  .coupons_home
    .coupons_home_session
    .product-main
    .order_tile
    .product__desc
    .original-price
    span[b-vh4hmhodbk] {
    color: var(--wd-color-brand-red);
  }
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .product__desc
  .original-price
  span.error-msg[b-vh4hmhodbk] {
  color: var(--wd-color-brand-red);
  padding: 0;
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .product__desc
  .original-price
  .bogo__div[b-vh4hmhodbk] {
  font-size: 1em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .coupons_home
    .coupons_home_session
    .product-main
    .order_tile
    .product__desc
    .original-price
    .bogo__div[b-vh4hmhodbk] {
    display: block;
  }
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .product__desc
  .original-price
  .bogo__div
  .bogo__txt[b-vh4hmhodbk] {
  font-size: 0.75em;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.17px;
  color: var(--wd-color-brand-red);
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .product__desc
  .original-price
  .bogo__div
  .fas.fa-tag[b-vh4hmhodbk] {
  color: var(--wd-color-brand-red);
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .product__desc
  .d-flex[b-vh4hmhodbk] {
  display: flex;
}
@media (max-width: 767px) {
  .coupons_home
    .coupons_home_session
    .product-main
    .order_tile
    .product__desc
    .product__sub_desc[b-vh4hmhodbk] {
    position: absolute;
    right: 25px;
  }
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .product__desc
  .product__sub_desc
  .product-name[b-vh4hmhodbk] {
  margin-top: 8px;
  font-family: var(--wd-font-body);
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  line-height: 1.38;
  letter-spacing: -0.22px;
  font-size: 1em;
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .product__desc
  .product__sub_desc
  a[b-vh4hmhodbk] {
  border: none;
  background: none;
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .product__desc
  .product__sub_desc
  a
  .icon-add-plus
  img[b-vh4hmhodbk] {
  width: 22px;
  height: 32%;
  border-radius: 10px;
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .product__desc
  .product__sub_desc
  a
  img[b-vh4hmhodbk] {
  width: 24px;
  height: 24px;
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .product__desc
  .product__sub_desc
  a
  .icon-add-plus[b-vh4hmhodbk] {
  width: 30px;
  height: 30px;
  transform: rotate(45deg);
  background: url(/Areas/V2/Images/add.svg);
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .product__desc
  .product__sub_desc
  a
  .icon-add[b-vh4hmhodbk] {
  width: 24px;
  height: 24px;
  background: url(/Areas/V2/Images/Link_WD_Red.svg);
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .product__desc
  .product__sub_desc
  a.added
  .icon-add[b-vh4hmhodbk] {
  width: 24px;
  height: 24px;
  background: url(/Areas/V2/Images/icon-check-brand.svg);
  background-repeat: no-repeat;
  object-fit: contain;
}
@media (min-width: 767px) {
  .coupons_home .coupons_home_session .product-main .order_tile .btnAddCoupon[b-vh4hmhodbk] {
    width: 236px;
    height: 48px;
    margin-top: 74px;
    padding: 12px;
    color: #fff;
    background-color: var(--wd-color-brand-red);
    border: 1px solid var(--wd-color-brand-red);
    border-radius: 6px;
    font-family: var(--wd-font-body);
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    font-size: 1.125em;
    font-weight: bold;
    line-height: 1.22;
    letter-spacing: -0.25px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
  }
}
@media (max-width: 767px) {
  .coupons_home .coupons_home_session .product-main .order_tile .btnAddCoupon[b-vh4hmhodbk] {
    position: relative;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .coupons_home .coupons_home_session .product-main .order_tile .btnAddCoupon[b-vh4hmhodbk] {
    width: 100%;
    padding: 10px;
    padding-left: 12px;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .coupons_home .coupons_home_session .product-main .order_tile .btnAddCoupon[b-vh4hmhodbk] {
    width: 100%;
    padding: 10px;
  }
}
@media (min-width: 767px) {
  .coupons_home
    .coupons_home_session
    .product-main
    .order_tile
    .btnAddCoupon:focus[b-vh4hmhodbk] {
    border: solid 2px #fff !important;
  }
  .coupons_home
    .coupons_home_session
    .product-main
    .order_tile
    .btnAddCoupon:hover[b-vh4hmhodbk] {
    background-color: var(--wd-color-primary-hover) !important;
    border: 1px solid var(--wd-color-primary-hover);
    color: #fff;
  }
}
.coupons_home .coupons_home_session .product-main .order_tile .btnAddCoupon i[b-vh4hmhodbk] {
  background-color: #fff;
  color: var(--wd-color-brand-red);
  font-size: 0.75em;
  width: 26px;
  border-radius: 50px;
  height: 26px;
  line-height: 25px;
  text-align: center;
  margin-right: 11px;
  border: 1px solid var(--wd-color-brand-red);
  position: relative;
}
.coupons_home .coupons_home_session .product-main .order_tile .coupon-add-btn[b-vh4hmhodbk] {
  width: 238px;
  display: block;
  background-color: transparent;
  border: none;
  color: var(--wd-color-text);
  font-weight: bold;
  font-size: 1.125em;
  padding: 6px 0;
  margin: 24px 0;
  height: 49px;
  margin-top: 74px;
  color: #fff;
  background-color: var(--wd-color-brand-red);
  border: 1px solid var(--wd-color-brand-red);
  border-radius: 6px;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
  font-family: var(--wd-font-body);
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .coupon-add-btn:focus[b-vh4hmhodbk] {
  border: solid 2px #fff !important;
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .coupon-add-btn:hover[b-vh4hmhodbk] {
  background-color: var(--wd-color-primary-hover) !important;
  border: 1px solid var(--wd-color-primary-hover);
  color: #fff;
}
@media (max-width: 767px) {
  .coupons_home
    .coupons_home_session
    .product-main
    .order_tile
    .coupon-add-btn[b-vh4hmhodbk] {
    width: auto;
    padding: 0;
    margin-top: 18px;
  }
  .coupons_home
    .coupons_home_session
    .product-main
    .order_tile
    .coupon-add-btn:disabled[b-vh4hmhodbk] {
    color: var(--wd-color-text);
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .coupons_home
    .coupons_home_session
    .product-main
    .order_tile
    .coupon-add-btn[b-vh4hmhodbk] {
    width: 100%;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .coupons_home
    .coupons_home_session
    .product-main
    .order_tile
    .coupon-add-btn[b-vh4hmhodbk] {
    width: 100%;
    padding: 10px;
    padding-left: 12px;
  }
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .coupon-add-btn
  .icon-add[b-vh4hmhodbk] {
  background: url(/Areas/V2/Images/icon-check-brand.svg);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 1199px) and (min-width: 992px) {
  .coupons_home
    .coupons_home_session
    .product-main
    .order_tile
    .coupon-add-btn[b-vh4hmhodbk] {
    width: 100%;
    padding: 10px;
    padding-left: 12px;
  }
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .coupon-add-btn
  .icon-add[b-vh4hmhodbk] {
  background: url(/Areas/V2/Images/icon-check-brand.svg);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}
.coupons_home .coupons_home_session .product-main .order_tile .btnAddtoList[b-vh4hmhodbk] {
  width: 236px;
  height: 48px;
  /* Live measures 0 margin here (getBoundingClientRect on winndixie.com) — the visual gap above
     the button comes from .product__desc's own fixed 90px height, not this margin. The old 74px
     was sized for the now-corrected (and too-short) 128px image box above and overflowed the
     card's fixed 381px height once that box grew to its measured 186px. */
  margin-top: 0;
  padding: 12px;
  /* Same accent-red correction as the sibling .btnAddtoList rule above. */
  color: var(--wd-color-brand-red);
  font-family: var(--wd-font-body);
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.22;
  letter-spacing: -0.25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
  background-color: #fff;
  border: 1px solid #fff;
}
@media (max-width: 1199px) and (min-width: 992px) {
  .coupons_home .coupons_home_session .product-main .order_tile .btnAddtoList[b-vh4hmhodbk] {
    width: 100%;
    padding: 10px;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .coupons_home .coupons_home_session .product-main .order_tile .btnAddtoList[b-vh4hmhodbk] {
    width: 100%;
    padding: 10px;
  }
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .btnAddtoList:focus[b-vh4hmhodbk] {
  border: solid 2px #fff !important;
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .btnAddtoList:hover[b-vh4hmhodbk] {
  background-color: #fff !important;
  border: 1px solid var(--wd-color-primary-hover);
  color: var(--wd-color-brand-red);
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .btnAddtoList
  .icon-add[b-vh4hmhodbk] {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background: url(/Areas/V2/Images/Link_WD_Red.svg);
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .btnAddtoList.added
  .icon-add[b-vh4hmhodbk] {
  background: url(/Areas/V2/Images/icon-check-brand.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .btnAddtoList.added:hover
  .icon-add[b-vh4hmhodbk] {
  background: url(/Areas/V2/Images/icon-check-brand.svg);
  background-repeat: no-repeat;
}
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .btnAddtoList
  span[b-vh4hmhodbk] {
  vertical-align: middle;
}
.coupons_home .coupons_home_session .trending-items[b-vh4hmhodbk],
.coupons_home .coupons_home_session .buyItAgainTxt[b-vh4hmhodbk] {
  margin: 2px 0 32px 0;
  font-size: 1.375em;
  font-family: var(--wd-font-body);
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  line-height: 1.18;
  letter-spacing: -0.25px;
  color: var(--wd-color-text);
}
@media (min-width: 768px) and (max-width: 991px) {
  .coupons_home .coupons_home_session .trending-items[b-vh4hmhodbk],
  .coupons_home .coupons_home_session .buyItAgainTxt[b-vh4hmhodbk] {
    padding: 0 10px;
  }
}
/* ::deep required: the real (fetched) cards' .product-main-div wrapper is created by
   home.js (buildDealCard/buildCouponCard) via document.createElement + innerHTML, so it never
   gets this file's scope attribute — a plain selector only ever matched the literal Razor
   skeleton placeholders and the CMS-driven static tile, leaving every real card 12px too wide
   and touching its neighbors with no gutter. */
.coupons_home .coupons_home_session[b-vh4hmhodbk]  .product-main-div {
  padding: 0 12px;
}
@media (max-width: 767px) {
  .coupons_home .coupons_home_session[b-vh4hmhodbk]  .product-main-div {
    padding: 0;
  }
}
.coupons_home .coupons_home_session .view-all[b-vh4hmhodbk] {
  margin-top: 30px;
  margin-bottom: 2px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-right: 27px;
  padding-left: 35px;
}
.coupons_home .coupons_home_session .view-all .view-all-btn[b-vh4hmhodbk] {
  border: solid 1px var(--wd-color-brand-red);
  background-color: var(--wd-color-brand-red);
  color: #fff;
  padding: 12px 15px;
  min-height: 49px;
  font-size: 1.125em;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: -0.25px;
  text-align: center;
  height: auto;
  width: auto;
  display: block;
  border-radius: 4px;
}
.coupons_home .coupons_home_session .view-all .view-all-btn:focus[b-vh4hmhodbk],
.coupons_home .coupons_home_session .view-all .view-all-btn:hover[b-vh4hmhodbk],
.coupons_home .coupons_home_session .view-all .view-all-btn:link[b-vh4hmhodbk] {
  display: block !important;
  margin: 0 auto;
  height: auto;
  border: solid 1px var(--wd-color-brand-red) !important;
  background-color: var(--wd-color-brand-red) !important;
  color: #fff !important;
}
.coupons_home .coupons_home_session .view-all .view-more[b-vh4hmhodbk] {
  padding: 12px 117px;
}
/* Shown only when the offers fetch fails (see home.js showLoadError) — live has no equivalent
   state because Sitecore renders these tiles server-side. Same treatment the coupon gallery gives
   its own .error_state so the two pages fail identically. ::deep because home.js injects it. */
.coupons_home .coupons_home_session[b-vh4hmhodbk]  .error_state {
  color: var(--wd-color-brand-red);
  padding: 30px 0;
}

.coupons_home .coupon-detail-modal[b-vh4hmhodbk] {
  z-index: 999999;
  top: 62px;
}
@media (max-width: 767px) {
  .coupons_home .coupon-detail-modal[b-vh4hmhodbk] {
    top: 120px;
    padding-right: 20px !important;
  }
}
.coupons_home .coupon-detail-modal .modal-title[b-vh4hmhodbk] {
  float: left;
  font-size: 1.375em;
  font-weight: bold;
  font-family: var(--wd-font-body);
  color: var(--wd-color-brand-red);
  letter-spacing: -0.31px;
}
.coupons_home .coupon-detail-modal .modal-dialog[b-vh4hmhodbk] {
  width: 480px;
  height: auto;
}
@media (max-width: 767px) {
  .coupons_home .coupon-detail-modal .modal-dialog[b-vh4hmhodbk] {
    width: 100%;
  }
}
.coupons_home .coupon-detail-modal .btn-coupondetail-close[b-vh4hmhodbk] {
  padding: 0;
  background-color: #fff;
  border: #fff;
  opacity: 1;
}
.coupons_home .coupon-detail-modal .modal-content[b-vh4hmhodbk] {
  width: 483px;
  padding: 32px;
  background-color: #fff;
  border-radius: 0;
  box-shadow: 0 2px 14px 0 var(--wd-color-border);
}
@media (max-width: 767px) {
  .coupons_home .coupon-detail-modal .modal-content[b-vh4hmhodbk] {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .coupons_home .coupon-detail-modal .modal-content[b-vh4hmhodbk] {
    width: 100%;
  }
}
.coupons_home .coupon-detail-modal .modal-content .modal-body[b-vh4hmhodbk] {
  padding: 0;
  margin-top: 30px;
  padding-top: 10px;
}
.coupons_home .coupon-detail-modal .modal-content .save-amt[b-vh4hmhodbk] {
  font-family: var(--wd-font-body);
  font-size: 20px;
  font-weight: 600;
  color: var(--wd-color-brand-red);
  margin-top: 15px;
}
.coupons_home .coupon-detail-modal .modal-content .exp-date[b-vh4hmhodbk] {
  font-family: var(--wd-font-body);
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  letter-spacing: -0.23px;
  color: #727272;
  padding-top: 7px;
}
.coupons_home .coupon-detail-modal .modal-content .item-details[b-vh4hmhodbk] {
  font-family: var(--wd-font-body);
  font-size: 16px;
  font-weight: normal;
  line-height: 1.38;
  letter-spacing: -0.22px;
  color: var(--wd-color-text);
  padding-top: 6px;
}
.coupons_home
  .coupon-detail-modal
  .modal-content
  .er-span
  .couponadded__failed_details[b-vh4hmhodbk] {
  position: relative;
  color: var(--wd-color-brand-red);
  font-size: 14px;
  padding-right: 22px;
}
.coupons_home .coupon-detail-modal .modal-content .more-details[b-vh4hmhodbk] {
  font-family: var(--wd-font-body);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.38;
  letter-spacing: -0.22px;
  border: none;
  background-color: #fff;
  color: var(--wd-color-text);
  padding-top: 10px;
  padding-left: 0;
  margin-bottom: 19px;
}
.coupons_home .coupon-detail-modal .modal-content p#disclaimerHome[b-vh4hmhodbk] {
  overflow-wrap: break-word;
}
.coupons_home .coupon-detail-modal .modal-content .added-btn[b-vh4hmhodbk] {
  text-align: center;
  border: solid 2px var(--wd-color-border);
  background-color: #fff;
  color: var(--wd-color-text);
  font-size: 18px;
  font-weight: bold;
  width: 200px;
  height: 48px;
  margin-bottom: 10px;
}
.coupons_home .coupon-detail-modal .modal-content .qualified-item h2[b-vh4hmhodbk] {
  font-family: var(--wd-font-body);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.38;
  letter-spacing: -0.25px;
  color: var(--wd-color-text);
}
.coupons_home .coupon-detail-modal .modal-content .prod-price b[b-vh4hmhodbk] {
  font-family: var(--wd-font-body);
  font-size: 18px;
  font-weight: bold;
  line-height: 1.22;
  letter-spacing: -0.25px;
  color: var(--wd-color-text);
}
.coupons_home .coupon-detail-modal .modal-content .prod-price p[b-vh4hmhodbk] {
  font-family: var(--wd-font-body);
  font-size: 16px;
  font-weight: normal;
  line-height: 1.38;
  letter-spacing: -0.22px;
  color: var(--wd-color-text);
}
.coupons_home
  .coupon-detail-modal
  .modal-content
  .col-md-12.row.modalcoupon-item-block[b-vh4hmhodbk] {
  padding: 40px 24px;
  border-bottom: 1px solid var(--wd-color-bread);
}
.coupons_home .coupon-detail-modal .modal-content .img-coupon[b-vh4hmhodbk] {
  background-size: contain;
  height: 74px;
  text-align: left;
  background-position: left;
  background-repeat: no-repeat;
}
.coupons_home .coupon-detail-modal .modal-content .coupon-check[b-vh4hmhodbk] {
  font-size: 22px;
}
.coupons_home .coupon-detail-modal .modal-content button.add-product-btn[b-vh4hmhodbk] {
  border: none;
  color: var(--wd-color-brand-red);
  background-color: #fff;
  margin-left: 32px;
  padding: 10px;
}
.coupons_home .coupon-detail-modal .modal-content .btn-coupon[b-vh4hmhodbk] {
  padding-top: 12px;
}
.coupons_home
  .coupon-detail-modal
  .modal-content
  .btn-coupon
  .btnAddCouponDetails[b-vh4hmhodbk] {
  width: 163px;
  height: 49px;
  padding: 12px 0;
  font-family: var(--wd-font-body);
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.22;
  letter-spacing: -0.25px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: var(--wd-color-brand-red);
  border: 1px solid var(--wd-color-brand-red);
  border-radius: 6px;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
.coupons_home
  .coupon-detail-modal
  .modal-content
  .btn-coupon
  .btnAddCouponDetails:focus[b-vh4hmhodbk] {
  border: solid 2px #fff !important;
}
.coupons_home
  .coupon-detail-modal
  .modal-content
  .btn-coupon
  .btnAddCouponDetails:hover[b-vh4hmhodbk] {
  background-color: var(--wd-color-primary-hover) !important;
  border: 1px solid var(--wd-color-primary-hover);
  color: #fff;
}
@media (max-width: 1199px) and (min-width: 992px) {
  .coupons_home
    .coupon-detail-modal
    .modal-content
    .btn-coupon
    .btnAddCouponDetails[b-vh4hmhodbk] {
    width: 100%;
    padding: 10px;
    padding-left: 12px;
  }
}
.coupons_home
  .coupon-detail-modal
  .modal-content
  .btn-coupon
  .btnAddCouponDetails
  i[b-vh4hmhodbk] {
  background-color: #fff;
  color: var(--wd-color-brand-red);
  font-size: 0.75em;
  width: 26px;
  border-radius: 50px;
  height: 26px;
  line-height: 25px;
  text-align: center;
  margin-right: 11px;
  border: 1px solid var(--wd-color-brand-red);
  position: relative;
}
.coupons_home
  .coupon-detail-modal
  .modal-content
  .btn-coupon
  .coupon-add-details[b-vh4hmhodbk] {
  width: 163px;
  display: block;
  font-weight: bold;
  font-size: 1.125em;
  padding: 6px 0;
  margin: 0;
  height: 49px;
  font-family: var(--wd-font-body);
  color: #fff;
  background-color: var(--wd-color-brand-red);
  border: 1px solid var(--wd-color-brand-red);
  border-radius: 6px;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
.coupons_home
  .coupon-detail-modal
  .modal-content
  .btn-coupon
  .coupon-add-details:focus[b-vh4hmhodbk] {
  border: solid 2px #fff !important;
}
.coupons_home
  .coupon-detail-modal
  .modal-content
  .btn-coupon
  .coupon-add-details:hover[b-vh4hmhodbk] {
  background-color: var(--wd-color-primary-hover) !important;
  border: 1px solid var(--wd-color-primary-hover);
  color: #fff;
}
.coupons_home
  .coupon-detail-modal
  .modal-content
  .btn-coupon
  .coupon-add-details
  .icon-add[b-vh4hmhodbk] {
  background: url(/Areas/V2/Images/icon-check-brand.svg);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}
.zoomTxt .coupons_home .coupons_home_session .product-main[b-vh4hmhodbk]  .product {
  width: 268px;
  height: auto;
  padding: 12px;
}
.zoomTxt
  .coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .btnAddCoupon {
  height: auto;
  padding: 12px 49px;
}
.zoomTxt
  .coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .btnAddCoupon
  .icon-add {
  width: 45px;
}
.zoomTxt
  .coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .btnAddtoList {
  padding: 12px 51px;
}
.zoomTxt
  .coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc {
  height: auto;
}
.zoomTxt
  .coupons_home
  .coupons_home_session
  .ShoppingList-overview
  .sortOrderDropdown
  .btn-possion[b-vh4hmhodbk] {
  width: auto;
}
.zoomTxt
  .coupons_home
  .coupons_home_session
  .ShoppingList-overview
  .sortOrderDropdown
  .drop-select
  a.btn[b-vh4hmhodbk] {
  padding: 5px 25px 5px 93px;
}
.zoomTxt .coupons_home .coupons_home_session .headline .txtSearch[b-vh4hmhodbk] {
  height: auto;
}
@media (max-width: 767px) {
  .coupons_home
    .coupons_home_session
    .product-main[b-vh4hmhodbk]
    
    .product
    .product__desc
    .product__sub_desc
    a
    .icon-add {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 767px) {
  .coupons_home
    .coupons_home_session
    .product-main
    .order_tile
    .product__desc
    .product__sub_desc
    a
    .icon-add[b-vh4hmhodbk] {
    width: 20px;
    height: 20px;
  }
}

/* ---- from InstagramVideoCarousel-wd.scss ---- */
@keyframes stretch-b-vh4hmhodbk {
  0% {
    transform: scale(0.5);
    background-color: var(--wd-color-brand-red);
  }
  50% {
    background-color: var(--wd-color-brand-red);
  }
  100% {
    transform: scale(1);
    background-color: #fff;
  }
}
.btn-dot-loading.btn--loading[b-vh4hmhodbk] {
  font-size: 0;
}
.btn-dot-loading.btn--loading .btn-span[b-vh4hmhodbk] {
  display: flex !important;
  justify-content: center;
}
.btn-dot-loading.btn--loading .btn-span b[b-vh4hmhodbk] {
  animation-direction: alternate;
  animation-duration: 0.5s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-name: stretch-b-vh4hmhodbk;
  animation-play-state: running;
  animation-timing-function: ease-out;
  border-radius: 100%;
  display: block;
  height: 10px;
  margin: 0 1px;
  width: 10px;
  animation-delay: 0.1s;
  margin: 0 5px;
}
.btn-dot-loading.btn--loading .btn-span b:first-child[b-vh4hmhodbk] {
  animation-delay: 0s;
  margin: 0;
}
.btn-dot-loading.btn--loading .btn-span b:last-child[b-vh4hmhodbk] {
  animation-delay: 0.2s;
  margin: 0;
}
.btn-dot-loading b[b-vh4hmhodbk] {
  font-weight: normal;
}
.btn-dot-loading .btn-span[b-vh4hmhodbk] {
  display: none;
}
:root[b-vh4hmhodbk] {
  --video-carousel-rail-gap: 12px;
  --video-carousel-card-width: clamp(160px, 22vw, 220px);
  --video-carousel-card-height: clamp(260px, 48vw, 360px);
  --video-carousel-corner-radius: 14px;
  --video-carousel-rail-padding: 12px;
}
.InstagramCarousel .video-carousel-rail-container[b-vh4hmhodbk] {
  position: relative;
  padding: 10px 0;
  width: 100%;
  display: grid;
  margin-bottom: 75px;
}
.InstagramCarousel .video-carousel-rail-container .video-carousel-rail[b-vh4hmhodbk] {
  display: flex;
  background: var(--wd-color-accent-purple) !important;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.InstagramCarousel
  .video-carousel-rail-container
  .video-carousel-rail[b-vh4hmhodbk]::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.InstagramCarousel .video-carousel-rail-container .video-carousel-card[b-vh4hmhodbk] {
  scroll-snap-align: start;
  position: relative;
  width: var(--video-carousel-card-width);
  height: var(--video-carousel-card-height);
  flex: 0 0 var(--video-carousel-card-width);
  border-radius: var(--video-carousel-corner-radius);
  overflow: hidden;
  background: #000;
  cursor: pointer;
}
.InstagramCarousel .video-carousel-rail-container .video-carousel-card video[b-vh4hmhodbk] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
}
.InstagramCarousel
  .video-carousel-rail-container
  .video-carousel-unmute-button[b-vh4hmhodbk] {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;
  border: none;
  border-radius: 9999px;
  padding: 6px 10px;
  font-size: 18px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  line-height: 1;
}
.InstagramCarousel .video-carousel-rail-container .video-carousel-arrow[b-vh4hmhodbk] {
  position: absolute;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  border: none;
  border-radius: 9999px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  cursor: pointer;
}
.InstagramCarousel
  .video-carousel-rail-container
  .video-carousel-arrow[disabled][b-vh4hmhodbk] {
  opacity: 0.35;
  cursor: not-allowed;
}
.InstagramCarousel .video-carousel-rail-container .video-carousel-arrow-left[b-vh4hmhodbk] {
  left: 8px;
  top: 50%;
}
.InstagramCarousel .video-carousel-rail-container .video-carousel-arrow-right[b-vh4hmhodbk] {
  right: 8px;
  top: 50%;
}
.InstagramCarousel
  .video-carousel-rail-container
  .video-carousel-arrow-pausePlay[b-vh4hmhodbk] {
  left: 50%;
  bottom: -18%;
}
.InstagramCarousel .video-carousel-rail-container .video-carousel-arrow .fas[b-vh4hmhodbk] {
  color: var(--wd-color-brand-red);
}
.InstagramCarousel[b-vh4hmhodbk]  .video-card {
  width: 200px !important;
  height: 330px;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  background: #000;
  margin: 10px;
  cursor: pointer;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .InstagramCarousel[b-vh4hmhodbk]  .video-card {
    width: 175px !important;
  }
}
.InstagramCarousel[b-vh4hmhodbk]  .video-card:focus {
  outline: 2px solid var(--wd-color-focus-ring) !important;
  outline-offset: -1px;
  display: inline-block;
}
.InstagramCarousel[b-vh4hmhodbk]  .video-card .card-btn {
  position: absolute;
  left: 70px;
  bottom: 25px;
  height: 25px;
  font-family: var(--wd-font-body);
  font-weight: bold;
  font-size: 14px;
  line-height: 100%;
  padding: 5px;
  min-width: 75px;
  max-width: 120px;
  display: inline-table;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: var(--wd-color-brand-red);
  border: 1px solid var(--wd-color-brand-red);
  border-radius: 6px;
  transition: background-color 0.2s ease-out;
}
.InstagramCarousel[b-vh4hmhodbk]  .video-card video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.InstagramCarousel[b-vh4hmhodbk]  .video-overlay {
  position: absolute;
  bottom: 22px;
  left: 3px;
  display: flex;
  gap: 8px;
}
.InstagramCarousel[b-vh4hmhodbk]  .video-overlay button {
  background: rgba(0, 0, 0, 0.6);
  border: none;
  color: var(--wd-color-brand-red);
  padding: 6px;
  border-radius: 50%;
  cursor: pointer;
}
.InstagramCarousel[b-vh4hmhodbk]  .video-overlay a {
  position: absolute;
  bottom: 8px;
  right: 8px;
  color: var(--wd-color-brand-red);
  background: rgba(0, 0, 0, 0.6);
  padding: 4px 8px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 14px;
}
.InstagramCarousel .video-carousel-reel-video[b-vh4hmhodbk] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.InstagramCarousel .video-carousel-close-button[b-vh4hmhodbk] {
  position: absolute;
  top: 14px;
  right: 14px;
}
.InstagramCarousel .video-carousel-control[b-vh4hmhodbk] {
  position: absolute;
}
.InstagramCarousel .video-carousel-prev-button[b-vh4hmhodbk] {
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.InstagramCarousel .video-carousel-next-button[b-vh4hmhodbk] {
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.InstagramCarousel .video-modal[b-vh4hmhodbk] {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.79);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.InstagramCarousel .video-modal .modal-content[b-vh4hmhodbk] {
  position: relative;
  height: 100%;
  background: rgba(0, 0, 0, 0.788235);
  display: block;
  overflow: hidden;
}
.InstagramCarousel .modal-video-wrapper[b-vh4hmhodbk] {
  position: relative;
  width: 100%;
  height: 100%;
}
.InstagramCarousel .modal-video-wrapper video[b-vh4hmhodbk] {
  height: 100%;
  object-fit: contain;
  background: rgba(0, 0, 0, 0.788235);
  width: 100%;
}
.InstagramCarousel .close-modal[b-vh4hmhodbk] {
  position: absolute;
  top: 12px;
  right: 20px;
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 11000;
  transition: transform 0.2s ease;
}
.InstagramCarousel .close-modal:hover[b-vh4hmhodbk] {
  transform: scale(1.2);
}
.InstagramCarousel .modal-mute-btn[b-vh4hmhodbk] {
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-size: 24px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  border: none;
  border-radius: 50%;
  padding: 10px 12px;
  cursor: pointer;
  z-index: 11000;
  transition: background 0.2s ease;
}
.InstagramCarousel .modal-mute-btn:hover[b-vh4hmhodbk] {
  background: rgba(0, 0, 0, 0.8);
}

/* ---- from percentBackCoupons-wd.scss ---- */
@keyframes stretch-b-vh4hmhodbk {
  0% {
    transform: scale(0.5);
    background-color: var(--wd-color-brand-red);
  }
  50% {
    background-color: var(--wd-color-brand-red);
  }
  100% {
    transform: scale(1);
    background-color: #fff;
  }
}
.btn-dot-loading b[b-vh4hmhodbk] {
  font-weight: normal;
}
.btn-dot-loading .btn-span[b-vh4hmhodbk] {
  display: none;
}
.btn-dot-loading.btn--loading[b-vh4hmhodbk] {
  font-size: 0;
}
.btn-dot-loading.btn--loading .btn-span[b-vh4hmhodbk] {
  display: flex !important;
  justify-content: center;
}
.btn-dot-loading.btn--loading .btn-span b[b-vh4hmhodbk] {
  animation-direction: alternate;
  animation-duration: 0.5s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-name: stretch-b-vh4hmhodbk;
  animation-play-state: running;
  animation-timing-function: ease-out;
  border-radius: 100%;
  display: block;
  height: 10px;
  width: 10px;
  margin: 0 5px;
  animation-delay: 0.1s;
}
.btn-dot-loading.btn--loading .btn-span b:first-child[b-vh4hmhodbk] {
  animation-delay: 0s;
  margin: 0;
}
.btn-dot-loading.btn--loading .btn-span b:last-child[b-vh4hmhodbk] {
  animation-delay: 0.2s;
  margin: 0;
}



/* .pointoffer half of this rule moved to PercentBackOffers.razor.css when that component was
   extracted — kept as an identical split rule there, not a shared/joined selector anymore. */
.coupons_home .coupons_home_session .txtFeature h2[b-vh4hmhodbk],
.recipe-selector .col-md-12.p-15 h2[b-vh4hmhodbk] {
  font-family: var(--wd-font-display) !important;
  font-size: 40px !important;
}
/* Live shrinks this shared heading rule at two breakpoints — ported directly from live's CSSOM
   (same technique as the .App-rewards__section block above); without these, "Percent back
   offers"/"Deals near you"/"Digital coupons"/"30-Minute recipes" stay pinned at 40px on tablet
   and mobile instead of stepping down to 32px/30px. */
@media only screen and (max-width: 767px) {
  .coupons_home .coupons_home_session .txtFeature h2[b-vh4hmhodbk],
  .recipe-selector .col-md-12.p-15 h2[b-vh4hmhodbk] {
    font-size: 30px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .coupons_home .coupons_home_session .txtFeature h2[b-vh4hmhodbk],
  .recipe-selector .col-md-12.p-15 h2[b-vh4hmhodbk] {
    font-size: 32px !important;
  }
}

/* .PointsMultiplierOffers half of this rule moved to PercentBackOffers.razor.css. */
.coupons_home h2[b-vh4hmhodbk],
.App-rewards__section h2[b-vh4hmhodbk] {
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;
}

/* This whole component (.App-rewards__section — "The app is where it's at") was styled by
   nothing but generic Bootstrap grid classes; live's actual rules live in a vendor stylesheet
   (_refreshRewards-wd.min.css) this app never ported. Ported directly from live's computed
   CSSOM (selectors/values read via document.styleSheets against winndixie.com) rather than
   guessed — this is a real gap, not a tweak, so it's kept together as one block instead of
   folded into the smaller rules above. Without it: white background instead of peach, black
   heading instead of red, the phone-mockup image column BEFORE the text column instead of after
   (row-reverse is what puts image-first-in-DOM on the right), and the image rendered at its raw
   334x486 asset size instead of scaled up to fill its grid column (~475x691 at desktop). */
.App-rewards__section[b-vh4hmhodbk] {
  background-color: #f9dfcc;
  margin-top: 112px;
}
@media (max-width: 767px) {
  .App-rewards__section[b-vh4hmhodbk] {
    margin-top: 40px;
  }
}
.App-rewards__section .app-reward-main[b-vh4hmhodbk] {
  display: flex;
  flex-direction: row-reverse;
  /* Without this, the row's default align-items:stretch forces .Header-image (and thus its
     img's height:100% below) to match .app-reward-content-main's height — which is shorter when
     logged in (no "Join Winn-Dixie rewards" CTA block), shrinking the phone screenshot only in
     that state. */
  align-items: flex-start;
}
@media (max-width: 767px) {
  .App-rewards__section .app-reward-main[b-vh4hmhodbk] {
    flex-flow: column-reverse wrap;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .App-rewards__section .app-reward-main .Header-image[b-vh4hmhodbk] {
    margin-top: -70px;
  }
}
@media (min-width: 1200px) {
  .App-rewards__section .app-reward-main .Header-image[b-vh4hmhodbk] {
    margin-top: -77px;
  }
}
.App-rewards__section .app-reward-main .Header-image .Desk-app[b-vh4hmhodbk],
.App-rewards__section .app-reward-main .Header-image .Tab-app[b-vh4hmhodbk] {
  float: right;
}
@media (min-width: 768px) {
  .App-rewards__section .app-reward-main .Header-image img[b-vh4hmhodbk] {
    width: 100%;
    /* height:auto (not 100%) sizes the image from its own intrinsic aspect ratio (the width/
       height HTML attributes) against the column width, independent of the sibling content
       column's height — see align-items note above. */
    height: auto;
  }
}
/* Below 768px the phone screenshot (.Device-app, the only one of the three not hidden at xs) had NO
   sizing rule at all — the block above starts at min-width:768px — so it rendered at its intrinsic
   197x319 flush against the left edge of a 370px column.

   Live sizes it to half the column and centres it: measured at a 414px viewport, live's image is
   185x300 with margin 0 92.5px, i.e. exactly width:50% of the 370px wrapper (185/370 = 0.5) with the
   ratio preserved (185 x 319/197 = 299.6) and auto side margins. That also made the whole section
   19px taller than live's before this rule. */
@media (max-width: 767px) {
  .App-rewards__section .app-reward-main .Header-image .Device-app[b-vh4hmhodbk] {
    width: 50%;
    height: auto;
    margin: 0 auto;
  }
}
.App-rewards__section .app-reward-main .app-reward-content-main[b-vh4hmhodbk] {
  padding: 30px;
}
@media (max-width: 767px) {
  .App-rewards__section .app-reward-main .app-reward-content-main[b-vh4hmhodbk] {
    padding: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .App-rewards__section .app-reward-main .app-reward-content-main[b-vh4hmhodbk] {
    padding-top: 20px;
    padding-left: 0px;
    padding-bottom: 0px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .App-rewards__section .app-reward-main .app-reward-content-main[b-vh4hmhodbk] {
    padding: 20px;
    width: 100%;
  }
}
.App-rewards__section h2[b-vh4hmhodbk] {
  color: var(--wd-color-brand-red);
  /* Live's "The app is where it's at" heading measures 36px/normal line-height/-0.59px tracking
     with a 20px/10px top/bottom margin — the shared h2 rule above only gives this a bare
     browser-default 30px size, whose 0.83em block margin doesn't match live's fixed px values. */
  font-size: 36px;
  line-height: normal;
  letter-spacing: -0.59px;
  margin-top: 20px;
  margin-bottom: 10px;
}
/* Confirmed live: computed text-transform is "none" on this heading ("The app is where it's at",
   sentence case) — unlike every other section heading on this page (Percent Back Offers, Deals
   Near You, etc.), which DO inherit the global h2 { text-transform: uppercase } rule and are
   correctly uppercase both live and local. This is the one heading live opts back out of that
   rule for; without this override it rendered "THE APP IS WHERE IT'S AT". Both !important AND
   the full selector chain are required: app-wd-global.css's own uppercase rule targets this
   exact heading via ".App-rewards__section .app-reward-main .app-reward-content-main h2" with
   !important already on it (confirmed live by walking document.styleSheets) — among two
   !important rules the browser falls back to specificity, and that 4-class-plus-tag selector
   outranks the bare ".App-rewards__section h2" rule above, !important or not. Matching the same
   selector depth here (one class more, from this file's own scope attribute) is what actually
   outranks it. */
.App-rewards__section .app-reward-main .app-reward-content-main h2[b-vh4hmhodbk] {
  text-transform: none !important;
}
@media (max-width: 991px) {
  .App-rewards__section h2[b-vh4hmhodbk] {
    /* Live's own rule is font-size:1.625em against a 16px root — 26px — at this same breakpoint. */
    font-size: 26px;
  }
}
/* ::deep required from .app-reward-content-main down: the p/ul/li/terms-text/rewards-click
   elements here come from @JsonRte.Render(promo["body"]) — a MarkupString of raw HTML built in
   C#, invisible to the scoped-CSS compiler (same reason the .sp-login-btn rule above needs it) —
   a plain selector compiles to a scoped one that can never match this content. */
.App-rewards__section .app-reward-main .app-reward-content-main[b-vh4hmhodbk]  p,
.App-rewards__section .app-reward-main .app-reward-content-main[b-vh4hmhodbk]  ul,
.App-rewards__section
  .app-reward-main
  .app-reward-content-main[b-vh4hmhodbk]
  
  .terms-text,
.App-rewards__section
  .app-reward-main
  .app-reward-content-main[b-vh4hmhodbk]
  
  .rewards-click {
  color: #000;
}
.App-rewards__section .app-reward-main .app-reward-content-main[b-vh4hmhodbk]  p {
  /* Live measures 18px for this paragraph/list down to 991px, where it steps to 16px — this file
     had no font-size at all, so it fell through to the browser default (16px) at every width,
     under-sizing the desktop copy by 2px. */
  font-size: 1.125em;
  padding-bottom: 20px;
}
.App-rewards__section .app-reward-main .app-reward-content-main[b-vh4hmhodbk]  ul {
  font-size: 1.125em;
  padding-bottom: 20px;
  padding-left: 20px;
}
.App-rewards__section .app-reward-main .app-reward-content-main[b-vh4hmhodbk]  ul li {
  list-style: disc;
}
@media (max-width: 991px) {
  .App-rewards__section .app-reward-main .app-reward-content-main[b-vh4hmhodbk]  p,
  .App-rewards__section .app-reward-main .app-reward-content-main[b-vh4hmhodbk]  ul {
    font-size: 1em;
  }
}
.App-rewards__section
  .app-reward-main
  .app-reward-content-main[b-vh4hmhodbk]
  
  .rewards-click {
  text-decoration: underline;
  display: inline;
}
@media (max-width: 767px) {
  .App-rewards__section
    .app-reward-main
    .app-reward-content-main[b-vh4hmhodbk]
    
    .rewards-click {
    display: inline-block;
  }
}
.App-rewards__section
  .app-reward-main
  .app-reward-content-main[b-vh4hmhodbk]
  
  .rewards-click:hover {
  font-weight: 600;
}
.App-rewards__section
  .app-reward-main
  .app-reward-content-main
  .app-reward-join
  .app-btn-Join-Rewards-section[b-vh4hmhodbk] {
  padding-top: 30px;
  padding-bottom: 30px;
}
.App-rewards__section
  .app-reward-main
  .app-reward-content-main
  .app-reward-join
  .app-btn-Join-Rewards-section
  .app-btn-Join-Rewards[b-vh4hmhodbk] {
  /* Also carries the global .main-btn class, so its !important var(--wd-color-brand-red) border/background would
     otherwise win over a plain override — live's "Join Winn-Dixie rewards" button measures
     rgb(224, 27, 26), same accent-red correction as .btn-delivery above. */
  border: 1px solid var(--wd-color-brand-red) !important;
  background-color: var(--wd-color-brand-red) !important;
  color: #fff;
  width: 246px;
}
.App-rewards__section
  .app-reward-main
  .app-reward-content-main
  .app-reward-join
  .app-btn-Join-Rewards-section
  .app-btn-Join-Rewards:hover[b-vh4hmhodbk] {
  border: 1px solid var(--wd-color-primary-hover);
  color: #fff;
  background-color: var(--wd-color-primary-hover) !important;
}
@media (max-width: 767px) {
  .App-rewards__section
    .app-reward-main
    .app-reward-content-main
    .app-reward-join
    .app-btn-Join-Rewards-section
    .app-btn-Join-Rewards[b-vh4hmhodbk] {
    margin: auto;
    display: table;
  }
}

/* App Store/Google Play badges — sits below the "Join Winn-Dixie rewards" CTA (or straight
   after the bullet list when logged in, since that CTA is absent then). Badge graphics are the
   official assets, hosted on Contentstack. Live renders these at ~24px
   tall (measured off a logged-in live screenshot: badge height ~32px in a 3024px-wide/DPR-2
   capture, i.e. ~1512 CSS px viewport → ~24px), noticeably smaller than this file's original
   40px, with more breathing room above them than the bullet list's own trailing padding gives —
   padding-top below covers the remainder of that gap. */
/* The store-badge row shown in place of the join CTA once signed in. Ported from live's own
   _refreshRewards-wd.min.css, which is the stylesheet that owns this whole section — the previous
   rules here used a ".app-store-badges" class and invented values (gap:12px, padding-top:40px,
   img height:24px) that appear in NONE of live's 17 homepage stylesheets. Live's markup is
   .app-reward-join-btn wrapping .Btn-download (App Store) and .Btn-get (Google Play), and the
   selector path .App-rewards__section .app-reward-main .app-reward-content-main .app-reward-join-btn
   exists in that stylesheet, which is what confirms these buttons belong in this section at all.

   Not verifiable end-to-end: the badges only render for a signed-in visitor, and live's homepage
   cannot be fetched in that state, so this matches live's CSS rather than a measured render. */
.App-rewards__section .app-reward-main .app-reward-content-main .app-reward-join-btn[b-vh4hmhodbk] {
  display: flex;
  padding-top: 42px;
}
.App-rewards__section .app-reward-main .app-reward-content-main .app-reward-join-btn .Btn-download[b-vh4hmhodbk] {
  padding-right: 10px;
}
.App-rewards__section .app-reward-main .app-reward-content-main .app-reward-join-btn .Btn-get[b-vh4hmhodbk] {
  padding-left: 10px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .App-rewards__section .app-reward-main .app-reward-content-main .app-reward-join-btn[b-vh4hmhodbk] {
    padding-top: 60px;
    padding-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .App-rewards__section .app-reward-main .app-reward-content-main .app-reward-join-btn[b-vh4hmhodbk] {
    display: flex;
    padding-bottom: 42px;
  }
  .App-rewards__section .app-reward-main .app-reward-content-main .app-reward-join-btn .Btn-download[b-vh4hmhodbk],
  .App-rewards__section .app-reward-main .app-reward-content-main .app-reward-join-btn .Btn-get[b-vh4hmhodbk] {
    width: auto;
    margin: auto;
  }
}

/* .PointsMultiplierOffers half of both rules below moved to PercentBackOffers.razor.css.
   :not(.collapse) so this default-paragraph reset doesn't outrank refresh.min.css's
   .collapse{display:none} — Blazor's scope attribute on the p selector gave this rule higher
   specificity than that plain class selector, which permanently forced #disclaimerHome's "More
   details" panel to display:block and made its Bootstrap-collapse toggle a no-op. */
.coupons_home p:not(.collapse)[b-vh4hmhodbk],
.recipe-selector p:not(.collapse)[b-vh4hmhodbk],
.App-rewards__section p:not(.collapse)[b-vh4hmhodbk] {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;
}

.coupons_home p[b-vh4hmhodbk],
.recipe-selector p[b-vh4hmhodbk],
.App-rewards__section p[b-vh4hmhodbk] {
  line-height: 22px;
}

.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .original-price
  span.error-msg,
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .product-name,
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .expiration,
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .product__desc
  .original-price
  span[b-vh4hmhodbk],
.coupons_home
  .coupons_home_session
  .product-main
  .order_tile
  .product__desc
  .product-name[b-vh4hmhodbk],
.coupons_home .coupons_home_session .product-main[b-vh4hmhodbk]  .product .btnAddtoList,
.coupons_home
  .coupons_home_session
  .product-main[b-vh4hmhodbk]
  
  .product
  .product__desc
  .original-price
  span,
.recipe-selector .recipeSelector-slider-main[b-vh4hmhodbk]  .slick-slide a,
.recipe-selector .recipes-card .cook-time p[b-vh4hmhodbk],
.recipe-selector .recipes-card .cook-time .oval-tag[b-vh4hmhodbk],
.App-rewards__section .app-reward-main .app-reward-content-main h2[b-vh4hmhodbk],
.App-rewards__section .app-reward-main .app-reward-content-main[b-vh4hmhodbk]  p,
.App-rewards__section .app-reward-main .app-reward-content-main[b-vh4hmhodbk]  ul,
.App-rewards__section
  .app-reward-main
  .app-reward-content-main[b-vh4hmhodbk]
  
  .terms-text,
.App-rewards__section
  .app-reward-main
  .app-reward-content-main
  .app-reward-join
  .app-btn-Join-Rewards-section[b-vh4hmhodbk] {
  /* p/ul/.terms-text need ::deep here — they come from @JsonRte.Render(promo["body"]), raw HTML
     with no Blazor scope attribute (same reasoning as the ::deep block below), so the plain
     selector this rule originally had could never match them; confirmed via computed-style diff
     2026-08-05 that live uses "WD Shopper" for this copy too, but it was falling back to the
     page's default Asap here specifically (h2 and the CTA button, declared directly in this
     component's own markup, already matched — only the raw-HTML content didn't). */
  font-family: var(--wd-font-body) !important;
}

/*# sourceMappingURL=percentback_expanded.css.map */

/* Not part of any of the 5 retired bundles above — added separately. Live's empty spacer div
   right after .App-rewards__section (.rewards-termslink, a leftover hook for a rewards-terms
   link that's never actually populated) carries margin:40px 0 (both top AND bottom — confirmed
   by re-checking computed style on both sides directly, after an initial top-only fix left the
   page still 40px short below this element, since the trailing content downstream of it — the
   invisible clipped-savings-drawer/confirmDeletion_model sections — never got pushed down).
   Entirely unstyled here before this, leaving the page 40px shorter above the footer than live. */
.rewards-termslink[b-vh4hmhodbk] {
  margin: 40px 0;
}

/* ---- from recipeSelector-WD.scss ---- */
@keyframes stretch-b-vh4hmhodbk {
  0% {
    transform: scale(0.5);
    background-color: var(--wd-color-brand-red);
  }
  50% {
    background-color: var(--wd-color-brand-red);
  }
  100% {
    transform: scale(1);
    background-color: #fff;
  }
}
.btn-dot-loading.btn--loading[b-vh4hmhodbk] {
  font-size: 0;
}
.btn-dot-loading.btn--loading .btn-span[b-vh4hmhodbk] {
  display: flex !important;
  justify-content: center;
}
.btn-dot-loading.btn--loading .btn-span b[b-vh4hmhodbk] {
  animation-direction: alternate;
  animation-duration: 0.5s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-name: stretch-b-vh4hmhodbk;
  animation-play-state: running;
  animation-timing-function: ease-out;
  border-radius: 100%;
  display: block;
  height: 10px;
  margin: 0 1px;
  width: 10px;
  animation-delay: 0.1s;
  margin: 0 5px;
}
.btn-dot-loading.btn--loading .btn-span b:first-child[b-vh4hmhodbk] {
  animation-delay: 0s;
  margin: 0;
}
.btn-dot-loading.btn--loading .btn-span b:last-child[b-vh4hmhodbk] {
  animation-delay: 0.2s;
  margin: 0;
}
.btn-dot-loading b[b-vh4hmhodbk] {
  font-weight: normal;
}
.btn-dot-loading .btn-span[b-vh4hmhodbk] {
  display: none;
}
.recipe-selector[b-vh4hmhodbk] {
  padding: 0 !important;
  margin: 40px auto;
}
@media (max-width: 767px) {
  .recipe-selector[b-vh4hmhodbk] {
    padding: 0 12px !important;
  }
}
.recipe-selector i.fa-heart[b-vh4hmhodbk] {
  color: var(--wd-color-brand-red);
  font-size: 1.375em;
}
.recipe-selector .w-100[b-vh4hmhodbk] {
  width: 100%;
}
.recipe-selector .p-15[b-vh4hmhodbk] {
  padding: 0 15px;
}
.recipe-selector i.fa-angle-right[b-vh4hmhodbk] {
  vertical-align: text-bottom;
}
.recipe-selector h2[b-vh4hmhodbk] {
  margin: 0;
  font-family: var(--wd-font-body);
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  font-size: 2.25em;
  letter-spacing: -0.59px;
  /* Live renders this heading in the same dark text color as the "Deals near you"/"Digital
     coupons" headings above it (measured: rgb(33, 37, 41)), not this rail's own brand red —
     that red is for the "See recipe"/link text elsewhere in this component, not the h2. */
  color: #212529;
}
@media (max-width: 768px) {
  .recipe-selector h2[b-vh4hmhodbk] {
    font-size: 1.375em;
    margin: 0 0 10px 0;
  }
}
.recipe-selector .see-more .recipesWithFilter[b-vh4hmhodbk] {
  position: absolute;
  right: 0;
  top: 10px;
  right: 15px;
  color: var(--wd-color-brand-red);
  text-decoration: none;
  cursor: pointer;
  margin: 0;
  font-family: var(--wd-font-body);
  font-size: 1em;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: -0.27px;
  border: none;
  background-color: transparent;
}
.recipe-selector .recipeSelector-slider-main[b-vh4hmhodbk] {
  margin-top: 15px;
  padding: 0;
}
.recipe-selector .recipeSelector-slider-main[b-vh4hmhodbk]  .slick-slider .slick-track {
  margin: initial !important;
}
@media (max-width: 576px) {
  .recipe-selector .recipeSelector-slider-main[b-vh4hmhodbk] {
    margin-bottom: 60px;
  }
}
.recipe-selector .recipeSelector-slider-main[b-vh4hmhodbk]  .slick-slide {
  padding: 15px;
}
.recipe-selector .recipeSelector-slider-main[b-vh4hmhodbk]  .slick-slide:focus {
  outline: 2px solid var(--wd-color-focus-ring) !important;
  outline-offset: -1px;
}
.recipe-selector .recipeSelector-slider-main[b-vh4hmhodbk]  .slick-slide img {
  width: 100%;
  min-width: 100%;
}
.recipe-selector .recipeSelector-slider-main[b-vh4hmhodbk]  .slick-slide a {
  color: var(--wd-color-brand-red);
  text-decoration: none;
  cursor: pointer;
}
.recipe-selector .recipeSelector-slider-main[b-vh4hmhodbk]  .slick-slide a:focus,
.recipe-selector .recipeSelector-slider-main[b-vh4hmhodbk]  .slick-slide a:hover {
  text-decoration: none;
}
.recipe-selector
  .recipeSelector-slider-main[b-vh4hmhodbk]
  
  .slick-slider
  button.slick-prev {
  position: absolute;
  left: -40px;
  top: 50%;
  background-image: url(/Areas/V2/Images/WR-left-arrow.png);
  background-color: transparent;
  border: none;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 8px;
  background-position: center;
  font-size: 0;
}
.recipe-selector
  .recipeSelector-slider-main[b-vh4hmhodbk]
  
  .slick-slider
  button.slick-next {
  position: absolute;
  right: -40px;
  top: 50%;
  background-image: url(/Areas/V2/Images/WR-right-arrow.png);
  background-color: transparent;
  border: none;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 8px;
  background-position: center;
  font-size: 0;
}
.recipe-selector .recipeSelector-slider-main[b-vh4hmhodbk]  .slick-dots {
  bottom: -35px;
}
.recipe-selector
  .recipeSelector-slider-main[b-vh4hmhodbk]
  
  .slick-dots
  li.slick-active
  button {
  background: #333;
}
.recipe-selector .recipeSelector-slider-main[b-vh4hmhodbk]  .slick-dots li button {
  height: 4px;
  padding: 0;
  background: var(--wd-color-border);
  width: 25px;
  margin-top: 10px;
}
.recipe-selector
  .recipeSelector-slider-main[b-vh4hmhodbk]
  
  .slick-dots
  li
  button::before {
  display: none;
}
@media (max-width: 767px) {
  .recipe-selector .recipeSelector-slider-main[b-vh4hmhodbk] {
    margin-top: 5px;
  }
  .recipe-selector .recipeSelector-slider-main .c-icons[b-vh4hmhodbk] {
    display: none !important;
  }
  .recipe-selector .recipeSelector-slider-main[b-vh4hmhodbk]  .slick-arrow {
    display: none !important;
  }
}
.recipe-selector .recipes-card[b-vh4hmhodbk] {
  height: auto;
  min-height: 460px;
  padding: 16px 16px 16px 15px;
  box-shadow: none !important;
  border: 1px solid var(--WD-Gray-Colors-gray-300, #dee2e6);
  background-color: #fff;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  border-radius: 0 30px !important;
}
.recipe-selector .recipes-card:focus > h2[b-vh4hmhodbk] {
  color: var(--wd-color-brand-red) !important;
  font-weight: 600;
  border-bottom: 3px solid var(--wd-color-brand-red);
  padding-bottom: 15px;
}
@media (max-width: 1199px) {
  .recipe-selector .recipes-card .w-100[b-vh4hmhodbk] {
    width: 100%;
  }
}
.recipe-selector .recipes-card .item-image[b-vh4hmhodbk] {
  width: 232px;
  height: 165px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  border-radius: 4px;
  object-fit: cover;
}
@media (max-width: 768px) {
  .recipe-selector .recipes-card .item-image[b-vh4hmhodbk] {
    width: 100%;
    min-width: 100%;
    height: 134px;
  }
}
@media (max-width: 576px) {
  .recipe-selector .recipes-card .item-image[b-vh4hmhodbk] {
    width: 100%;
    min-width: 100%;
    height: 170px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .recipe-selector .recipes-card .item-image[b-vh4hmhodbk] {
    width: 100%;
  }
}
.recipe-selector .recipes-card .item-image:focus[b-vh4hmhodbk] {
  outline: 2px solid var(--wd-color-focus-ring) !important;
  outline-offset: -1px;
  display: inline-block;
}
.recipe-selector .recipes-card h2[b-vh4hmhodbk] {
  margin: 16px 0 8px 1px;
  font-family: var(--wd-font-body);
  font-size: 1.25em;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.33px;
  /* Prod renders this title in dark charcoal, not brand red — QA-confirmed mismatch
     (computed color #212529 on prod vs var(--wd-color-brand-red) here). */
  color: #212529;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 53px;
}
@media (max-width: 767px) {
  .recipe-selector .recipes-card h2[b-vh4hmhodbk] {
    font-size: 1em;
  }
}
.recipe-selector .recipes-card .cook-time[b-vh4hmhodbk] {
  height: 100px;
  overflow: hidden;
  font-family: var(--wd-font-body);
  font-size: 1em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.25px;
  color: var(--wd-color-text);
  margin: 8px 0 8px 1px;
}
@media (max-width: 768px) {
  .recipe-selector .recipes-card .cook-time[b-vh4hmhodbk] {
    height: 130px;
  }
}
@media (max-width: 576px) {
  .recipe-selector .recipes-card .cook-time[b-vh4hmhodbk] {
    font-size: 0.875em;
    height: auto;
    min-height: 65px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .recipe-selector .recipes-card .cook-time[b-vh4hmhodbk] {
    height: 130px;
  }
}
.recipe-selector .recipes-card .cook-time .oval-tag[b-vh4hmhodbk] {
  width: 24px;
  height: 24px;
  margin: 0 8px 8px 0;
  padding: 7px 0;
  background-color: #973163 !important;
  color: #fff;
  font-size: 0.625em;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  float: left;
  /* QA-confirmed (2026-08-12): prod computed text-transform on these dietary badges is
     "none" (badge text is stored/rendered as already-uppercase CMS text, e.g. DF/GF/V,
     not transformed by CSS) — the prior "live displays them uppercase" assumption here
     was wrong and forced a redundant transform on 11 elements vs prod. Removed to match. */
}
.recipe-selector .recipes-card .cook-time p[b-vh4hmhodbk] {
  color: #973163 !important;
  padding-bottom: 8px;
  /* Live/prod measures 0 margin here (spacing comes from padding-bottom above only) — confirmed
     directly against https://www.winndixie.com/. A prior pass here misread the QA spacing
     report's target/compare columns backwards and ADDED a 16px margin that doesn't belong;
     this explicit reset is the actual fix, overriding whatever (likely a global Bootstrap
     `p{margin-bottom:1rem}` reset) was giving this <p> unwanted margin on dev. */
  margin: 0;
}
.recipe-selector .recipes-card .card-content[b-vh4hmhodbk] {
  display: flex;
  justify-content: space-between;
  min-height: 355px;
  flex-flow: row wrap;
  width: 100%;
}
.recipe-selector .recipes-card .card-content .card-block__link[b-vh4hmhodbk] {
  display: contents;
}
.recipe-selector .recipes-card .card-content h2 a[b-vh4hmhodbk] {
  color: #212529 !important;
}
.recipe-selector .recipes-card .slide-btm-align[b-vh4hmhodbk] {
  display: flex;
  align-items: center;
  width: 100%;
}
.recipe-selector .recipes-card .slide-btm-left[b-vh4hmhodbk],
.recipe-selector .recipes-card .slide-btm-right[b-vh4hmhodbk] {
  color: var(--wd-color-brand-red);
  margin: 0;
  font-family: var(--wd-font-body);
  font-size: 1em;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: -0.27px;
}
@media (max-width: 767px) {
  .recipe-selector .recipes-card .slide-btm-left .fa[b-vh4hmhodbk] {
    vertical-align: middle;
  }
}
.recipe-selector .recipes-card .slide-btm-right[b-vh4hmhodbk] {
  text-align: right;
}
.recipe-selector .recipes-card button[b-vh4hmhodbk] {
  border: none;
  background: transparent;
}
@media (max-width: 991px) and (min-width: 968px) {
  .recipe-selector .recipeSelector-slider-main[b-vh4hmhodbk]  .slick-slide {
    padding: 12px;
  }
}
@media (max-width: 767px) and (min-width: 100px) {
  .recipe-selector .recipes-slider-main[b-vh4hmhodbk] {
    width: 218px !important;
  }
  .recipe-selector .recipeSelector-slider-main[b-vh4hmhodbk]  .slick-slide {
    padding: 8px;
  }
  .recipe-selector .recipes-card[b-vh4hmhodbk] {
    min-height: 370px;
  }
  .recipe-selector .recipes-card h2[b-vh4hmhodbk] {
    margin: 0;
    padding: 10px 0;
  }
  .recipe-selector .recipes-card .cook-time[b-vh4hmhodbk] {
    margin: 0;
  }
  .recipe-selector .recipes-card .card-content[b-vh4hmhodbk] {
    min-height: 340px;
    display: block;
  }
  .recipe-selector .recipes-card .item-image[b-vh4hmhodbk] {
    height: 165px;
  }
  .recipe-selector .recipesWithFilter[b-vh4hmhodbk] {
    width: 230px;
    font-family: var(--wd-font-body);
    font-size: 1em;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    margin-top: 24px;
    padding: 0;
    height: 46px;
  }
}
.zoomTxt .recipe-selector .recipes-card h2[b-vh4hmhodbk] {
  height: 100px;
}
.zoomTxt .recipe-selector .recipes-card .cook-time[b-vh4hmhodbk] {
  height: 200px;
}
.zoomTxt .recipe-selector .recipes-card .cook-time .oval-tag[b-vh4hmhodbk] {
  width: 45px;
  height: auto;
}
.zoomTxt .recipe-selector .see-more .choose-catagory[b-vh4hmhodbk] {
  height: auto;
}
.zoomTxt .recipe-selector .banner-right .tags-place .oval-tag[b-vh4hmhodbk] {
  width: 45px;
  height: auto;
}

/* ---- #fake-loading skeleton tiles (moved from inline style="" — Blazor-rendered directly,
   no ::deep needed since the scope attribute is present on these elements).
   Scoped to #fake-loading .product: .product__img_div/.original-price/.icon-add are reused
   unscoped by the "Shop Online" static tile (deals.StaticTile in Home.razor), which also lives
   inside #fake-loading (its @@if sits between the skeleton @@for loop and that <section>'s closing
   tag) — so #fake-loading alone wasn't enough to exclude it. .product is the skeleton tiles' own
   wrapper (<div class="product">); the static tile's wrapper is <div class="order_tile"> instead,
   which never carries the "product" class, so nesting under it is what actually excludes the
   static tile — without it this skeleton gray (var(--wd-color-bread)) background bled onto that tile too
   (QA-reported mismatch vs prod's transparent background). ---- */
#fake-loading .product .product__img_div[b-vh4hmhodbk] {
  background-color: var(--wd-color-bread);
}
#fake-loading .product__img.lazy[b-vh4hmhodbk] {
  display: none;
}
#fake-loading .product .original-price[b-vh4hmhodbk] {
  background-color: var(--wd-color-bread);
}
#fake-loading .skeleton-line[b-vh4hmhodbk] {
  background-color: var(--wd-color-bread);
  color: var(--wd-color-bread);
}
#fake-loading .product .icon-add[b-vh4hmhodbk] {
  background: var(--wd-color-bread);
}
#fake-loading .skeleton-cta[b-vh4hmhodbk] {
  background-color: var(--wd-color-bread) !important;
  color: var(--wd-color-bread) !important;
  border: 1px solid var(--wd-color-bread) !important;
}

/* .container-fluid__full is globally capped at max-width:1170px + centered (see
   _app-wd-legacy-content.scss) — the hero carousel and static banner need to break out of that
   cap, but each is its OWN child component (HeroCarousel.razor / StaticBanner.razor) with its
   own Blazor CSS-isolation scope attribute, not this one — see HeroCarousel.razor.css /
   StaticBanner.razor.css for the actual fix (a rule here would carry Home's own scope attribute,
   which never matches elements those two components render). This page's own outermost element
   (.border-topBtm) still needs overflow-x:hidden for either fix's 100vw breakout — see those
   files' own doc comments for why — added here since .border-topBtm is Home.razor's own markup. */
.border-topBtm[b-vh4hmhodbk] {
  overflow-x: hidden;
}

/* App-rewards promo and the Instagram reels rail are rendered directly in Home.razor (not their
   own child component like HeroCarousel/StaticBanner), so — unlike those two — a rule here DOES
   carry the matching scope attribute and can fix them directly. Same root cause as the comment
   above: .container-fluid__full's global max-width:1170px cap otherwise squeezes both sections
   down to a centered 1170px column. Confirmed live: both sit at x=0/width=1440 (full viewport,
   no cap) — App-rewards__section's own .container child re-centers its content to the usual
   1170px automatically, and InstagramCarousel's rail renders genuinely edge-to-edge (0 side
   padding on .video-carousel-rail-container/.video-carousel-rail on live) — so the breakout
   below is the whole fix, no inner re-centering needed for the carousel. */
.App-rewards__section[b-vh4hmhodbk],
.InstagramCarousel[b-vh4hmhodbk] {
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
/* /Components/Pages/Locator.razor.rz.scp.css */
/* Migrated from wwwroot/scss/WD/storelocator-wd.scss (retired) to Blazor CSS isolation.
   Deduped the file's own repeated @keyframes stretch/.btn-dot-loading boilerplate block
   (kept the first copy, dropped the exact second copy) — same pattern as every other
   per-page WD scss source in this migration.

   ::deep usage — PROVEN NECESSARY ONLY for Google Maps' own injected DOM:
   locator.js builds the map via `new google.maps.Map(mapEl, ...)` — everything Google's
   own script then creates inside it (.gm-style, .gm-style-iw info-window content,
   .gmnoprint zoom controls, etc.) is fresh DOM with no Blazor scope attribute at all, so
   a ".mapGoogleStore .gm-style..." chain needs ::deep inserted right after
   ".mapGoogleStore". Same treatment given to ".map iframe" (Google Maps internals
   occasionally use one) even though no live page inspection confirmed one actually
   exists — harmless if unmatched.

   BUT: this file is the wrong place for any of those .mapGoogleStore rules, and an earlier
   version of this comment had the reason wrong — it claimed Locator.razor renders that div.
   It does not: #mapGoogle/.mapGoogleStore is rendered by Components/Locator/ResultsAndMap.razor,
   so ::deep anchors the scope attribute to THAT component's id. Every .mapGoogleStore rule
   written here compiled to `.mapGoogleStore[b-lvkago22vd]` against an element carrying
   `b-qyef9729l3` and matched nothing at all. All of them now live in ResultsAndMap.razor.css
   (see its own note) — do not add more here.

   Everything else in this file — including every ".main .main-accrdn .locator_info...",
   ".details_btn", "store_sec_info" etc. rule targeting the result-card markup — is PLAIN
   scoped CSS, deliberately NOT ::deep. locator.js's renderStores() builds each card via
   `template.content.cloneNode(true)` against the literal <template id=
   "store-result-card-template"> already written in Locator.razor's own markup (not
   document.createElement/innerHTML from scratch, unlike Coupons.razor's card grid). Proved
   empirically (throwaway ZZTemplateProbe.razor: a <template> cloned via the same
   cloneNode(true) API into a live container) that Blazor's compile-time scope-attribute
   injection applies to elements inside a <template> tag same as any other markup, and that
   attribute survives cloneNode() verbatim — the clone's outerHTML carried the scope
   attribute and the plain scoped rule's color applied with no ::deep needed. So the
   template-cloned cards are functionally indistinguishable from directly-rendered markup
   as far as CSS isolation is concerned.

   Dead/unreachable, carried over unchanged (confirmed no match in Components/ or this
   page's actual markup, matching the "document, don't silently drop" precedent from
   Coupons/WeeklyAd):
     - body{...} — <body> isn't rendered by this component.
     - #divFooter{...} — footer lives in MainLayout, not this page.
     - .pac-item-selected{...} — a Google Places Autocomplete class; locator.js never
       wires up google.maps.places.Autocomplete on #txtSearchZip, so this never renders
       regardless, and even if it did, Places appends its dropdown to <body>, outside any
       selector chain rooted in this page's own markup.
     - .map1/.map2/.map-toggle .map1/.map-toggle .map2 — legacy naming; this page's actual
       mobile map/list toggle wrapper is ".map_toggle" (underscore, Locator.razor), a
       distinct class from scss's hyphenated ".map-toggle".
     - .zoomTxt ...{...} — a text-zoom accessibility class never toggled anywhere in this
       app; kept for parity in case that feature is added later.
*/
@keyframes stretch-b-9ws1rbl2mj {
  0% {
    transform:scale(.5);
    background-color:var(--wd-color-brand-red);
  }
  50% {
    background-color:var(--wd-color-brand-red);
  }
  100% {
    transform:scale(1);
    background-color:#fff;
  }
}

.btn-dot-loading.btn--loading[b-9ws1rbl2mj] {
  font-size:0;
}

.btn-dot-loading.btn--loading .btn-span[b-9ws1rbl2mj] {
  display:flex !important;
  justify-content:center;
}

.btn-dot-loading.btn--loading .btn-span b[b-9ws1rbl2mj] {
  animation-direction:alternate;
  animation-duration:.5s;
  animation-fill-mode:none;
  animation-iteration-count:infinite;
  animation-name:stretch-b-9ws1rbl2mj;
  animation-play-state:running;
  animation-timing-function:ease-out;
  border-radius:100%;
  display:block;
  height:10px;
  margin:0 1px;
  width:10px;
  animation-delay:.1s;
  margin:0 5px;
}

.btn-dot-loading.btn--loading .btn-span b:first-child[b-9ws1rbl2mj] {
  animation-delay:0s;
  margin:0;
}

.btn-dot-loading.btn--loading .btn-span b:last-child[b-9ws1rbl2mj] {
  animation-delay:.2s;
  margin:0;
}

.btn-dot-loading .btn-span[b-9ws1rbl2mj] {
  display:none;
}

/* Live's storelocator-wd stylesheet sets these on <body>, and because it loads AFTER
   app-wd it beats app-wd's own `body{line-height:normal;color:var(--wd-color-text)}`. Those two properties
   INHERIT into the whole results column, so on live every store-card row lays out on a
   fixed 24px (1.5 x 16px) grid in #575757 — they are not decorative.

   This rule cannot be written as `body{...}` here: Blazor CSS isolation rewrites scoped
   selectors to require this component's b-* scope attribute, and <body> (rendered by the
   host page, not this component) never carries one — so a `body` rule compiles to something
   that matches nothing. It was previously listed as dead/unreachable for that reason, which
   silently dropped the inheritance and left local at line-height:normal/#333: each text row
   came out 2-5px short, each card ~7px shorter, and the error accumulated down the list
   (~-4px on card 1 growing to ~-30px by card 3 versus live).

   Applying it to this page's own outermost element instead reproduces live's cascade exactly
   — same inherited values, same 24px rhythm — without reaching outside the locator page the
   way a global body rule would. */
.border-topBtm[role="main"][b-9ws1rbl2mj] {
  font-family: var(--wd-font-body);
  color:var(--wd-color-text);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.5;
}

.container-fluid[b-9ws1rbl2mj] {
  max-width:100%;
  background:#fff;
}

/* Ported from live's storelocator-wd stylesheet: neutralizes Bootstrap's fixed-width
   .container (750px/970px/1170px) at tablet+ widths so .container.padding_0.usehd (the
   shared page wrapper rendered directly in this page's own markup below) stays full-bleed
   instead of centering with side gutters. A copy of this same rule already exists in
   TopBar.razor.css, but Blazor's CSS isolation scopes it to TopBar's own markup only — it
   never reaches this wrapper, which is scoped to this page instead. */
@media(min-width:768px) {
  .container[b-9ws1rbl2mj] {
    width:100%;
  }
}

h1[b-9ws1rbl2mj],h2[b-9ws1rbl2mj],h3[b-9ws1rbl2mj],h4[b-9ws1rbl2mj],h5[b-9ws1rbl2mj],h6[b-9ws1rbl2mj] {
  font-family: var(--wd-font-body);
}

.fal[b-9ws1rbl2mj],.far[b-9ws1rbl2mj] {
  font-family:'Font Awesome 5 Free';
}

#divFooter[b-9ws1rbl2mj] {
  position:relative;
}

.pac-item-selected[b-9ws1rbl2mj] {
  border:solid 2px var(--wd-color-focus-ring);
  background-color:#fff;
}

.top-bar ul.top-bar-list li button.top-btn[b-9ws1rbl2mj] {
  background-color:transparent;
  border:none;
  font-size:1em;
  font-family: var(--wd-font-body);
  color:var(--wd-color-brand-red);
  font-weight:bold;
  outline:0;
  display:flex;
  align-items:center;
}

.top-bar ul.top-bar-list li button.top-btn i[b-9ws1rbl2mj] {
  display:block;
  font-size:1.5em;
  color:var(--wd-color-brand-red);
}

.top-bar ul.top-bar-list li button.top-btn i.fas.fa-sliders-h[b-9ws1rbl2mj] {
  transform:rotate(90deg);
}

.top-bar .mob-only[b-9ws1rbl2mj] {
  display:none;
}

.top-bar button.button-toggle[b-9ws1rbl2mj] {
  background-image:url("/Areas/V2/Images/toggle.svg");
  width:70px;
  height:25px;
  background-size:contain;
  background-repeat:no-repeat;
  border:none;
  padding:0;
  outline:0;
}

.top-bar button.button-toggle.toggled[b-9ws1rbl2mj] {
  background-image:url("/Areas/V2/Images/toggled.svg");
  width:70px;
  height:25px;
  background-size:contain;
  background-repeat:no-repeat;
  border:none;
  padding:0;
  outline:0;
}

.top-bar .megamenu .toggle-btn-section[b-9ws1rbl2mj] {
  padding-left:0;
}

.top-bar .megamenu .toggle-btn-section li[b-9ws1rbl2mj] {
  display:flex;
  align-items:baseline;
}

.top-bar .megamenu button.apply-filter-btn[b-9ws1rbl2mj] {
  display:none;
}

.top-bar .megamenu .filter-sec[b-9ws1rbl2mj] {
  display:flex;
  float:right;
}

.top-bar .megamenu .clsImg[b-9ws1rbl2mj] {
  display:flow-root;
  margin:20px 0;
}

@media only screen and (min-device-width:768px) {
  .top-bar ul.top-bar-list li button.top-btn[b-9ws1rbl2mj] {
    margin-top:0;
  }
}

.sticky__bar[b-9ws1rbl2mj] {
  position:fixed;
  background:#fff;
}

.main .main-accrdn .headSorryText[b-9ws1rbl2mj] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.33;
  letter-spacing:.4px;
  color:var(--wd-color-brand-red);
  margin-bottom:0;
}

.main .main-accrdn .errorZipText[b-9ws1rbl2mj] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.5;
  letter-spacing:.4px;
  color:var(--wd-color-brand-red);
}

.main .main-accrdn .submenu__hr[b-9ws1rbl2mj] {
  width:95%;
  margin:5px 0 0 auto !important;
  border-top:3px solid var(--wd-color-brand-red);
  float:none;
  height:0;
}

.main .main-accrdn .card .collapsing[b-9ws1rbl2mj] {
  transition:all .5s ease;
}

.main .main-accrdn .card .card-body .mobnumlink[b-9ws1rbl2mj] {
  color:var(--wd-color-brand-red) !important;
}

.main .main-accrdn i.fa-heart[b-9ws1rbl2mj] {
  color:var(--wd-color-brand-red);
  font-size:1.375em;
  margin-right:7px;
}

.main .main-accrdn i.fa-heart .red[b-9ws1rbl2mj] {
  color:var(--wd-color-brand-red);
}

.main .main-accrdn i.fa-heart:focus[b-9ws1rbl2mj] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
  display:inline-block;
}

.main .main-accrdn .card-header[b-9ws1rbl2mj] {
  background-color:transparent;
  padding:15px 15px 0 15px;
  border:none;
}

.main .main-accrdn p .red-heart[b-9ws1rbl2mj] {
  color:var(--wd-color-brand-red);
  margin-right:7px;
  font-size:1.375em;
}

.main .main-accrdn .locator_info .location_info_sec .loc_available[b-9ws1rbl2mj] {
  font-family: var(--wd-font-body);
  font-size:16px;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  display:inline;
  margin-bottom:5px;
}

.main .main-accrdn .locator-label-sec[b-9ws1rbl2mj] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-brand-red);
}

.main .main-accrdn .imgbck[b-9ws1rbl2mj] {
  background-color:#fedb00;
  border-radius:50%;
  width:32px;
  height:32px;
  margin:0 8px 0 0;
}

.main .main-accrdn .weather[b-9ws1rbl2mj] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  display:flex;
  margin-top:15px;
  background:#efae20;
  padding:11px 18px 11px 19px;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  border-radius:4px;
  position:relative;
  overflow:hidden;
  gap:15px;
  z-index:0;
}

@media(min-width:768px) {
  .main .main-accrdn .weather[b-9ws1rbl2mj] {
    align-items:center;
  }
}

@media(max-width:767px) {
  .main .main-accrdn .weather[b-9ws1rbl2mj] {
    flex-direction:column-reverse;
  }
}

.main .main-accrdn .weather p[b-9ws1rbl2mj] {
  margin:0 !important;
  display:block !important;
}

.main .main-accrdn .weather .storeWorkingHours[b-9ws1rbl2mj] {
  color:var(--wd-color-brand-red);
  font-weight:bold;
}

.main .main-accrdn .weather .alertMsg[b-9ws1rbl2mj] {
  font-weight:bold;
}

.main .main-accrdn .weather .link[b-9ws1rbl2mj] {
  color:var(--wd-color-brand-red);
}

.main .main-accrdn .weather .imgbck[b-9ws1rbl2mj] {
  padding:3px 8px;
}

.main .main-accrdn .weather .thunderIcon[b-9ws1rbl2mj] {
  text-align:center;
}

.main .main-accrdn .weather .thunderIcon i[b-9ws1rbl2mj]::before {
  font-size:40px;
}

.main .main-accrdn .weather[b-9ws1rbl2mj]::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:200%;
  height:100%;
  background:url("https://i.gifer.com/wr.gif") center center/cover no-repeat;
  opacity:.2;
  z-index:-1;
}

.main .main-accrdn .closedstore[b-9ws1rbl2mj] {
  display:flex;
  align-items:stretch;
  margin-top:6px;
}

.main .main-accrdn .closedstore .imgbck[b-9ws1rbl2mj] {
  padding:5px 8px;
}

.main .main-accrdn .right-8[b-9ws1rbl2mj] {
  right:8px;
}

.main .main-accrdn .locator_info_tags .location_info_sec .fa-tag[b-9ws1rbl2mj] {
  width:10px;
  height:10px;
  color:transparent;
  -webkit-text-stroke-width:2px;
  -webkit-text-stroke-color:var(--wd-color-brand-red);
  margin-right:10px;
}

.main .main-accrdn .gas_price_tdy[b-9ws1rbl2mj] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.33;
  letter-spacing:-.15px;
  color:var(--wd-color-brand-red);
  margin-top:16px;
}

.main .main-accrdn .details-div .details-link[b-9ws1rbl2mj] {
  border:1px solid var(--wd-color-brand-red);
  padding:10px 30px;
  color:var(--wd-color-brand-red);
  font-size:1.125em;
  font-weight:bold;
  line-height:1.39;
  letter-spacing:-.03px;
  text-align:center;
  width:225px;
  height:auto;
  align-items:center;
  display:block;
}

.main .main-accrdn .details-div .details-link:hover[b-9ws1rbl2mj],.main .main-accrdn .details-div .details-link:focus[b-9ws1rbl2mj] {
  border:solid 1px var(--wd-color-brand-red);
  background-color:var(--wd-color-brand-red);
  color:#fff;
  display:block;
}

.main .main-accrdn .details_btn_fill[b-9ws1rbl2mj] {
  padding:10px 30px;
  font-size:1.125em;
  font-weight:bold;
  line-height:1.22;
  letter-spacing:-.25px;
  text-align:center;
  width:244px;
  height:auto;
  align-items:center;
  display:block;
  color:var(--wd-color-text);
  background-color:#fff;
  border:1px solid #3c3c3b;
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}

.main .main-accrdn .details_btn_fill:focus[b-9ws1rbl2mj] {
  border:solid 2px #fff !important;
}

.main .main-accrdn .details_btn_fill:hover[b-9ws1rbl2mj] {
  background-color:var(--wd-color-primary-hover) !important;
  color:#fff;
  border:1px solid var(--wd-color-primary-hover);
}

.main .main-accrdn .details-link-disabled[b-9ws1rbl2mj] {
  border:solid 1px var(--wd-color-border);
  color:var(--wd-color-text);
  background:#fff;
  padding:10px 30px;
  font-size:1.125em;
  font-weight:bold;
  line-height:1.39;
  letter-spacing:-.03px;
  text-align:center;
  width:225px;
  height:auto;
  align-items:center;
  display:block;
  text-decoration:none;
  pointer-events:none;
}

.main .main-accrdn .details-link-disabled:hover[b-9ws1rbl2mj],.main .main-accrdn .details-link-disabled:focus[b-9ws1rbl2mj] {
  border:solid 1px var(--wd-color-border);
  color:var(--wd-color-text);
  background:#fff;
  display:block;
}

.main .main-accrdn .locator-taproom[b-9ws1rbl2mj] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.25;
  letter-spacing:-.29px;
  color:var(--wd-color-text);
  margin:17px 0;
  display:flex;
  align-items:center;
}

.main .main-accrdn .locator-taproom .taproomImg[b-9ws1rbl2mj],.main .main-accrdn .locator-taproom svg[b-9ws1rbl2mj] {
  margin-right:8px;
}

.main .main-accrdn .regular_premium[b-9ws1rbl2mj] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  display:flex;
  margin-top:10px;
}

.main .main-accrdn .mar-rgt-10[b-9ws1rbl2mj] {
  margin-right:10px;
}

.main .card-body .acrdn-drctn[b-9ws1rbl2mj] {
  right:12px;
  top:7px;
}

.main .card-body .acrdn-drctn a[b-9ws1rbl2mj] {
  display:inline-block;
}

.main .card-body .acrdn-drctn p[b-9ws1rbl2mj] {
  color:var(--wd-color-brand-red);
  font-size:.853em;
  font-weight:600;
}

.main .card-body .acrdn-drctn i[b-9ws1rbl2mj],.main .card-body .acrdn-drctn svg[b-9ws1rbl2mj] {
  color:var(--wd-color-brand-red);
  font-size:1.375em;
}

@media(min-width:768px) and (max-width:992px) {
  .main .card-body .acrdn-drctn[b-9ws1rbl2mj] {
    margin-right:0;
    padding:0 30px !important;
  }
  .main .card-body .acrdn-drctn p[b-9ws1rbl2mj] {
    text-align:right !important;
  }
  .main .card-body .acrdn-drctn i[b-9ws1rbl2mj] {
    text-align:right !important;
    display:block;
    margin-right:15px;
  }
}

.main .card-body .acrdn-drctn:focus[b-9ws1rbl2mj] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}

.main ul.acrd-menu[b-9ws1rbl2mj] {
  list-style:none;
  margin:0;
  padding:0;
  padding-bottom:10px;
  margin-top:20px;
}

.main ul.acrd-menu li[b-9ws1rbl2mj] {
  padding:0 10px;
  border-right:1px solid #ccc;
  text-align:center;
}

.main ul.acrd-menu li:last-child[b-9ws1rbl2mj] {
  border-right:none;
}

.main ul.acrd-menu li a[b-9ws1rbl2mj] {
  background-color:transparent;
  border:none;
  outline:0;
}

.main ul.acrd-menu li a img[b-9ws1rbl2mj],.main ul.acrd-menu li a svg[b-9ws1rbl2mj] {
  height:20px;
}

.main ul.acrd-menu li a p[b-9ws1rbl2mj] {
  color:var(--wd-color-brand-red);
  font-weight:bold;
  font-size:.875em;
  font-family: var(--wd-font-body);
}

.main ul.acrd-menu li a a[b-9ws1rbl2mj] {
  color:var(--wd-color-brand-red);
  text-decoration:none;
}

.main ul.acrd-menu li a .sales_ad_txt[b-9ws1rbl2mj] {
  color:var(--wd-color-text);
}

.main ul.acrd-menu li button.menu-btn.active[b-9ws1rbl2mj] {
  -webkit-filter:grayscale(100%);
  filter:grayscale(100%);
}

.main .location-icons[b-9ws1rbl2mj] {
  width:95%;
  margin:20px 0;
}

.main .location-icons .link-active[b-9ws1rbl2mj] {
  margin:0 10px 0 0;
  border-bottom:solid 5px var(--wd-color-brand-red);
  margin-bottom:0;
}

.main .location-icons .link-active .store-link[b-9ws1rbl2mj] {
  opacity:1;
}

.main .location-icons li[b-9ws1rbl2mj] {
  color:var(--wd-color-brand-red);
  margin-left:5px;
}

.main .location-icons li img[b-9ws1rbl2mj],.main .location-icons li svg[b-9ws1rbl2mj] {
  height:23px;
}

.main .location-icons li i[b-9ws1rbl2mj] {
  font-size:1.25em;
  vertical-align:bottom;
}

.main .location-icons .store-btn[b-9ws1rbl2mj] {
  border:none;
  padding-bottom:5px;
  background-color:#fff;
  margin-top:20px;
  margin-bottom:0;
}

.main .location-icons .store-link[b-9ws1rbl2mj] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.22;
  letter-spacing:-.15px;
  text-align:center;
  color:var(--wd-color-text);
  padding:0 15px;
  opacity:.5;
  text-decoration:none;
}

@media only screen and (min-device-width:768px) and (max-device-width:768px) and (min-device-height:991px) and (max-device-height:991px) and (min-width:768px) and (max-width:768px) {
  .main .card .card-body .acrdn-drctn[b-9ws1rbl2mj] {
    right:5px;
    padding:0 !important;
  }
  .main .location-icons li[b-9ws1rbl2mj] {
    margin-right:30px;
  }
  .main .location-icons .store-link[b-9ws1rbl2mj] {
    padding:0;
    font-size:.875em;
  }
}

@media only screen and (min-device-width:991px) and (max-device-width:991px) and (min-device-height:768px) and (max-device-height:768px) and (min-width:991px) and (max-width:991px) {
  .main .card .card-body .acrdn-drctn[b-9ws1rbl2mj] {
    right:0;
  }
}

@media only screen and (min-device-width:991px) and (max-device-width:991px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:991px) and (max-width:991px) {
  .main .card .card-body .acrdn-drctn[b-9ws1rbl2mj] {
    right:4px;
  }
  .main .location-icons .store-link[b-9ws1rbl2mj] {
    padding:0;
    font-size:.875em;
  }
}

@media only screen and (min-device-width:1366px) and (max-device-width:1366px) and (min-device-height:991px) and (max-device-height:991px) and (min-width:1366px) and (max-width:1366px) {
  .main .card .card-body .acrdn-drctn[b-9ws1rbl2mj] {
    right:15px;
  }
}

@media only screen and (min-device-width:800px) and (max-device-width:800px) and (min-device-height:1280px) and (max-device-height:1280px) and (min-width:800px) and (max-width:800px) {
  .main .card .card-body .acrdn-drctn[b-9ws1rbl2mj] {
    padding-right:5px !important;
  }
}

.map2[b-9ws1rbl2mj] {
  display:none;
}

.map1[b-9ws1rbl2mj] {
  display:block;
}

.map-toggle .map2[b-9ws1rbl2mj] {
  display:block;
}

.map-toggle .map1[b-9ws1rbl2mj] {
  display:none;
}

hr.red[b-9ws1rbl2mj] {
  border-top:3px solid #f00;
  margin:0;
  width:100% !important;
}

.overlay[b-9ws1rbl2mj] {
  position:absolute;
  top:116px;
  left:0;
  margin-top:-19px;
  width:100%;
  background-color:rgba(0,0,0,.4);
  height:calc(100% + 288px);
}

.error-section h2[b-9ws1rbl2mj] {
  color:var(--wd-color-brand-red);
  font-size:1.125em;
  font-weight:600;
}

.error-section p[b-9ws1rbl2mj] {
  color:var(--wd-color-brand-red);
  font-size:1em;
}

article[b-9ws1rbl2mj],aside[b-9ws1rbl2mj],figcaption[b-9ws1rbl2mj],figure[b-9ws1rbl2mj],footer[b-9ws1rbl2mj],header[b-9ws1rbl2mj],hgroup[b-9ws1rbl2mj],main[b-9ws1rbl2mj],nav[b-9ws1rbl2mj],section[b-9ws1rbl2mj] {
  display:block;
}

.error_filter[b-9ws1rbl2mj] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.33;
  letter-spacing:-.15px;
  color:var(--wd-color-brand-red);
  margin-top:19px;
  padding-right:30px;
}

.align-self[b-9ws1rbl2mj] {
  align-self:flex-start;
}

.mt-0[b-9ws1rbl2mj] {
  margin-top:0;
}

.mt-2[b-9ws1rbl2mj],.my-2[b-9ws1rbl2mj] {
  margin-top:.5em !important;
}

.mb-0[b-9ws1rbl2mj],.my-0[b-9ws1rbl2mj] {
  margin-bottom:0 !important;
}

.mb-3[b-9ws1rbl2mj] {
  margin-top:3px;
}

.p-lr-15[b-9ws1rbl2mj] {
  padding:0 15px;
}

.justify-content-center[b-9ws1rbl2mj] {
  -webkit-box-pack:center !important;
  -ms-flex-pack:center !important;
  justify-content:center !important;
}

.float-left[b-9ws1rbl2mj],.float-sm-left[b-9ws1rbl2mj] {
  float:left;
}

.left-item[b-9ws1rbl2mj] {
  flex:auto;
}

.card-header[b-9ws1rbl2mj] {
  padding:.75rem 1.25rem;
  margin-bottom:0;
  background-color:rgba(0,0,0,.03);
  border-bottom:1px solid rgba(0,0,0,.125);
}

.card-header:first-child[b-9ws1rbl2mj] {
  border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.col[b-9ws1rbl2mj] {
  -ms-flex-preferred-size:0;
  flex-basis:0;
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  max-width:100%;
}

.col-1[b-9ws1rbl2mj] {
  -webkit-box-flex:0;
  -ms-flex:0 0 8.33333%;
  flex:0 0 8.33333%;
  max-width:8.33333%;
}

.ml-3[b-9ws1rbl2mj],.mx-3[b-9ws1rbl2mj] {
  margin-left:1em !important;
}

.main ul.acrd-menu li button[name="btnWeeklyAd"] a[b-9ws1rbl2mj] {
  color:var(--wd-color-text);
}

@media(min-width:767px) and (max-width:992px) {
  .md-float-left[b-9ws1rbl2mj] {
    float:left !important;
    justify-content:space-between;
  }
  ul.location-icons li[b-9ws1rbl2mj] {
    padding-top:10px;
    margin-right:30px;
  }
  i.fas.fa-sliders-h[b-9ws1rbl2mj] {
    font-size:18px !important;
    margin-bottom:6px !important;
    margin-top:-4px !important;
    margin-left:0 !important;
  }
}

@media only screen and (min-device-width:768px) and (max-device-width:991px) {
  .overlay[b-9ws1rbl2mj] {
    height:calc(100vh + 180px);
  }
}

@media only screen and (min-device-width:768px) and (max-device-width:768px) and (min-device-height:1024px) and (max-device-height:1024px) and (min-width:768px) and (max-width:768px) {
  .overlay[b-9ws1rbl2mj] {
    height:100vh;
  }
  button#btnFilter[b-9ws1rbl2mj] {
    float:right;
    right:30px;
    position:absolute;
    top:30px;
  }
}

.align-right[b-9ws1rbl2mj] {
  float:right;
}

.mr-10[b-9ws1rbl2mj] {
  color:#6d7278;
  margin-right:10px;
}

.mt-20[b-9ws1rbl2mj] {
  margin-top:20px;
}

.mb-15[b-9ws1rbl2mj] {
  margin-bottom:15px;
}

.w-50[b-9ws1rbl2mj] {
  width:50%;
}

.locator_btn[b-9ws1rbl2mj] {
  display:inline-flex;
  margin-bottom:20px;
  width:100%;
}

.expand-filter-options[b-9ws1rbl2mj] {
  text-decoration:none;
}

.expand-filter-options span[b-9ws1rbl2mj] {
  float:right;
  font-size:2em;
  position:absolute;
  right:0;
  top:-16px;
  color:var(--wd-color-brand-red);
}

.expand-filter-options .plus-icon[b-9ws1rbl2mj]::before {
  content:"+";
}

.expand-filter-options .minus-icon[b-9ws1rbl2mj] {
  border-top:3px solid;
  width:13px;
  top:10px;
}

.dropdown-menu-main-section[b-9ws1rbl2mj] {
  padding:12px 30px 30px 30px;
}

.expand-filter-options:focus[b-9ws1rbl2mj] {
  display:block;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .filter-accordion .panel.panel-default li.disabled[b-9ws1rbl2mj] {
  pointer-events:none;
  opacity:.5;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .filter-accordion .panel.panel-default .panel-body[b-9ws1rbl2mj] {
  padding:0;
  padding-bottom:16px;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .filter-accordion .panel.panel-default .panel-body li input[type=checkbox][b-9ws1rbl2mj] {
  box-sizing:border-box;
  padding:0;
  opacity:0;
  position:absolute;
}

.mob_filter_sec .filter-modal .modal-dialog .modal-content .modal-body .filter-accordion .panel.panel-default .panel-body ul[b-9ws1rbl2mj] {
  margin:0;
  padding:0;
  list-style:none;
}

/* /Components/Pages/MaintenancePage.razor.rz.scp.css */
/* Two groups live here, both isolated to this component by Blazor's b-* rewriting:
   1. what were static style="" attributes on individual elements (the block immediately below);
   2. rules moved out of MaintenancePage.razor's inline <style> block because unscoped there they
      also matched layout chrome this page doesn't own (the second block, which carries the full
      rationale).
   The rest of this page's CSS intentionally stays in that inline <style> block in HeadContent —
   see the comment at the top of MaintenancePage.razor — because it targets <body>, the universal
   selector, or @keyframes, none of which component-scoped CSS can express. */
.hero-row[b-74zuzpqzdg] {
    margin: 100px 0;
}

.cta-row[b-74zuzpqzdg] {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    /* Restores Bootstrap's default .row negative gutter margins, which this app's shared bundle
       (app-wd-global.css) zeroes out site-wide along with everything else in its reset — same
       reason/mechanism as the .container/.mainContentAlign padding restorations further down in
       this same file (they used to live in MaintenancePage.razor's HeadContent <style> block; see
       their own comment for why they moved here). Without this, .cta-row stayed
       confined to its parent col-sm-12's CONTENT box instead of reclaiming the 15px each side a
       real Bootstrap .row negative margin pulls back from the parent's own gutter — confirmed via
       getBoundingClientRect against live at 1440px (0px diff with this in place). Consolidated
       here (not duplicated in the inline block too) since this is the one file that already owns
       .cta-row's other rules. */
    margin-left: -15px;
    margin-right: -15px;
}

.contact-note[b-74zuzpqzdg] {
    margin-top: 30px;
}

.phone-icon[b-74zuzpqzdg] {
    padding-left: 8px;
}

/* ── Moved out of MaintenancePage.razor's HeadContent <style> block ────────────────────────────
   These were unscoped there, so they leaked onto layout chrome this page doesn't own: a bare `p`
   restyled SiteHeader's .store-addr/.store-timings/.alertMsg, and the .container padding/width
   rules applied to MainLayout's own <div class="container weather-alert-bar">. Worse than a
   normal cascade accident, because App.razor emits <HeadOutlet /> AFTER every stylesheet link, so
   at equal specificity the inline block WON against the shared bundles. Here, Blazor's CSS
   isolation rewrites each selector with this component's own b-* attribute, so they can only ever
   match elements rendered by this .razor file — which is every element they were ever meant for.

   The computed result for this page is deliberately unchanged: the added b-* attribute selector
   raises each rule to (0,2,0)/(0,1,1), which still beats app-wd-global.css's own `.container,
   .container-fluid{padding:0}` and `.container{width:100%}` (0,1,0) — and does so by specificity
   rather than by load order, since the scoped bundle is linked BEFORE those. `.shop-card p` and
   the 480px `.shop-card p` override in the inline block stay at (0,1,1) and still win the tie
   against `p` here on order (inline block loads later), exactly as they did before the move. */
p[b-74zuzpqzdg] {
    font-size: 16px;
    color: #4a5a6a;
    margin-bottom: 10px;
}

.container[b-74zuzpqzdg] {
    animation: slideUp 0.7s ease-in-out;
}

/* Restores the 15px side gutters app-wd-global.css's reset zeroes out site-wide — the same
   reason/mechanism as .cta-row's negative-margin restoration above. Applies to this page's own
   shell wrappers (.container-fluid.topBg, the three .container.padding_0 divs, .mainContentAlign)
   and to each banner's .container, which is what it always did. */
.container[b-74zuzpqzdg],
.container-fluid[b-74zuzpqzdg],
.mainContentAlign[b-74zuzpqzdg] {
    padding-left: 15px;
    padding-right: 15px;
}

/* Bootstrap 3's own .container breakpoint widths, which this app's bundle replaces with a fluid
   width: 100%. Kept as-is (including on the nested shell containers) because live's own
   maintenance interstitial ships exactly these rules unscoped in its inline block, and this
   page's measured parity against live was established with them in effect. */
@media (min-width: 1200px) {
    .container[b-74zuzpqzdg] {
        width: 1170px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .container[b-74zuzpqzdg] {
        width: 970px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .container[b-74zuzpqzdg] {
        width: 750px;
    }
}
/* /Components/Pages/PressDetail.razor.rz.scp.css */
/* ::deep on every rule that targets the ARTICLE BODY or the contact block.
   Those elements arrive as CMS-authored HTML through MarkupString, and Blazor only stamps its
   scope attribute on markup the component itself renders — so an unprefixed
   ".PressReleaseEnd-Content p" compiles to "...[b-xxx] p[b-xxx]" and matches nothing. Measured
   against live before this was added: the body paragraphs computed line-height 22px (the app's
   base) instead of the 28px this file asks for, which alone made the end section 578px shorter
   than live's. The share-bar and related-article rules deliberately do NOT use ::deep — the
   razor renders that markup itself, so it carries the scope attribute. */
/* Scoped to PressDetail.razor. Moved from TWO page-specific <link> tags previously in this
   page's HeadContent:
     - wwwroot/scss/WD/pressReleaseDetails-wd.scss  (this page's own content, in full)
     - wwwroot/scss/WD/PressReleaseIndex-wd.scss     (in full — this page's own .RelatedArticle
       block, further down, uses that file's .RelatedArticle rules; PressIndex.razor.css also
       has its own full copy of the same file, since Blazor scoping is per-component and
       there's no shared child component here to hang a single copy off of — see that file's
       header comment)
   A byte-for-byte duplicate keyframes/btn-dot-loading block (repeated in both source files) was
   removed, kept once — same boilerplate seen across several other per-page bundles (see
   StoreDetails.razor.css); this page renders no button using it, so it's dropped entirely
   rather than kept unused. */

.PressRelease-Header[b-whjwa9u346] {
  display:flex;
  flex-direction:row-reverse;
  background-color:var(--wd-color-surface-alt);
}
.PressRelease-Header .Header-image[b-whjwa9u346] {
  margin-bottom:0;
}
.PressRelease-Header .Header-image .Desk-app[b-whjwa9u346] {
  height:100%;
}
.PressRelease-Header .PressRelease-heading[b-whjwa9u346] {
  margin:100px;
}
.PressRelease-Header .PressRelease-heading h1[b-whjwa9u346] {
  margin:0 0 32px;
  font-family: var(--wd-font-body);
  font-size:2.25em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.59px;
  color:var(--wd-color-text);
  width:100%;
}
.PressRelease-Header .PressRelease-heading .PressRelease-summary[b-whjwa9u346] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.33;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  width:90%;
}
.PressRelease-Start[b-whjwa9u346] {
  width:58%;
  margin:auto;
  margin-top:65px;
}
.PressRelease-Start .Social-sharing[b-whjwa9u346] {
  display:inline-flex;
}
.PressRelease-Start .Social-sharing .copylink-img[b-whjwa9u346] {
  opacity:.7;
}
.PressRelease-Start .Social-sharing .copylink-img:hover[b-whjwa9u346] {
  opacity:1 !important;
}
.PressRelease-Start .Social-sharing .copyurltext[b-whjwa9u346] {
  display:none;
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-weight:500;
  font-stretch:normal;
  font-style:normal;
  line-height:1.43;
  letter-spacing:-.23px;
  color:var(--wd-color-text);
  padding-left:10px;
}
.PressRelease-Start .Social-sharing p[b-whjwa9u346] {
  padding-right:20px;
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.43;
  letter-spacing:-.23px;
  color:var(--wd-color-text);
}
.PressRelease-Start .Social-sharing i[b-whjwa9u346] {
  font-size:1.375em;
  /* live paints these icons the muted grey, NOT the body text colour. Mapping them to
     --wd-color-text made them black at rest — the same colour as the :hover rule below,
     so the hover affordance was invisible. --wd-color-text-muted carries live's exact
     value for this. */
  color:var(--wd-color-text-muted);
  font-family:'FontAwesome';
  padding-right:13px;
}
.PressRelease-Start .Social-sharing i:hover[b-whjwa9u346] {
  color:#000 !important;
}
.PressRelease-Start .PressReleaseStart-Content[b-whjwa9u346] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.75;
  letter-spacing:.18px;
  color:var(--wd-color-text);
  margin-top:25px;
}
.PressRelease-Start .PressReleaseStart-Content[b-whjwa9u346]  p {
  padding-bottom:20px;
  line-height:1.75 !important;
}
.PressRelease-Start .PressReleaseStart-Content[b-whjwa9u346]  p span {
  font-weight:600;
  color:var(--wd-color-text);
}
.PressRelease-Start .PressReleaseStart-Content[b-whjwa9u346]  a {
  color:var(--wd-color-brand-red);
  padding:2px;
  text-decoration:underline;
  cursor:pointer;
  display:inline-block;
}
.PressRelease-Middle[b-whjwa9u346] {
  width:50%;
  margin:0 auto;
  margin-top:65px;
  margin-left:21%;
}
.PressRelease-Middle .PressReleaseMiddle-Quotes[b-whjwa9u346] {
  border-left:3px solid var(--wd-color-brand-red);
  padding-left:5px;
}
.PressRelease-Middle .PressReleaseMiddle-Quotes i[b-whjwa9u346] {
  position:relative;
  right:1%;
  bottom:45px;
  color:var(--wd-color-brand-red);
}
.PressRelease-Middle .PressReleaseMiddle-Quotes[b-whjwa9u346]  .quote {
  margin:2px 3px 24px -20px;
  font-family: var(--wd-font-body);
  font-size:1.375em;
  font-weight:normal;
  font-stretch:normal;
  font-style:italic;
  line-height:1.64;
  letter-spacing:.24px;
  color:var(--wd-color-text);
  position:relative;
  bottom:34px;
  left:25px;
}
.PressRelease-Middle .PressReleaseMiddle-Quotes[b-whjwa9u346]  .quote-name {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.78;
  letter-spacing:.2px;
  color:#000;
  margin-left:35px !important;
  margin-top:-15px;
}
.PressRelease-Middle .PressReleaseMiddle-Quotes[b-whjwa9u346]  .quote-name .quote-line {
  position:relative;
  color:var(--wd-color-brand-red) !important;
  bottom:7px;
  right:7px;
  font-weight:bold;
}
.PressRelease-End[b-whjwa9u346] {
  width:60%;
  margin:0 auto;
  margin-top:30px;
  margin-left:21%;
}
.PressRelease-End .PressReleaseEnd-Content[b-whjwa9u346] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.75;
  letter-spacing:.18px;
  color:var(--wd-color-text);
}
.PressRelease-End .PressReleaseEnd-Content[b-whjwa9u346]  p {
  padding-bottom:20px;
  line-height:1.75 !important;
}
.PressRelease-End .PressReleaseEnd-Content[b-whjwa9u346]  p .text-style-1 {
  font-weight:600;
}
.PressRelease-End .PressReleaseEnd-Content[b-whjwa9u346]  a {
  color:var(--wd-color-brand-red);
  padding:2px;
  text-decoration:underline;
  cursor:pointer;
  display:inline-block;
}
.PressRelease-End .PressReleaseEnd-Content[b-whjwa9u346]  .banner-name {
  color:var(--wd-color-text);
  padding-bottom:6px !important;
  font-weight:600;
}
.PressRelease-Contact[b-whjwa9u346] {
  width:58%;
  margin:0 auto;
}
.PressRelease-Contact .PressReleaseContact-Content[b-whjwa9u346] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.75;
  letter-spacing:.18px;
  color:var(--wd-color-text);
}
.PressRelease-Contact .PressReleaseContact-Content[b-whjwa9u346]  p {
  line-height:1.75 !important;
}
.PressRelease-Contact .PressReleaseContact-Content[b-whjwa9u346]  a {
  color:var(--wd-color-brand-red);
  padding:2px;
  text-decoration:underline;
  cursor:pointer;
  display:inline-block;
}
.PressRelease-Contact .PressReleaseContact-Content[b-whjwa9u346]  .banner-name {
  color:var(--wd-color-text);
  padding-bottom:6px;
  font-weight:600;
}
.PressRelease-Contact .PressReleaseContact-Content[b-whjwa9u346]  .grocers-name {
  color:var(--wd-color-text);
  padding-bottom:6px;
  font-weight:600;
  padding-top:10px;
}
.PressRelease-Contact .Contact-details[b-whjwa9u346] {
  margin-top:55px;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.75;
  letter-spacing:.18px;
  color:var(--wd-color-text);
}
.PressRelease-Contact .Contact-details[b-whjwa9u346]  .text-style-9 {
  color:var(--wd-color-text);
  font-weight:600;
}
.PressRelease-Contact .Contact-details[b-whjwa9u346]  a {
  color:var(--wd-color-brand-red);
  padding:2px;
  text-decoration:underline;
  cursor:pointer;
  display:inline-block;
}
.PressRelease-Contact .Contact-details[b-whjwa9u346]  a .phone-pressrelease {
  color:var(--wd-color-text);
  text-decoration:none;
}
.PressRelease-Contact .Contact-details[b-whjwa9u346]  p {
  padding-bottom:6px;
  line-height:1.75 !important;
}
.PressRelease-Contact .Download-Section[b-whjwa9u346] {
  margin:0 0 24px;
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:2;
  letter-spacing:-.13px;
  color:#000;
  margin-top:45px;
}
.PressRelease-Contact .Download-Section .btn-Join-contact-section a[b-whjwa9u346] {
  width:217px;
  height:48px;
  margin-top:20px;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.22;
  letter-spacing:-.25px;
  text-align:center;
}
.PressRelease-Contact .share-link-details[b-whjwa9u346] {
  display:inline-flex;
  margin-top:25px;
}
@media(min-width:100px) and (max-width:991px) {
  .PressRelease-Contact .share-link-details.news[b-whjwa9u346] {
    margin-top:0;
  }
}
.PressRelease-Contact .share-link-details p[b-whjwa9u346] {
  padding-right:22px;
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.43;
  letter-spacing:-.23px;
  color:var(--wd-color-text);
}
.PressRelease-Contact .share-link-details i[b-whjwa9u346] {
  font-size:1.375em;
  /* live paints these icons the muted grey, NOT the body text colour. Mapping them to
     --wd-color-text made them black at rest — the same colour as the :hover rule below,
     so the hover affordance was invisible. --wd-color-text-muted carries live's exact
     value for this. */
  color:var(--wd-color-text-muted);
  font-family:'FontAwesome';
  padding-right:13px;
}
.PressRelease-Contact .share-link-details i:hover[b-whjwa9u346] {
  color:#000 !important;
}
.PressRelease-Contact .share-link-details .copylink[b-whjwa9u346] {
  cursor:pointer;
}
.PressRelease-Contact .share-link-details .copylink-img[b-whjwa9u346] {
  opacity:.7;
}
.PressRelease-Contact .share-link-details .copylink-img:hover[b-whjwa9u346] {
  opacity:1 !important;
}
.PressRelease-Contact .share-link-details .copyurltext[b-whjwa9u346] {
  display:none;
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-weight:500;
  font-stretch:normal;
  font-style:normal;
  line-height:1.43;
  letter-spacing:-.23px;
  color:var(--charcoal);
  padding-left:10px;
}
.PressRelease-Contact .press-release-tag a[b-whjwa9u346] {
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.43;
  letter-spacing:.18px;
  /* Live's own two values, per an explicit product decision to match the live chip rather
     than the rebrand palette here. Both are retired hexes, so each line carries
     lint-brand-tokens.sh's allow marker — the exception is deliberate, not an oversight. The
     rebrand mapping these override is recorded in _wd-colors.scss (bread and text-black
     replace them site-wide). */
  color:#3C3C3B !important; /* brand-lint: allow */
  border-radius:4px;
  background-color:#EBE9E9; /* brand-lint: allow */
  margin:40px 10px 55px 0;
  padding:3px 12px;
  display:inline-block;
  cursor:pointer;
  text-decoration:none !important;
}
@media(max-width:767px) {
  .PressRelease-Contact .press-release-tag a[b-whjwa9u346] {
    margin:20px 10px 10px 0;
  }
}
.PressRelease-Contact .press-release-tag a:hover[b-whjwa9u346] {
  color:#fff !important;
  background-color:var(--wd-color-brand-red);
  font-weight:bold;
}
@media(min-width:768px) and (max-width:991px) {
  .PressRelease-Header .Header-image[b-whjwa9u346] {
    margin:0;
  }
  .PressRelease-Header .Header-image .Tab-app[b-whjwa9u346] {
    height:100%;
  }
  .PressRelease-Header .PressRelease-heading[b-whjwa9u346] {
    margin:0;
    width:100%;
    padding-left:20px;
  }
  .PressRelease-Header .PressRelease-heading h1[b-whjwa9u346] {
    width:100%;
    margin:0;
    line-height:1.17;
    margin-top:40px;
  }
  .PressRelease-Header .PressRelease-heading .PressRelease-summary[b-whjwa9u346] {
    width:100%;
    padding-top:16px;
  }
  .PressRelease-Header .PressRelease-heading .col-sm-12[b-whjwa9u346] {
    margin-bottom:40px;
  }
  .PressRelease-Start[b-whjwa9u346] {
    width:100%;
    padding:20px;
    margin-top:7px;
  }
  .PressRelease-Middle[b-whjwa9u346] {
    width:96%;
    padding:20px;
    margin:0;
  }
  .PressRelease-End[b-whjwa9u346] {
    width:100%;
    padding:20px;
    margin:0;
  }
  .PressRelease-Contact[b-whjwa9u346] {
    width:100%;
    padding:20px;
    margin:0;
  }
  .PressRelease-Contact .PressReleaseContact-Content[b-whjwa9u346] {
    margin-top:-34px;
  }
}
@media(min-width:100px) and (max-width:767px) {
  .PressRelease-Header[b-whjwa9u346] {
    display:block;
    flex-direction:inherit;
  }
  .PressRelease-Header .Header-image[b-whjwa9u346] {
    margin:0;
  }
  .PressRelease-Header .Header-image .Device-app[b-whjwa9u346] {
    width:100%;
  }
  .PressRelease-Header .PressRelease-heading[b-whjwa9u346] {
    margin:0;
  }
  .PressRelease-Header .PressRelease-heading h1[b-whjwa9u346] {
    width:100%;
    margin:0 auto;
    text-align:center;
    padding:16px;
  }
  .PressRelease-Header .PressRelease-heading .PressRelease-summary[b-whjwa9u346] {
    width:100%;
    text-align:center;
    padding:16px;
    padding-top:0 !important;
  }
  .PressRelease-Start[b-whjwa9u346] {
    width:100%;
    padding:20px;
    margin-top:7px;
  }
  .PressRelease-Middle[b-whjwa9u346] {
    width:96%;
    padding:20px;
    margin:0;
  }
  .PressRelease-Middle .PressReleaseMiddle-Quotes .quote[b-whjwa9u346] {
    font-size:1.125em;
    margin:2px 3px 24px -20px;
  }
  .PressRelease-Middle .PressReleaseMiddle-Quotes .quote-name[b-whjwa9u346] {
    text-align:center;
    position:relative;
    right:32px;
  }
  .PressRelease-End[b-whjwa9u346] {
    width:100%;
    padding:20px;
    margin:0;
  }
  .PressRelease-Contact[b-whjwa9u346] {
    width:100%;
    padding:20px;
    margin:0;
  }
  .PressRelease-Contact .PressReleaseContact-Content[b-whjwa9u346] {
    margin-top:-34px;
  }
  .PressRelease-Contact .Download-Section[b-whjwa9u346] {
    font-size:1em;
    line-height:1.75;
    letter-spacing:-.18px;
  }
}
@media(min-width:992px) and (max-width:1199px) {
  .PressRelease-Header .PressRelease-heading[b-whjwa9u346] {
    margin:30px;
  }
  .PressRelease-Start[b-whjwa9u346] {
    width:100%;
    padding:45px;
    margin-top:7px !important;
  }
  .PressRelease-Middle[b-whjwa9u346] {
    width:96%;
    padding:45px;
    margin:0;
  }
  .PressRelease-End[b-whjwa9u346] {
    width:100%;
    padding:45px;
    margin:0;
  }
  .PressRelease-Contact[b-whjwa9u346] {
    width:100%;
    padding:45px;
    margin:0;
  }
  .PressRelease-Contact.news[b-whjwa9u346] {
    margin-top:-72px;
  }
}

/* From PressReleaseIndex-wd.scss — this page's own .RelatedArticle block uses these rules. */
.RelatedArticle[b-whjwa9u346] {
  padding:0 112px;
  margin-bottom:50px;
}
@media(min-width:100px) and (max-width:991px) {
  .RelatedArticle[b-whjwa9u346] {
    padding:0 5px;
  }
}
@media(min-width:992px) and (max-width:1199px) {
  .RelatedArticle[b-whjwa9u346] {
    padding:0 25px;
  }
}
.RelatedArticle .HeadingSection[b-whjwa9u346] {
  position:relative;
  padding:0 15px;
  margin-bottom:17px;
  font-size:16px;
}
.RelatedArticle .HeadingSection h1[b-whjwa9u346] {
  margin:0;
  font-family: var(--wd-font-body);
  font-weight:bold;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
  font-size:2.25em;
  letter-spacing:-.59px;
  color:var(--wd-color-brand-red);
}
@media(min-width:768px) and (max-width:992px) {
  .RelatedArticle .HeadingSection h1[b-whjwa9u346] {
    font-size:1.5em;
  }
}
@media(min-width:100px) and (max-width:767px) {
  .RelatedArticle .HeadingSection h1[b-whjwa9u346] {
    font-size:1.375em;
  }
}
.RelatedArticle .HeadingSection .seeall_article[b-whjwa9u346] {
  position:absolute;
  right:0;
  top:0;
  right:27px;
  color:var(--wd-color-brand-red);
  text-decoration:none;
  cursor:pointer;
  margin:0;
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:700;
  font-stretch:normal;
  font-style:normal;
  line-height:1.56;
  letter-spacing:-.59px;
  border:none;
  background-color:transparent;
}
@media(min-width:992px) {
  .RelatedArticle .HeadingSection .seeall_article[b-whjwa9u346] {
    top:14px;
  }
}
.RelatedArticle .HeadingSection .seeall_article i[b-whjwa9u346] {
  position:relative;
  left:4px;
  font-weight:700;
}
.RelatedArticle .articleSection[b-whjwa9u346] {
  display:-webkit-box;
  overflow-x:scroll;
  overscroll-behavior:auto;
  scrollbar-width:none;
}
.RelatedArticle .articleSection[b-whjwa9u346]::-webkit-scrollbar {
  width:0;
}
.RelatedArticle .Article_Block[b-whjwa9u346] {
  padding:15px;
  margin:0;
}
@media(min-width:100px) and (max-width:992px) {
  .RelatedArticle .Article_Block[b-whjwa9u346] {
    max-width:269px;
  }
}
.RelatedArticle .Article_Block .Device-app[b-whjwa9u346] {
  width:100%;
}
.RelatedArticle .Article_Block .date[b-whjwa9u346] {
  margin-top:25px;
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1;
  letter-spacing:1.75px;
  color:#000;
}
.RelatedArticle .Article_Block .press_label[b-whjwa9u346] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:18.34px;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  margin:12px 0 24px 0;
}
.RelatedArticle .Article_Block .Tab-app[b-whjwa9u346] {
  max-width:100%;
  display:block;
}
.RelatedArticle .Article_Block .pd_left[b-whjwa9u346] {
  padding:0 25px;
}
@media(max-width:767px) {
  .RelatedArticle .Article_Block .pd_left[b-whjwa9u346] {
    padding:25px;
  }
}
.RelatedArticle .Article_Block .pd_left a[b-whjwa9u346] {
  font-family: var(--wd-font-body);
  font-size:1.625em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.23;
  letter-spacing:-.43px;
  color:var(--wd-color-text);
  margin-top:12px;
  display:inline-block;
}
.RelatedArticle .Article_Block .pd_left a:hover[b-whjwa9u346],.RelatedArticle .Article_Block .pd_left a:active[b-whjwa9u346],.RelatedArticle .Article_Block .pd_left a:focus[b-whjwa9u346] {
  color:var(--wd-color-brand-red);
  text-decoration:underline;
  cursor:pointer;
}
.RelatedArticle .Article_Block .card[b-whjwa9u346] {
  width:100%;
  height:fit-content;
  background:#fff;
  box-shadow:0 0 4px rgba(0,0,0,.25);
  border-radius:4px;
  padding:15px 15px 24px 15px;
}
.RelatedArticle .Article_Block .card .arrowright[b-whjwa9u346] {
  -webkit-transform:rotate(-45deg);
  border:solid var(--wd-color-brand-red);
  border-width:0 2px 2px 0;
  display:inline-block;
  padding:3px;
}
.RelatedArticle .Article_Block .card img[b-whjwa9u346] {
  width:100%;
  border-radius:4px;
}
.RelatedArticle .Article_Block .card img:hover[b-whjwa9u346],.RelatedArticle .Article_Block .card img:active[b-whjwa9u346],.RelatedArticle .Article_Block .card img:focus[b-whjwa9u346] {
  display:block !important;
  border-radius:4px;
}
.RelatedArticle .Article_Block .card h3[b-whjwa9u346] {
  font-size:1.25em;
  color:var(--wd-color-text);
  font-weight:700;
  letter-spacing:-.59px;
}
.RelatedArticle .Article_Block .card a[b-whjwa9u346] {
  font-weight:bold;
  color:var(--wd-color-text);
  display:block;
}
.RelatedArticle .Article_Block .card a:hover[b-whjwa9u346],.RelatedArticle .Article_Block .card a:active[b-whjwa9u346],.RelatedArticle .Article_Block .card a:focus[b-whjwa9u346] {
  text-decoration:underline;
  color:var(--wd-color-brand-red);
}
.RelatedArticle .Article_Block .card a.readmore[b-whjwa9u346] {
  color:var(--wd-color-brand-red);
}
.RelatedArticle .Article_Block .card a.readmore:hover[b-whjwa9u346],.RelatedArticle .Article_Block .card a.readmore:active[b-whjwa9u346],.RelatedArticle .Article_Block .card a.readmore:focus[b-whjwa9u346] {
  text-decoration:none;
}

/* Page shell width. The shared .container-fluid__full carries a max-width cap (see
   _app-wd-legacy-content.scss) that exists because ~18 templates render straight from that
   wrapper without live's nested .container. This page is not one of them — live renders it
   full-bleed, and measured against live the capped shell came out 270px narrower, which then
   shortened every line of the heading and intro. Un-capped for this route only, leaving the
   shared rule untouched for the templates that need it. */
.container-fluid__full[b-whjwa9u346] {
  max-width:100%;
}
/* /Components/Pages/PressIndex.razor.rz.scp.css */
/* Scoped to PressIndex.razor. Moved from wwwroot/scss/WD/PressReleaseIndex-wd.scss (was linked
   as a page-specific <link> in this page's HeadContent — shared with PressDetail.razor, which
   also renders a .RelatedArticle block using this same file's rules; see
   PressDetail.razor.css's header comment for why that page keeps its own full copy). A
   byte-for-byte duplicate keyframes/btn-dot-loading block was removed — same boilerplate seen
   across several other per-page bundles (see StoreDetails.razor.css); this page renders no
   button using it, so it's dropped entirely rather than kept unused. */

/* Un-caps the shared page shell for /media and /press only. _app-wd-legacy-content.scss caps
   .container-fluid__full at max-width:1170px for the ~18 page templates that render straight
   from that wrapper with no nested .container to constrain width — see that rule's own comment.
   Same pattern as about_contact.css/indirect-suppliers.css: scoped here (Blazor's component CSS
   isolation adds the scope attribute to this page's own .container-fluid__full element) rather
   than touching the shared rule, so the other shells keep the cap. */
.container-fluid__full[b-k2mejl8jma] {
  max-width: 100%;
}

.PressReleaseIndex-Header[b-k2mejl8jma] {
  display:flex;
  flex-direction:row-reverse;
  background-color:var(--wd-color-surface-alt);
  justify-content:space-between;
}
.PressReleaseIndex-Header .Desk-app[b-k2mejl8jma] {
  height:100%;
}
.PressReleaseIndex-Header .PressRelease-heading[b-k2mejl8jma] {
  margin:100px;
  margin-right:0 !important;
  padding-left:12px;
  background-color:var(--wd-color-surface-alt);
}
.PressReleaseIndex-Header .PressRelease-heading h1[b-k2mejl8jma] {
  margin:0 0 23px;
  font-family: var(--wd-font-body);
  font-size:2.25em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.59px;
  color:var(--wd-color-text);
  width:90%;
}
.PressReleaseIndex-Header .PressRelease-heading p[b-k2mejl8jma] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.33;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  width:95%;
}
/* ::deep required: these <a> tags come from LinkifyIntro's MarkupString (raw HTML), so Blazor's
   CSS isolation never stamps them with this page's scope attribute — a plain "p a" selector
   silently never matches them. */
.PressReleaseIndex-Header .PressRelease-heading p[b-k2mejl8jma]  a {
  text-decoration:underline;
  cursor:pointer;
  color:var(--wd-color-brand-red);
  display:inline-block;
}
.PressReleaseIndex-Header .PressRelease-heading .btnMediaDownload[b-k2mejl8jma] {
  margin-top:31px;
}
@media(min-width:100px) and (max-width:767px) {
  .PressReleaseIndex-Header .PressRelease-heading .btnMediaDownload[b-k2mejl8jma] {
    margin:25px auto 30px auto;
    display:table;
  }
}
.PressReleaseIndex-Header .PressRelease-heading .btnMediaDownload .btn-mediakit[b-k2mejl8jma] {
  padding:11px 10px;
  height:48px;
  width:217px;
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}
.PressReleaseIndex-Header .PressRelease-heading .btnMediaDownload .btn-mediakit:hover[b-k2mejl8jma] {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
}
.PressReleaseIndex-Header .PressRelease-heading .btnMediaDownload .btn-mediakit:focus[b-k2mejl8jma] {
  border:solid 2px #fff !important;
}
@media(min-width:768px) and (max-width:991px) {
  .PressReleaseIndex-Header .PressRelease-heading .btnMediaDownload .btn-mediakit[b-k2mejl8jma] {
    font-size:1.125em;
  }
}
@media(min-width:100px) and (max-width:767px) {
  .PressReleaseIndex-Header .PressRelease-heading .btnMediaDownload .btn-mediakit[b-k2mejl8jma] {
    font-size:1.125em;
  }
}
.pressRelease_main[b-k2mejl8jma] {
  padding:0 112px;
  margin-bottom:32px;
}
@media(min-width:100px) and (max-width:991px) {
  .pressRelease_main[b-k2mejl8jma] {
    padding:0 32px;
  }
}
@media(min-width:992px) and (max-width:1199px) {
  .pressRelease_main[b-k2mejl8jma] {
    padding:0 46px;
  }
}
.pressRelease_main .pressRelease_Block[b-k2mejl8jma] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  background-color:#fff;
  padding:0;
  margin-bottom:1px;
  margin-top:32px;
}
.pressRelease_main .pressRelease_Block .Device-app[b-k2mejl8jma] {
  width:100%;
}
.pressRelease_main .pressRelease_Block .Desk-app[b-k2mejl8jma],.pressRelease_main .pressRelease_Block .Tab-app[b-k2mejl8jma] {
  height:100%;
}
.pressRelease_main .pressRelease_Block .date[b-k2mejl8jma] {
  margin-top:25px;
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1;
  letter-spacing:1.75px;
  color:#000;
}
.pressRelease_main .pressRelease_Block p[b-k2mejl8jma],.pressRelease_main .pressRelease_Block .press_label[b-k2mejl8jma] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.56;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  margin-top:12px;
}
.pressRelease_main .pressRelease_Block .Tab-app[b-k2mejl8jma] {
  max-width:100%;
  display:block;
}
.pressRelease_main .pressRelease_Block .pd_left[b-k2mejl8jma] {
  padding:0 25px;
}
@media(max-width:767px) {
  .pressRelease_main .pressRelease_Block .pd_left[b-k2mejl8jma] {
    padding:25px;
  }
}
.pressRelease_main .pressRelease_Block .pd_left a[b-k2mejl8jma] {
  font-family: var(--wd-font-body);
  font-size:1.625em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.23;
  letter-spacing:-.43px;
  color:var(--wd-color-text);
  margin-top:12px;
  display:inline-block;
}
.pressRelease_main .pressRelease_Block .pd_left a:hover[b-k2mejl8jma],.pressRelease_main .pressRelease_Block .pd_left a:active[b-k2mejl8jma],.pressRelease_main .pressRelease_Block .pd_left a:focus[b-k2mejl8jma] {
  color:var(--wd-color-brand-red);
  text-decoration:underline;
  cursor:pointer;
}
.pressRelease_main .pagination_main[b-k2mejl8jma] {
  text-align:center;
  padding-top:24px;
}
@media(max-width:767px) {
  .pressRelease_main .pagination_main[b-k2mejl8jma] {
    display:flex;
    justify-content:center;
  }
}
.pressRelease_main .pagination_main .pagination[b-k2mejl8jma] {
  display:flex;
  justify-content:center;
  margin:0;
}
.pressRelease_main .pagination_main .pagination a[b-k2mejl8jma] {
  color:var(--wd-color-text);
  float:left;
  padding:11px 9px;
  text-decoration:none;
  font-size:1.125em;
  font-weight:500;
  cursor:pointer;
  letter-spacing:.2px;
  white-space:nowrap;
  min-width:42px;
  min-height:44px;
  border:none;
  border-radius:8px;
  margin:0 3px;
}
@media(max-width:767px) {
  .pressRelease_main .pagination_main .pagination a[b-k2mejl8jma] {
    margin:0;
  }
}
.pressRelease_main .pagination_main .pagination a i[b-k2mejl8jma] {
  font:normal normal 23px/1 FontAwesome;
  position:relative;
  top:2px;
}
@media(max-width:440px) {
  .pressRelease_main .pagination_main .pagination a i[b-k2mejl8jma] {
    font:normal normal 22px/1 FontAwesome;
  }
}
@media(max-width:767px) {
  .pressRelease_main .pagination_main .pagination a[b-k2mejl8jma] {
    min-width:28px;
    min-height:30px;
    padding:4px 3px;
  }
}
@media(max-width:440px) {
  .pressRelease_main .pagination_main .pagination a[b-k2mejl8jma] {
    font-size:.875em;
  }
}
@media(max-width:440px) {
  .pressRelease_main .pagination_main .pagination a.pre-next[b-k2mejl8jma] {
    padding:0;
  }
}
.pressRelease_main .pagination_main .pagination a:hover:not([disabled])[b-k2mejl8jma],.pressRelease_main .pagination_main .pagination a:focus:not([disabled])[b-k2mejl8jma] {
  background-color:rgba(200,16,46,.1) !important;
  font-weight:700 !important;
}
.pressRelease_main .pagination_main .pagination a:hover:not([disabled]) i[b-k2mejl8jma],.pressRelease_main .pagination_main .pagination a:focus:not([disabled]) i[b-k2mejl8jma] {
  font-weight:700;
}
.pressRelease_main .pagination_main .pagination a.active_page[b-k2mejl8jma] {
  background-color:var(--wd-color-brand-red) !important;
  font-weight:800 !important;
  color:#fff !important;
  margin:0 4px;
  text-decoration:underline;
  text-underline-position:under;
}
@media(max-width:767px) {
  .pressRelease_main .pagination_main .pagination a.active_page[b-k2mejl8jma] {
    margin:0 2px;
  }
}
.pressRelease_main .pagination_main .pagination a.active_page:hover:not([disabled])[b-k2mejl8jma],.pressRelease_main .pagination_main .pagination a.active_page:focus:not([disabled])[b-k2mejl8jma] {
  background-color:var(--wd-color-brand-red) !important;
  font-weight:800 !important;
  color:#fff !important;
}
.pressRelease_main .pagination_main .pagination a.disabled[b-k2mejl8jma] {
  background-color:#fff !important;
  color:var(--wd-color-text) !important;
  pointer-events:none;
  cursor:initial;
}
.pressRelease_main .pagination_main .pagination a.disabled:hover[b-k2mejl8jma],.pressRelease_main .pagination_main .pagination a.disabled:focus[b-k2mejl8jma] {
  background-color:#fff !important;
  color:var(--wd-color-text) !important;
}
@media(min-width:768px) and (max-width:991px) {
  .PressReleaseIndex-Header .Header-image[b-k2mejl8jma] {
    margin:0;
  }
  .PressReleaseIndex-Header .PressRelease-heading[b-k2mejl8jma] {
    margin:0;
    padding-left:33px;
  }
  .PressReleaseIndex-Header .PressRelease-heading h1[b-k2mejl8jma] {
    width:100%;
    margin:0;
    line-height:1.17;
    margin-top:40px;
    padding-bottom:16px;
  }
  .PressReleaseIndex-Header .PressRelease-heading p[b-k2mejl8jma] {
    width:100%;
    padding-top:16px;
  }
}
@media(min-width:100px) and (max-width:767px) {
  .PressReleaseIndex-Header[b-k2mejl8jma] {
    display:block;
    flex-direction:inherit;
  }
  .PressReleaseIndex-Header .Header-image[b-k2mejl8jma] {
    margin:0;
  }
  .PressReleaseIndex-Header .Header-image .Device-app[b-k2mejl8jma] {
    width:100%;
  }
  .PressReleaseIndex-Header .PressRelease-heading[b-k2mejl8jma] {
    margin:0;
    padding:0 20px;
    text-align:center;
  }
  .PressReleaseIndex-Header .PressRelease-heading h1[b-k2mejl8jma] {
    width:100%;
    margin:0 auto;
    text-align:center;
    padding:16px;
  }
  .PressReleaseIndex-Header .PressRelease-heading p[b-k2mejl8jma] {
    width:100%;
    text-align:center;
    padding:16px;
    padding-top:0 !important;
  }
}
@media(min-width:992px) and (max-width:1199px) {
  .PressReleaseIndex-Header .PressRelease-heading[b-k2mejl8jma] {
    margin:30px;
    margin-right:0 !important;
  }
}
.RelatedArticle[b-k2mejl8jma] {
  padding:0 112px;
  margin-bottom:50px;
}
@media(min-width:100px) and (max-width:991px) {
  .RelatedArticle[b-k2mejl8jma] {
    padding:0 5px;
  }
}
@media(min-width:992px) and (max-width:1199px) {
  .RelatedArticle[b-k2mejl8jma] {
    padding:0 25px;
  }
}
.RelatedArticle .HeadingSection[b-k2mejl8jma] {
  position:relative;
  padding:0 15px;
  margin-bottom:17px;
  font-size:16px;
}
.RelatedArticle .HeadingSection h1[b-k2mejl8jma] {
  margin:0;
  font-family: var(--wd-font-body);
  font-weight:bold;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
  font-size:2.25em;
  letter-spacing:-.59px;
  color:var(--wd-color-brand-red);
}
@media(min-width:768px) and (max-width:992px) {
  .RelatedArticle .HeadingSection h1[b-k2mejl8jma] {
    font-size:1.5em;
  }
}
@media(min-width:100px) and (max-width:767px) {
  .RelatedArticle .HeadingSection h1[b-k2mejl8jma] {
    font-size:1.375em;
  }
}
.RelatedArticle .HeadingSection .seeall_article[b-k2mejl8jma] {
  position:absolute;
  right:0;
  top:0;
  right:27px;
  color:var(--wd-color-brand-red);
  text-decoration:none;
  cursor:pointer;
  margin:0;
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:700;
  font-stretch:normal;
  font-style:normal;
  line-height:1.56;
  letter-spacing:-.59px;
  border:none;
  background-color:transparent;
}
@media(min-width:992px) {
  .RelatedArticle .HeadingSection .seeall_article[b-k2mejl8jma] {
    top:14px;
  }
}
.RelatedArticle .HeadingSection .seeall_article i[b-k2mejl8jma] {
  position:relative;
  left:4px;
  font-weight:700;
}
.RelatedArticle .articleSection[b-k2mejl8jma] {
  display:-webkit-box;
  overflow-x:scroll;
  overscroll-behavior:auto;
  scrollbar-width:none;
}
.RelatedArticle .articleSection[b-k2mejl8jma]::-webkit-scrollbar {
  width:0;
}
.RelatedArticle .Article_Block[b-k2mejl8jma] {
  padding:15px;
  margin:0;
}
@media(min-width:100px) and (max-width:992px) {
  .RelatedArticle .Article_Block[b-k2mejl8jma] {
    max-width:269px;
  }
}
.RelatedArticle .Article_Block .Device-app[b-k2mejl8jma] {
  width:100%;
}
.RelatedArticle .Article_Block .date[b-k2mejl8jma] {
  margin-top:25px;
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1;
  letter-spacing:1.75px;
  color:#000;
}
.RelatedArticle .Article_Block p[b-k2mejl8jma] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:18.34px;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  margin:12px 0 24px 0;
}
.RelatedArticle .Article_Block .Tab-app[b-k2mejl8jma] {
  max-width:100%;
  display:block;
}
.RelatedArticle .Article_Block .pd_left[b-k2mejl8jma] {
  padding:0 25px;
}
@media(max-width:767px) {
  .RelatedArticle .Article_Block .pd_left[b-k2mejl8jma] {
    padding:25px;
  }
}
.RelatedArticle .Article_Block .pd_left a[b-k2mejl8jma] {
  font-family: var(--wd-font-body);
  font-size:1.625em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.23;
  letter-spacing:-.43px;
  color:var(--wd-color-text);
  margin-top:12px;
  display:inline-block;
}
.RelatedArticle .Article_Block .pd_left a:hover[b-k2mejl8jma],.RelatedArticle .Article_Block .pd_left a:active[b-k2mejl8jma],.RelatedArticle .Article_Block .pd_left a:focus[b-k2mejl8jma] {
  color:var(--wd-color-brand-red);
  text-decoration:underline;
  cursor:pointer;
}
.RelatedArticle .Article_Block .card[b-k2mejl8jma] {
  width:100%;
  height:fit-content;
  background:#fff;
  box-shadow:0 0 4px rgba(0,0,0,.25);
  border-radius:4px;
  padding:15px 15px 24px 15px;
}
.RelatedArticle .Article_Block .card .arrowright[b-k2mejl8jma] {
  -webkit-transform:rotate(-45deg);
  border:solid var(--wd-color-brand-red);
  border-width:0 2px 2px 0;
  display:inline-block;
  padding:3px;
}
.RelatedArticle .Article_Block .card img[b-k2mejl8jma] {
  width:100%;
  border-radius:4px;
}
.RelatedArticle .Article_Block .card img:hover[b-k2mejl8jma],.RelatedArticle .Article_Block .card img:active[b-k2mejl8jma],.RelatedArticle .Article_Block .card img:focus[b-k2mejl8jma] {
  display:block !important;
  border-radius:4px;
}
.RelatedArticle .Article_Block .card h3[b-k2mejl8jma] {
  font-size:1.25em;
  color:var(--wd-color-text);
  font-weight:700;
  letter-spacing:-.59px;
}
.RelatedArticle .Article_Block .card a[b-k2mejl8jma] {
  font-weight:bold;
  color:var(--wd-color-text);
  display:block;
}
.RelatedArticle .Article_Block .card a:hover[b-k2mejl8jma],.RelatedArticle .Article_Block .card a:active[b-k2mejl8jma],.RelatedArticle .Article_Block .card a:focus[b-k2mejl8jma] {
  text-decoration:underline;
  color:var(--wd-color-brand-red);
}
.RelatedArticle .Article_Block .card a.readmore[b-k2mejl8jma] {
  color:var(--wd-color-brand-red);
}
.RelatedArticle .Article_Block .card a.readmore:hover[b-k2mejl8jma],.RelatedArticle .Article_Block .card a.readmore:active[b-k2mejl8jma],.RelatedArticle .Article_Block .card a.readmore:focus[b-k2mejl8jma] {
  text-decoration:none;
}
/* /Components/Pages/ProductSurvey.razor.rz.scp.css */
/* Scoped to ProductSurvey.razor. Moved from wwwroot/scss/WD/productSurvey-WD.scss (was linked
   as a page-specific <link> in ProductSurvey.razor's HeadContent). A byte-for-byte duplicate
   keyframes/btn-dot-loading block was removed — same boilerplate seen across several other
   per-page bundles (see StoreDetails.razor.css); this page renders no button using it, so it's
   dropped entirely rather than kept unused. */

._productDetails[b-427et5e4bf] {
  border:solid 1px #d0d0d0;
  box-shadow:0 0 5px #d0d0d0;
  margin:20px auto;
  margin-top:-35px;
  width:439px;
  height:198px;
  padding:15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#fff;
  padding:60px;
}
@media(max-width:767px) {
  ._productDetails[b-427et5e4bf] {
    width:auto;
    margin:60px;
    display:block;
    height:auto;
    text-align:center;
    padding:25px;
    margin-top:-25px;
    margin-bottom:25px;
  }
}
@media(max-width:1023px) {
  ._productDetails[b-427et5e4bf] {
    margin-top:-25px;
  }
}
._productDetails img[b-427et5e4bf] {
  width:auto;
  height:100px;
}
._productDetails span[b-427et5e4bf] {
  display:block;
}
._productDetails .product_description[b-427et5e4bf] {
  margin:0 35px;
  text-align:center;
}
@media(max-width:767px) {
  ._productDetails .product_description[b-427et5e4bf] {
    margin-top:25px;
  }
}
._productDetails .product__name[b-427et5e4bf] {
  font-size:1.25em;
  color:var(--wd-color-brand-red);
  font-weight:bold;
}
._productDetails .product__head[b-427et5e4bf] {
  font-size:1em;
}
._productDetails .product__qty[b-427et5e4bf] {
  font-size:.625em;
}
._productSurvey[b-427et5e4bf] {
  width:644px;
  margin:40px auto;
  padding:40px 60px;
  background:#fff 0% 0% no-repeat padding-box;
  box-shadow:0 0 5px #d0d0d0;
  opacity:1;
  font-family: var(--wd-font-body);
  font-weight:normal;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
}
@media(max-width:767px) {
  ._productSurvey[b-427et5e4bf] {
    width:auto;
    margin:30px;
    padding:30px 10px;
  }
}
._productSurvey .div__feedback[b-427et5e4bf] {
  border:solid 1px #d0d0d0;
  padding:10px;
  box-shadow:0 0 2px #d0d0d0;
  height:72px;
  margin-top:20px;
}
@media(max-width:767px) {
  ._productSurvey .div__feedback[b-427et5e4bf] {
    height:auto;
    border:none;
    box-shadow:none;
  }
}
._productSurvey .div__feedback .div__feedback__radio[b-427et5e4bf] {
  display:grid;
  text-align:center;
  margin:10px 0;
  cursor:pointer;
}
._productSurvey .div__feedback .div__feedback__radio [type="radio"][b-427et5e4bf] {
  text-align:center;
  margin:0 auto;
}
._productSurvey .div__feedback .radio[b-427et5e4bf] {
  margin:5px;
  margin-left:0;
  margin-bottom:0;
}
._productSurvey .div__feedback .radio input[type="radio"][b-427et5e4bf] {
  position:absolute;
  opacity:0;
}
._productSurvey .div__feedback .radio input[type="radio"]+.radio-label[b-427et5e4bf] {
  padding:0 10px;
}
._productSurvey .div__feedback .radio input[type="radio"]+.radio-label[b-427et5e4bf]:after {
  content:'';
  background:#fff;
  border-radius:100%;
  border:1px solid #bfbfbf;
  display:inline-block;
  width:16px;
  height:16px;
  position:relative;
  margin-right:10px;
  vertical-align:top;
  cursor:pointer;
  text-align:center;
  transition:all 250ms ease;
}
._productSurvey .div__feedback .radio input[type="radio"]:checked+.radio-label[b-427et5e4bf]:after {
  background-color:var(--wd-color-brand-red);
  box-shadow:inset 0 0 0 2px #fff;
  border:solid 1px var(--wd-color-brand-red);
}
._productSurvey .div__feedback .radio input[type="radio"]:focus+.radio-label[b-427et5e4bf]:after {
  border-color:var(--wd-color-brand-red);
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}
._productSurvey .div__feedback .radio input[type="radio"]:disabled+.radio-label[b-427et5e4bf]:after {
  box-shadow:inset 0 0 0 2px #fff;
  border-color:#bfbfbf;
  background:#bfbfbf;
}
._productSurvey .div__feedback .radio input[type="radio"]+.radio-label:empty[b-427et5e4bf]:after {
  margin-right:0;
}
._productSurvey .div__feedback ul[b-427et5e4bf],._productSurvey .div__feedback input[b-427et5e4bf] {
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
}
._productSurvey .div__feedback ul[b-427et5e4bf] {
  position:relative;
  list-style-type:none;
  padding:0;
}
@media(max-width:767px) {
  ._productSurvey .div__feedback ul[b-427et5e4bf] {
    display:flex;
    flex-wrap:wrap;
  }
}
._productSurvey .div__feedback ul li[b-427et5e4bf] {
  float:left;
  margin:0 5px 0 0;
  width:100px;
  height:40px;
  position:relative;
}
@media(max-width:767px) {
  ._productSurvey .div__feedback ul li[b-427et5e4bf] {
    width:48%;
    height:calc(100%);
    display:flex;
    align-items:center;
    margin:5px 5px 5px 0;
    justify-content:center;
  }
}
._productSurvey .div__feedback ul input[type="radio"][b-427et5e4bf] {
  opacity:.01;
  z-index:100;
}
._productSurvey .div__feedback ul input[type="radio"]:checked+label[b-427et5e4bf],._productSurvey .div__feedback ul input[type="radio"] .Checked+label[b-427et5e4bf] {
  background:var(--wd-color-brand-red);
}
._productSurvey .div__feedback ul input[type="radio"]:checked+label[b-427et5e4bf] {
  color:#fff;
}
._productSurvey .div__feedback ul input[type="radio"]:focus+label[b-427et5e4bf] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}
._productSurvey .div__feedback ul label[b-427et5e4bf] {
  padding:5px;
  border:1px solid #ccc;
  cursor:pointer;
  z-index:90;
  border-radius:10px;
  width:132px;
  height:30px;
  text-align:center;
}
._productSurvey .div__feedback ul label:focus[b-427et5e4bf] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}
@media(max-width:767px) {
  ._productSurvey .div__feedback ul label[b-427et5e4bf] {
    height:auto;
  }
}
._productSurvey table.div__feedback tbody td[b-427et5e4bf] {
  border:none;
}
._productSurvey table.div__feedback tbody td:first-child[b-427et5e4bf],._productSurvey table.div__feedback tbody td:last-child[b-427et5e4bf] {
  border:none;
}
._productSurvey h3[b-427et5e4bf] {
  font-size:18px;
}
._productSurvey h2[b-427et5e4bf] {
  width:208px;
  text-align:right;
  border-bottom:solid 2px var(--wd-color-brand-red);
  margin-left:-60px;
  color:var(--wd-color-brand-red);
  padding:10px 0;
  font-family: var(--wd-font-body);
  font-weight:bold;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
  font-size:1.563em;
}
@media(max-width:767px) {
  ._productSurvey h2[b-427et5e4bf] {
    margin-left:-12px;
    width:155px;
  }
}
._productSurvey ._questionbox span[b-427et5e4bf] {
  font-size:9px;
  font-style:italic;
}
@media(max-width:767px) {
  ._productSurvey ._questionbox span[b-427et5e4bf] {
    margin-left:25px;
  }
}
@media(max-width:767px) {
  ._productSurvey ._questionbox h3[b-427et5e4bf] {
    margin-left:25px;
  }
}
._productSurvey .radio_btn .radio input[type="radio"][b-427et5e4bf] {
  position:absolute;
  opacity:0;
}
._productSurvey .radio_btn .radio input[type="radio"].focus+.radio-label[b-427et5e4bf] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}
._productSurvey .radio_btn .radio input[type="radio"]+.radio-label[b-427et5e4bf] {
  padding-left:0;
}
._productSurvey .radio_btn .radio input[type="radio"]+.radio-label[b-427et5e4bf]:before {
  content:'';
  background:#fff;
  border-radius:100%;
  border:1px solid #bfbfbf;
  display:inline-block;
  width:16px;
  height:16px;
  position:relative;
  margin-right:10px;
  vertical-align:top;
  cursor:pointer;
  text-align:center;
  transition:all 250ms ease;
}
._productSurvey .radio_btn .radio input[type="radio"]:checked+.radio-label[b-427et5e4bf]:before {
  background-color:var(--wd-color-brand-red);
  box-shadow:inset 0 0 0 2px #fff;
  border:solid 1px var(--wd-color-brand-red);
}
._productSurvey .radio_btn .radio input[type="radio"]:focus+.radio-label[b-427et5e4bf]:before {
  border-color:var(--wd-color-brand-red);
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}
._productSurvey .radio_btn .radio input[type="radio"]:disabled+.radio-label[b-427et5e4bf]:before {
  box-shadow:inset 0 0 0 2px #fff;
  border-color:#bfbfbf;
  background:#bfbfbf;
}
._productSurvey .radio_btn .radio input[type="radio"]+.radio-label:empty[b-427et5e4bf]:before {
  margin-right:0;
}
._productSurvey .radio_btn ul[b-427et5e4bf],._productSurvey .radio_btn input[b-427et5e4bf] {
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
}
._productSurvey .radio_btn ul[b-427et5e4bf] {
  position:relative;
  list-style-type:none;
  padding:0;
}
@media(max-width:767px) {
  ._productSurvey .radio_btn ul[b-427et5e4bf] {
    display:flex;
    flex-wrap:wrap;
  }
}
._productSurvey .radio_btn ul li[b-427et5e4bf] {
  float:left;
  margin:0 5px 0 0;
  width:100px;
  height:40px;
  position:relative;
}
@media(max-width:767px) {
  ._productSurvey .radio_btn ul li[b-427et5e4bf] {
    width:48%;
    height:calc(100%);
    display:flex;
    align-items:center;
    margin:5px 5px 5px 0;
    justify-content:center;
  }
}
._productSurvey .radio_btn ul input[type="radio"][b-427et5e4bf] {
  opacity:.01;
  z-index:100;
}
._productSurvey .radio_btn ul input[type="radio"]:checked+label[b-427et5e4bf],._productSurvey .radio_btn ul input[type="radio"] .Checked+label[b-427et5e4bf] {
  background:var(--wd-color-brand-red);
}
._productSurvey .radio_btn ul input[type="radio"]:checked+label[b-427et5e4bf] {
  color:#fff;
}
._productSurvey .radio_btn ul input[type="radio"]:focus+label[b-427et5e4bf] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}
._productSurvey .radio_btn ul label[b-427et5e4bf] {
  padding:5px;
  border:1px solid #ccc;
  cursor:pointer;
  z-index:90;
  border-radius:10px;
  width:132px;
  height:30px;
  text-align:center;
}
._productSurvey .radio_btn ul label:focus[b-427et5e4bf] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}
@media(max-width:767px) {
  ._productSurvey .radio_btn ul label[b-427et5e4bf] {
    height:auto;
  }
}
._productSurvey .feedback_mob[b-427et5e4bf] {
  border:solid 1px #d0d0d0;
  padding:10px;
  text-align:center;
  margin:15px 0;
}
._productSurvey .feedback_mob h3[b-427et5e4bf] {
  color:var(--wd-color-brand-red);
  font-size:20px;
  font-weight:bold;
  margin-top:10px;
}
@media(max-width:767px) {
  ._productSurvey .feedback_mob h3[b-427et5e4bf] {
    margin-left:0;
  }
}
._productSurvey .yesNo[b-427et5e4bf] {
  width:120px;
  height:auto;
  background:#fff 0% 0% no-repeat padding-box;
  box-shadow:0 0 2px #d0d0d0;
  opacity:1;
  text-align:center;
  padding:10px;
  margin-top:20px;
  font-weight:bold;
  border:solid 1px #d0d0d0;
}
._productSurvey .yesNo [type="radio"][b-427et5e4bf] {
  margin:0 auto;
  width:16px;
  height:16px;
}
._productSurvey .yesNo label[b-427et5e4bf] {
  margin:0 auto;
  vertical-align:middle;
  padding-left:5px;
  font-weight:bold;
}
._productSurvey .yesNo_mob[b-427et5e4bf] {
  padding-bottom:30px;
}
._productSurvey .yesNo_mob ul[b-427et5e4bf],._productSurvey .yesNo_mob input[b-427et5e4bf] {
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
}
._productSurvey .yesNo_mob ul[b-427et5e4bf] {
  position:relative;
  list-style-type:none;
  padding:0;
}
@media(max-width:767px) {
  ._productSurvey .yesNo_mob ul[b-427et5e4bf] {
    margin:0 25px;
  }
}
._productSurvey .yesNo_mob ul li[b-427et5e4bf] {
  float:left;
  margin:0 5px 0 0;
  width:auto;
  height:40px;
  position:relative;
}
@media(max-width:767px) {
  ._productSurvey .yesNo_mob ul li[b-427et5e4bf] {
    width:48%;
    height:calc(100%);
    display:flex;
    align-items:center;
    margin:5px 5px 5px 0;
    justify-content:center;
  }
}
._productSurvey .yesNo_mob ul input[type="radio"][b-427et5e4bf] {
  opacity:.01;
  z-index:100;
}
._productSurvey .yesNo_mob ul input[type="radio"]:focus+label[b-427et5e4bf] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}
._productSurvey .yesNo_mob ul input[type="radio"]:checked+label[b-427et5e4bf],._productSurvey .yesNo_mob ul input[type="radio"] .Checked+label[b-427et5e4bf] {
  background:var(--wd-color-brand-red);
}
._productSurvey .yesNo_mob ul input[type="radio"]:checked+label[b-427et5e4bf] {
  color:#fff;
}
._productSurvey .yesNo_mob ul label[b-427et5e4bf] {
  padding:5px;
  border:1px solid #ccc;
  cursor:pointer;
  z-index:90;
  border-radius:10px;
  width:132px;
  height:30px;
  text-align:center;
}
._productSurvey .yesNo_mob ul label:focus[b-427et5e4bf] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}
@media(max-width:767px) {
  ._productSurvey .yesNo_mob ul label[b-427et5e4bf] {
    height:auto;
  }
}
._productSurvey *[b-427et5e4bf],._productSurvey *[b-427et5e4bf]:after,._productSurvey *[b-427et5e4bf]:before {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
._productSurvey hr[b-427et5e4bf] {
  width:50%;
  margin:35px auto;
  border-top:solid 1px #d0d0d0;
  float:none;
}
._productSurvey table[b-427et5e4bf] {
  width:100%;
  margin:10px auto;
  font-size:.875em;
  border-collapse:separate;
  border-spacing:0 7px;
}
._productSurvey table .tblRadio[b-427et5e4bf] {
  width:16px;
  height:16px;
}
._productSurvey table thead[b-427et5e4bf] {
  color:var(--wd-color-text);
}
._productSurvey table td[b-427et5e4bf] {
  vertical-align:middle;
  text-align:center;
  position:relative;
  padding:0 10px;
  font-size:.75em;
}
._productSurvey table td:first-child[b-427et5e4bf] {
  padding-left:30px;
}
._productSurvey table td:last-child[b-427et5e4bf] {
  padding-right:30px;
}
._productSurvey table tbody td[b-427et5e4bf] {
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  font-weight:bold;
}
._productSurvey table tbody td:first-child[b-427et5e4bf] {
  border-left:1px solid #eee;
  text-align:left;
  padding-left:30px;
}
._productSurvey table tbody td:last-child[b-427et5e4bf] {
  border-right:1px solid #eee;
  padding-right:30px;
}
._productSurvey .dv__Comments[b-427et5e4bf] {
  margin-top:20px;
}
._productSurvey .dv__Comments .txtComments[b-427et5e4bf] {
  width:100%;
  height:100px;
  border:.5px solid #d0d0d0;
  opacity:1;
  font-family: var(--wd-font-body);
  font-weight:normal;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
}
@media(max-width:767px) {
  ._productSurvey .dv__Comments .txtComments[b-427et5e4bf] {
    margin:0 25px;
    padding:10px;
    width:-webkit-fill-available;
  }
}
._productSurvey .dv__submit[b-427et5e4bf] {
  text-align:center;
  margin-top:35px;
}
@media(max-width:767px) {
  ._productSurvey .dv__submit[b-427et5e4bf] {
    margin-top:30px;
  }
}
._productSurvey .dv__submit .btnSubmit[b-427et5e4bf] {
  width:137px;
  height:46px;
  opacity:1;
  font-size:17px;
  font-family: var(--wd-font-body);
  font-weight:normal;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
  font-weight:bold;
  font-family: var(--wd-font-body);
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}
._productSurvey .dv__submit .btnSubmit:hover[b-427et5e4bf] {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
}
._productSurvey .dv__submit .btnSubmit:focus[b-427et5e4bf] {
  border:solid 2px #fff !important;
}
._productSurvey .dv__submit .btnSubmit:disabled[b-427et5e4bf] {
  color:var(--wd-color-text);
}
.shoponline__overview .container[b-427et5e4bf] {
  max-width:100%;
}
.container[b-427et5e4bf] {
  max-width:100%;
}
@media(min-width:768px) {
  .container[b-427et5e4bf] {
    max-width:100%;
    width:100%;
  }
}
.container-fluid[b-427et5e4bf] {
  max-width:100%;
}
.Survey_congrats .container[b-427et5e4bf] {
  max-width:100%;
}
@media(min-width:768px) {
  .Survey_congrats .container[b-427et5e4bf] {
    max-width:100% !important;
    width:100% !important;
  }
}
.Survey_congrats .banner_image[b-427et5e4bf] {
  width:100%;
  margin-top:12px;
  text-align:center;
}
@media(max-width:371px) {
  .Survey_congrats .banner_image img[b-427et5e4bf] {
    width:100%;
  }
}
.Survey_congrats .shoponline__overview[b-427et5e4bf] {
  background-color:var(--wd-color-bread);
  padding:45px 180px;
  padding-bottom:70px;
}
.Survey_congrats .shoponline__overview .p-20[b-427et5e4bf] {
  padding:20px 24px;
}
.Survey_congrats .shoponline__overview .bg_white[b-427et5e4bf] {
  background-color:#fff;
  border-left:15px solid var(--wd-color-brand-red);
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
}
.Survey_congrats .shoponline__overview .bg_white .delivery[b-427et5e4bf] {
  padding:32px 24px;
  display:flex;
  align-items:center;
}
.Survey_congrats .shoponline__overview .bg_white .delivery h2[b-427et5e4bf] {
  margin-top:5px;
  margin-bottom:8px;
  font-weight:800;
  color:var(--wd-color-brand-red);
  text-align:center;
  font-family: var(--wd-font-body);
}
.Survey_congrats .shoponline__overview .bg_white .delivery p[b-427et5e4bf] {
  text-align:center;
  font-size:.938em;
}
.Survey_congrats .shoponline__overview .bg_white .delivery ul li[b-427et5e4bf] {
  padding-left:15px;
}
@media only screen and (max-width:1023px) and (min-width:768px) {
  .Survey_congrats .shoponline__overview[b-427et5e4bf] {
    padding:45px 30px;
  }
  .Survey_congrats .shoponline__overview .bg_white[b-427et5e4bf] {
    margin:0;
    width:auto !important;
  }
  .Survey_congrats .shoponline__overview .bg_white .delivery[b-427et5e4bf] {
    padding:25px;
  }
}
@media(max-width:767px) and (min-width:100px) {
  .Survey_congrats .shoponline__overview[b-427et5e4bf] {
    padding:45px 30px;
  }
  .Survey_congrats .shoponline__overview .bg_white[b-427et5e4bf] {
    padding:20px !important;
  }
  .Survey_congrats .shoponline__overview .bg_white .delivery[b-427et5e4bf] {
    padding:0;
    display:block;
  }
  .Survey_congrats .shoponline__overview .bg_white .shop_img[b-427et5e4bf] {
    text-align:center !important;
  }
}
/* /Components/Pages/RecipeDetail.razor.rz.scp.css */
/* Scoped to RecipeDetail.razor. Moved from wwwroot/scss/WD/myrecipesdetails-wd.scss (was
   linked as a page-specific <link> in RecipeDetail.razor's HeadContent). A byte-for-byte
   duplicate keyframes/btn-dot-loading block was removed — same boilerplate seen across several
   other per-page bundles (see StoreDetails.razor.css); this page renders no button using it,
   so it's dropped entirely rather than kept unused. */

/* Un-caps the shared page shell for THIS ROUTE ONLY (/recipes/details/{Slug}), same intent as
   about_contact.css's and indirect-suppliers.css's own
   ".container-fluid__full { max-width: 100% }" overrides — _app-wd-legacy-content.scss:15325
   caps it at 1170px globally on purpose (must not be removed there, see its own comment). Scoped
   CSS reaches this div directly since RecipeDetail.razor authors its own
   <div class="container-fluid__full">, so this wins on specificity over the global rule without
   needing a page-CSS-map entry. */
.container-fluid__full[b-zg6ueyewgp] {
  max-width: 100%;
}

body[b-zg6ueyewgp] {
  background:#fff;
}
.recipe-error-msg[b-zg6ueyewgp] {
  color:var(--wd-color-brand-red);
}
.pt-10[b-zg6ueyewgp] {
  padding-top:10px;
}
.w-100[b-zg6ueyewgp] {
  width:100%;
}
.pl-0[b-zg6ueyewgp] {
  padding-left:0;
}
.pr-0[b-zg6ueyewgp] {
  padding-right:0;
}
.api_error[b-zg6ueyewgp] {
  margin:0 30px;
}
.recipes-details[b-zg6ueyewgp] {
  font-family: var(--wd-font-body);
  font-weight:normal;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
  padding:40px 0 80px;
  margin:auto;
}
.recipes-details .row[b-zg6ueyewgp] {
  margin-left:0;
  margin-right:0;
}
.recipes-details .p-0[b-zg6ueyewgp] {
  padding:0;
}
.recipes-details .p-15[b-zg6ueyewgp] {
  padding:0 15px;
}
.recipes-details .m-p-15[b-zg6ueyewgp] {
  padding-right:0;
  padding-left:15px;
}
@media(max-width:991px) {
  .recipes-details .m-p-15[b-zg6ueyewgp] {
    padding:0 15px;
  }
}
@media(min-width:768px) {
  .recipes-details[b-zg6ueyewgp] {
    width:750px;
  }
}
@media(min-width:992px) {
  .recipes-details[b-zg6ueyewgp] {
    width:750px;
  }
}
@media(min-width:1200px) {
  .recipes-details[b-zg6ueyewgp] {
    width:1170px;
  }
}
.recipes-details .fa-twitter[b-zg6ueyewgp]:before,.recipes-details .fa-facebook-f[b-zg6ueyewgp]:before {
  width:19px;
  height:15px;
}
.recipes-details i.fa-heart[b-zg6ueyewgp] {
  color:var(--wd-color-brand-red);
  font-size:1.375em;
}
.recipes-details .far.fa-thumbs-up[b-zg6ueyewgp]:before,.recipes-details .far.fa-thumbs-down[b-zg6ueyewgp]:before {
  color:var(--wd-color-brand-red);
  font-size:1.5em;
  margin-right:2px;
}
.recipes-details i.fa-angle-right[b-zg6ueyewgp] {
  vertical-align:text-bottom;
}
.recipes-details .red-heart[b-zg6ueyewgp] {
  color:var(--wd-color-brand-red);
  margin-right:7px;
  font-size:1.375em;
}
.recipes-details .page-bread-crumb[b-zg6ueyewgp] {
  font-size:1em;
  color:var(--wd-color-text);
  margin:0 0 3px 0;
  font-family: var(--wd-font-body);
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
}
.recipes-details .page-bread-crumb .fa[b-zg6ueyewgp] {
  color:var(--wd-color-brand-red);
  margin-right:8px;
  vertical-align:middle;
}
.recipes-details .page-bread-crumb .fa-arrow-left[b-zg6ueyewgp]:before {
  font-size:1.5em;
}
.recipes-details .page-bread-crumb a[b-zg6ueyewgp] {
  font-family: var(--wd-font-body);
  font-weight:normal;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
  font-size:1em;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-brand-red);
  text-decoration:underline;
}
.recipes-details .page-bread-crumb a:visited[b-zg6ueyewgp],.recipes-details .page-bread-crumb a:hover[b-zg6ueyewgp] {
  color:var(--wd-color-brand-red);
  text-decoration:underline;
}
@media(min-width:100px) and (max-width:768px) {
  .recipes-details .page-bread-crumb a[b-zg6ueyewgp] {
    font-size:.875em;
  }
}
.recipes-details .page-bread-crumb button[b-zg6ueyewgp] {
  border:none;
  background:transparent;
}
@media(min-width:100px) and (max-width:768px) {
  .recipes-details .page-bread-crumb span[b-zg6ueyewgp] {
    font-size:.875em;
  }
}
.recipes-details .slick-prev[b-zg6ueyewgp]:before,.recipes-details .slick-next[b-zg6ueyewgp]:before {
  content:'' !important;
  display:none !important;
}
.recipes-details .slick-next.slick-disabled[b-zg6ueyewgp]:before,.recipes-details .slick-prev.slick-disabled[b-zg6ueyewgp]:before {
  display:none !important;
}
.recipes-details h1[b-zg6ueyewgp] {
  margin:34px 0 24px 0;
  font-family: var(--wd-font-body);
  font-size:2.875em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.77px;
  color:var(--wd-color-brand-red);
}
@media(max-width:768px) {
  .recipes-details h1[b-zg6ueyewgp] {
    margin:18px 0 18px;
    font-size:2.125em;
  }
}
.recipes-details .social-media-links .round[b-zg6ueyewgp] {
  width:40px;
  height:40px;
  margin:10px 16px 0 0;
  object-fit:contain;
  border-radius:50%;
  color:#fff !important;
  background-color:var(--wd-color-brand-red);
  text-align:center;
  line-height:40px;
  font-size:1.25em;
  display:inline-block;
}
@media(max-width:767.98px) {
  .recipes-details .social-media-links .round[b-zg6ueyewgp] {
    width:32px;
    height:32px;
    line-height:34px;
    font-size:1em;
  }
}
.recipes-details .social-media-links .round:hover[b-zg6ueyewgp],.recipes-details .social-media-links .round:focus[b-zg6ueyewgp] {
  color:#fff;
}
.recipes-details .social-media-links .t-con[b-zg6ueyewgp] {
  display:inline-block;
}
@media(max-width:767px) {
  .recipes-details .social-media-links .t-con[b-zg6ueyewgp] {
    display:block;
    margin-top:12px;
  }
}
.recipes-details .social-media-links .t-con .thumbs-up[b-zg6ueyewgp] {
  color:var(--wd-color-brand-red);
  font-size:1.625em;
}
.recipes-details .social-media-links .t-con .imotion-text[b-zg6ueyewgp] {
  margin:0 0 0 7px;
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.33;
  letter-spacing:-.15px;
  color:var(--wd-color-text);
  display:inline-block;
}
@media(max-width:768px) {
  .recipes-details .social-media-links .t-con .imotion-text[b-zg6ueyewgp] {
    font-size:.875em;
  }
}
.recipes-details .social-media-links a[b-zg6ueyewgp] {
  color:#fff;
}
.recipes-details .social-media-links a:visited[b-zg6ueyewgp],.recipes-details .social-media-links a:hover[b-zg6ueyewgp] {
  color:#fff;
  text-decoration:none;
}
.recipes-details .image-slider[b-zg6ueyewgp] {
  margin-bottom:70px;
  margin-top:46px;
}
@media(max-width:767.98px) {
  .recipes-details .image-slider[b-zg6ueyewgp] {
    margin-top:20px;
    margin-bottom:60px;
  }
}
.recipes-details .image-slider .image[b-zg6ueyewgp] {
  width:100%;
  height:552px;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
@media(max-width:767.98px) {
  .recipes-details .image-slider .image[b-zg6ueyewgp] {
    height:225px;
  }
}
@media screen and (min-width:1200px) {
  .recipes-details .image-slider .image[b-zg6ueyewgp] {
    min-height:850px !important;
  }
}
@media(max-width:768px) {
  .recipes-details .image-slider .image[b-zg6ueyewgp] {
    height:350px;
  }
}
.recipes-details .image-slider .slick-dots[b-zg6ueyewgp] {
  bottom:-40px;
}
.recipes-details .image-slider .slick-dots li.slick-active button[b-zg6ueyewgp] {
  background:#333;
}
.recipes-details .image-slider .slick-dots li button[b-zg6ueyewgp] {
  height:4px;
  padding:0;
  background:var(--wd-color-border);
  width:25px;
  margin-top:10px;
}
.recipes-details .image-slider .slick-dots li button[b-zg6ueyewgp]::before {
  display:none;
}
.recipes-details .image-slider .slick-arrow[b-zg6ueyewgp] {
  display:none !important;
}
.recipes-details video[b-zg6ueyewgp] {
  width:auto !important;
  display:flex !important;
  margin:0 auto;
}
.recipes-details .banner-right[b-zg6ueyewgp] {
  margin-top:46px;
}
@media(max-width:767px) {
  .recipes-details .banner-right[b-zg6ueyewgp] {
    margin-top:0;
    padding-left:15px;
  }
}
.recipes-details .banner-right .favBtn[b-zg6ueyewgp] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  border:none;
  background:transparent;
  padding:0;
  text-align:left;
  display:flex;
}
.recipes-details .banner-right .favBtn .fa[b-zg6ueyewgp] {
  font-size:1.375em;
  color:var(--wd-color-brand-red);
  margin-right:12px;
  font-weight:bold;
}
@media(max-width:768px) {
  .recipes-details .banner-right .favBtn[b-zg6ueyewgp] {
    font-size:.875em;
  }
}
.recipes-details .banner-right .short-detals[b-zg6ueyewgp] {
  margin:0 !important;
}
.recipes-details .banner-right .short-detals .rw1[b-zg6ueyewgp] {
  padding:24px 0 0;
}
@media(max-width:767.98px) {
  .recipes-details .banner-right .short-detals .rw1[b-zg6ueyewgp] {
    border-right:1px solid;
    border-color:rgba(151,151,151,.4);
    padding:5px 15px !important;
    margin:12px 0 !important;
  }
  .recipes-details .banner-right .short-detals .rw1:first-child[b-zg6ueyewgp] {
    padding-left:0 !important;
    padding-right:0 !important;
  }
}
@media(min-width:0) and (max-width:380px) {
  .recipes-details .banner-right .short-detals .rw1:nth-child(1)[b-zg6ueyewgp] {
    padding-right:7.5px !important;
  }
  .recipes-details .banner-right .short-detals .rw1:nth-child(2)[b-zg6ueyewgp] {
    padding-right:7.5px !important;
    padding-left:7.5px !important;
  }
}
.recipes-details .banner-right .short-detals .b-0[b-zg6ueyewgp] {
  border:0 !important;
}
.recipes-details .banner-right h4[b-zg6ueyewgp] {
  margin:0 0 4px;
  font-family: var(--wd-font-body);
  font-size:1.375em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.34px;
  color:var(--wd-color-brand-red);
}
@media(max-width:768px) {
  .recipes-details .banner-right h4[b-zg6ueyewgp] {
    font-size:1.125em;
  }
}
@media(max-width:576px) {
  .recipes-details .banner-right h4[b-zg6ueyewgp] {
    font-size:.938em;
  }
}
.recipes-details .banner-right .cook-time-right[b-zg6ueyewgp] {
  margin:4px 0 0;
  font-family: var(--wd-font-body);
  font-size:1.25em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.25;
  letter-spacing:-.33px;
  color:var(--wd-color-text);
}
@media(max-width:768px) {
  .recipes-details .banner-right .cook-time-right[b-zg6ueyewgp] {
    font-size:1em;
  }
}
.recipes-details .banner-right .tags-place[b-zg6ueyewgp] {
  margin:26px 0 0 !important;
}
@media(max-width:768px) {
  .recipes-details .banner-right .tags-place[b-zg6ueyewgp] {
    height:auto;
    overflow:hidden;
    margin:20px 0 20px !important;
  }
}
.recipes-details .banner-right .tags-place .oval-tag[b-zg6ueyewgp] {
  width:40px;
  height:40px;
  margin:0 8px 8px 0;
  padding:7px;
  background-color:#4d4d4f;
  color:#fff;
  text-align:center;
  border-radius:50%;
  display:inline-block;
  float:left;
  font-family: var(--wd-font-body);
  line-height:28px;
  font-size:1.125em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
}
@media(max-width:768px) {
  .recipes-details .banner-right .tags-place .oval-tag[b-zg6ueyewgp] {
    width:32px;
    height:32px;
    line-height:20px;
    font-size:.875em;
  }
}
.recipes-details .banner-right i.fa-heart[b-zg6ueyewgp] {
  margin-right:12px;
}
.recipes-details h2[b-zg6ueyewgp],.recipes-details h3[b-zg6ueyewgp] {
  margin:0 0 20px 0;
  font-family: var(--wd-font-body);
  font-weight:bold;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
  font-size:2.25em;
  letter-spacing:-.59px;
  color:var(--wd-color-brand-red);
}
@media(max-width:768px) {
  .recipes-details h2[b-zg6ueyewgp],.recipes-details h3[b-zg6ueyewgp] {
    font-size:1.375em;
    margin:0 0 10px 0;
  }
}
.recipes-details h3[b-zg6ueyewgp] {
  font-size:1.375em;
  margin-top:60px;
  margin-bottom:20px;
}
@media(max-width:768px) {
  .recipes-details h3[b-zg6ueyewgp] {
    font-size:1.125em;
    margin-top:30px;
    margin-bottom:0 !important;
  }
}
.recipes-details .rec-details .rec-left p[b-zg6ueyewgp] {
  text-align:justify;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.31;
  letter-spacing:-.26px;
  color:var(--wd-color-text);
}
@media(max-width:768px) {
  .recipes-details .rec-details .rec-left p[b-zg6ueyewgp] {
    font-size:.875em;
  }
}
.recipes-details .rec-details .rec-left .data-row[b-zg6ueyewgp] {
  width:100%;
  height:auto;
  padding:25px 0;
  border-bottom:1px #cfcfcf solid;
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.31;
  letter-spacing:-.26px;
  color:var(--wd-color-text);
  overflow:hidden;
}
.recipes-details .rec-details .rec-left .data-row .c-1[b-zg6ueyewgp] {
  width:10%;
  padding-right:10px;
  color:var(--wd-color-brand-red);
  font-weight:600;
  float:left;
}
@media(max-width:768px) {
  .recipes-details .rec-details .rec-left .data-row .c-1[b-zg6ueyewgp] {
    width:100%;
    font-size:.875em;
    margin-bottom:5px;
  }
}
@media(min-width:991px) and (max-width:1199px) {
  .recipes-details .rec-details .rec-left .data-row .c-1[b-zg6ueyewgp] {
    width:15%;
  }
}
.recipes-details .rec-details .rec-left .data-row .c-2[b-zg6ueyewgp] {
  width:90%;
  float:right;
  text-align:justify;
}
@media(max-width:768px) {
  .recipes-details .rec-details .rec-left .data-row .c-2[b-zg6ueyewgp] {
    width:100%;
    font-size:.875em;
  }
}
@media(min-width:991px) and (max-width:1199px) {
  .recipes-details .rec-details .rec-left .data-row .c-2[b-zg6ueyewgp] {
    width:85%;
  }
}
.recipes-details .rec-details .rec-left .like-icons[b-zg6ueyewgp] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  margin-top:20px;
}
.recipes-details .rec-details .rec-left .like-icons .fa[b-zg6ueyewgp],.recipes-details .rec-details .rec-left .like-icons a.fa[b-zg6ueyewgp] {
  font-size:1.375em;
  color:var(--wd-color-brand-red);
  cursor:pointer;
  margin-right:9px;
  text-decoration:none;
}
.recipes-details .rec-details .rec-left .like-icons .fa:visited[b-zg6ueyewgp],.recipes-details .rec-details .rec-left .like-icons a.fa:visited[b-zg6ueyewgp] {
  color:var(--wd-color-brand-red);
}
.recipes-details .rec-details .rec-left .like-icons button[b-zg6ueyewgp] {
  border:none;
  background:transparent;
}
.recipes-details .rec-details .rec-left .like-icons span[b-zg6ueyewgp] {
  margin-right:32px;
}
.recipes-details .rec-details .rec-left .step_head[b-zg6ueyewgp] {
  font-family: var(--wd-font-body);
  font-weight:bold;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
  line-height:1.22;
  letter-spacing:-.25px;
  font-size:1.125em;
  color:var(--wd-color-brand-red);
  display:block;
  margin-bottom:10px;
}
.recipes-details .rec-details .rec-right .shadowbox[b-zg6ueyewgp] {
  min-height:100%;
  padding:32px;
  box-shadow:0 3px 8px 2px rgba(0,0,0,.15);
  background-color:#fff;
  margin:0 0 32px 0;
  height:auto;
  overflow:hidden;
}
@media(max-width:768px) {
  .recipes-details .rec-details .rec-right .shadowbox[b-zg6ueyewgp] {
    padding:20px;
  }
}
.recipes-details .rec-details .rec-right .shadowbox h3[b-zg6ueyewgp] {
  margin:0 7px 15px 0;
  font-family: var(--wd-font-body);
  font-size:1.375em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.36px;
  color:var(--wd-color-brand-red);
}
@media(max-width:768px) {
  .recipes-details .rec-details .rec-right .shadowbox h3[b-zg6ueyewgp] {
    font-size:1.125em;
  }
}
.recipes-details .rec-details .rec-right .shadowbox .ml-0[b-zg6ueyewgp] {
  margin-left:0;
}
.recipes-details .rec-details .rec-right .shadowbox .custom-checkbox-area[b-zg6ueyewgp] {
  height:auto;
  overflow:hidden;
}
@media(max-width:768px) {
  .recipes-details .rec-details .rec-right .shadowbox .custom-checkbox-area[b-zg6ueyewgp] {
    padding-top:16px;
  }
}
.recipes-details .rec-details .rec-right .shadowbox .check-con label[b-zg6ueyewgp] {
  margin-bottom:14px;
  font-weight:400;
  vertical-align:baseline;
  width:100%;
  color:var(--wd-color-text);
}
.recipes-details .rec-details .rec-right .shadowbox .main-btn[b-zg6ueyewgp] {
  width:293px;
  height:49px;
  padding:0 40px;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:47px;
  letter-spacing:-.03px;
  text-align:center;
  margin-top:22px;
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}
.recipes-details .rec-details .rec-right .shadowbox .main-btn:hover[b-zg6ueyewgp] {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
  display:inline-table;
}
.recipes-details .rec-details .rec-right .shadowbox .main-btn:focus[b-zg6ueyewgp] {
  border:solid 2px #fff !important;
  display:inline-table;
}
@media(max-width:768px) {
  .recipes-details .rec-details .rec-right .shadowbox .main-btn[b-zg6ueyewgp] {
    width:230px;
    height:46px;
    padding:0 15px;
  }
}
@media(min-width:768px) and (max-width:1199px) {
  .recipes-details .rec-details .rec-right .shadowbox .main-btn[b-zg6ueyewgp] {
    line-height:1.75;
    min-width:100%;
    width:auto;
    padding:10px;
  }
}
.recipes-details .rec-details .rec-right .shadowbox .product-box[b-zg6ueyewgp] {
  border-bottom:1px solid;
  border-color:rgba(0,0,0,.15);
  display:flex !important;
  align-items:center !important;
  padding:14px 0;
}
.recipes-details .rec-details .rec-right .shadowbox .product-box .r-img[b-zg6ueyewgp] {
  width:90px;
}
.recipes-details .rec-details .rec-right .shadowbox .product-box h4[b-zg6ueyewgp] {
  font-family: var(--wd-font-body);
  font-size:1.25em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.25;
  letter-spacing:-.33px;
  color:var(--wd-color-brand-red);
  margin-bottom:0;
}
@media(max-width:768px) {
  .recipes-details .rec-details .rec-right .shadowbox .product-box h4[b-zg6ueyewgp] {
    font-size:1em;
  }
}
.recipes-details .rec-details .rec-right .shadowbox .product-box .exp-date[b-zg6ueyewgp] {
  font-family: var(--wd-font-body);
  font-size:.75em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.5;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  margin-bottom:8px;
}
.recipes-details .rec-details .rec-right .shadowbox .product-box p[b-zg6ueyewgp] {
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.43;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  margin:0 0 2px 0;
}
@media(max-width:768px) {
  .recipes-details .rec-details .rec-right .shadowbox .product-box p[b-zg6ueyewgp] {
    font-size:.75em;
  }
}
.recipes-details .rec-details .rec-right .shadowbox .product-box a[b-zg6ueyewgp] {
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.57;
  letter-spacing:-.23px;
  color:var(--wd-color-brand-red);
  text-decoration:underline;
}
.recipes-details .rec-details .rec-right .shadowbox .product-box a:visited[b-zg6ueyewgp] {
  color:var(--wd-color-brand-red);
}
.recipes-details .rec-details .rec-right .shadowbox .list-all[b-zg6ueyewgp] {
  text-align:right;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.56;
  letter-spacing:-.27px;
  color:var(--wd-color-brand-red);
  margin:24px 0 10px;
}
.recipes-details .rec-details .rec-right .shadowbox .list-all a[b-zg6ueyewgp] {
  color:var(--wd-color-brand-red);
  text-decoration:none;
}
.recipes-details .rec-details .rec-right .shadowbox .list-all a:visited[b-zg6ueyewgp],.recipes-details .rec-details .rec-right .shadowbox .list-all a:hover[b-zg6ueyewgp] {
  color:var(--wd-color-brand-red);
  text-decoration:none;
}
.recipes-details .rec-details .rec-right .shadowbox .list-all .fa[b-zg6ueyewgp] {
  margin-left:8px;
  font-weight:bold;
  font-size:1.125em;
}
.recipes-details .rec-details .rec-right .shadowbox .ingredients_head[b-zg6ueyewgp] {
  font-family: var(--wd-font-body);
  font-weight:bold;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  font-size:1em;
  color:var(--wd-color-brand-red);
  display:block;
  margin-bottom:10px;
}
@media(max-width:767px) {
  .recipes-details .rec-details[b-zg6ueyewgp] {
    flex-direction:column-reverse;
    display:flex;
  }
}
.recipes-details .p-0[b-zg6ueyewgp] {
  padding:0;
}
.recipes-details .see-more[b-zg6ueyewgp] {
  margin-top:65px;
}
@media(max-width:576px) {
  .recipes-details .see-more[b-zg6ueyewgp] {
    margin-top:15px;
  }
}
@media(min-width:100px) and (max-width:767px) {
  .recipes-details .see-more .recipe-tags[b-zg6ueyewgp] {
    display:-webkit-box;
    overflow-x:scroll;
    overscroll-behavior:contain;
  }
  .recipes-details .see-more .recipe-tags[b-zg6ueyewgp]::-webkit-scrollbar {
    width:0;
  }
  .recipes-details .see-more .recipe-tags[b-zg6ueyewgp]::-webkit-scrollbar-track {
    background:#fff;
  }
  .recipes-details .see-more .recipe-tags[b-zg6ueyewgp]::-webkit-scrollbar-thumb {
    background:#fff;
  }
  .recipes-details .see-more .recipe-tags[b-zg6ueyewgp]::-webkit-scrollbar-thumb:hover {
    background:#fff;
  }
}
.recipes-details .see-more .choose-catagory[b-zg6ueyewgp] {
  width:auto;
  height:33px;
  margin:10px 16px 0 0;
  padding:8px 15px 0;
  border-radius:19px;
  border:solid 1px #3c3c3b;
  font-family: var(--wd-font-body);
  font-size:.75em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  letter-spacing:-.19px;
  color:var(--wd-color-text);
  text-align:center;
  display:inline-block;
  text-decoration:none;
}
@media(min-width:100px) and (max-width:767px) {
  .recipes-details .see-more .choose-catagory[b-zg6ueyewgp] {
    display:block !important;
  }
}
.recipes-details .see-more .choose-catagory:hover[b-zg6ueyewgp] {
  color:#fff;
  background-color:#3c3c3b;
}
@media(max-width:991px) {
  .recipes-details .see-more .choose-catagory:active[b-zg6ueyewgp] {
    color:#fff;
    background-color:#3c3c3b;
  }
}
.recipes-details .recipes-card[b-zg6ueyewgp] {
  height:auto;
  min-height:460px;
  padding:16px 16px 16px 15px;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.12);
  background-color:#fff;
  display:flex;
  flex-flow:row wrap;
  justify-content:space-between;
}
.recipes-details .recipes-card:focus>h2[b-zg6ueyewgp] {
  color:var(--wd-color-brand-red) !important;
  font-weight:600;
  border-bottom:3px solid var(--wd-color-brand-red);
  padding-bottom:15px;
}
@media(max-width:1199px) {
  .recipes-details .recipes-card .w-100[b-zg6ueyewgp] {
    width:100%;
  }
}
.recipes-details .recipes-card .item-image[b-zg6ueyewgp] {
  width:232px;
  height:165px;
  overflow:hidden;
  background-position:center;
  background-size:cover;
}
@media(max-width:768px) {
  .recipes-details .recipes-card .item-image[b-zg6ueyewgp] {
    width:100%;
    min-width:100%;
    height:134px;
  }
}
@media(max-width:576px) {
  .recipes-details .recipes-card .item-image[b-zg6ueyewgp] {
    width:100%;
    min-width:100%;
    height:170px;
  }
}
@media(max-width:1199px) and (min-width:992px) {
  .recipes-details .recipes-card .item-image[b-zg6ueyewgp] {
    width:100%;
  }
}
.recipes-details .recipes-card h2[b-zg6ueyewgp] {
  margin:16px 0 8px 1px;
  font-family: var(--wd-font-body);
  font-size:1.25em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.25;
  letter-spacing:-.33px;
  color:var(--wd-color-brand-red);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  height:53px;
}
@media(max-width:576px) {
  .recipes-details .recipes-card h2[b-zg6ueyewgp] {
    font-size:1em;
    height:auto;
  }
}
.recipes-details .recipes-card .cook-time[b-zg6ueyewgp] {
  height:100px;
  overflow:hidden;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  margin:8px 0 8px 1px;
}
@media(max-width:768px) {
  .recipes-details .recipes-card .cook-time[b-zg6ueyewgp] {
    height:130px;
  }
}
@media(max-width:576px) {
  .recipes-details .recipes-card .cook-time[b-zg6ueyewgp] {
    font-size:.875em;
    height:auto;
    min-height:65px;
  }
}
@media(max-width:1199px) and (min-width:992px) {
  .recipes-details .recipes-card .cook-time[b-zg6ueyewgp] {
    height:130px;
  }
}
.recipes-details .recipes-card .cook-time .oval-tag[b-zg6ueyewgp] {
  width:24px;
  height:24px;
  margin:0 8px 8px 0;
  padding:7px;
  background-color:#4d4d4f;
  color:#fff;
  font-size:.625em;
  text-align:center;
  border-radius:50%;
  display:inline-block;
  float:left;
}
.recipes-details .recipes-card .cook-time p[b-zg6ueyewgp] {
  padding-bottom:8px;
}
.recipes-details .recipes-card .card-content[b-zg6ueyewgp] {
  display:flex;
  justify-content:space-between;
  min-height:355px;
  flex-flow:row wrap;
  width:100%;
}
.recipes-details .recipes-card .slide-btm-align[b-zg6ueyewgp] {
  display:flex;
  align-items:center;
  width:100%;
}
.recipes-details .recipes-card .slide-btm-left[b-zg6ueyewgp],.recipes-details .recipes-card .slide-btm-right[b-zg6ueyewgp] {
  color:var(--wd-color-brand-red);
  margin:0;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.56;
  letter-spacing:-.27px;
}
@media(max-width:767px) {
  .recipes-details .recipes-card .slide-btm-left .fa[b-zg6ueyewgp] {
    vertical-align:middle;
  }
}
.recipes-details .recipes-card .slide-btm-right[b-zg6ueyewgp] {
  text-align:right;
}
.recipes-details .recipes-card button[b-zg6ueyewgp] {
  border:none;
  background:transparent;
}
.recipes-details .favorites-slider[b-zg6ueyewgp] {
  margin:20px 0 40px;
  padding:0;
}
@media(max-width:576px) {
  .recipes-details .favorites-slider[b-zg6ueyewgp] {
    margin-bottom:60px;
  }
}
.recipes-details .favorites-slider .slick-slide[b-zg6ueyewgp] {
  padding:15px;
}
.recipes-details .favorites-slider .slick-slide:focus[b-zg6ueyewgp] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}
.recipes-details .favorites-slider .slick-slide img[b-zg6ueyewgp] {
  width:100%;
  min-width:100%;
  height:auto;
}
.recipes-details .favorites-slider .slick-slide a[b-zg6ueyewgp] {
  color:var(--wd-color-brand-red);
  text-decoration:none;
  cursor:pointer;
}
.recipes-details .favorites-slider .slick-slide a:focus[b-zg6ueyewgp],.recipes-details .favorites-slider .slick-slide a:hover[b-zg6ueyewgp] {
  text-decoration:none;
}
.recipes-details .favorites-slider .slick-slider button.slick-prev[b-zg6ueyewgp] {
  position:absolute;
  left:-40px;
  top:50%;
  background-image:url(/Areas/V2/Images/WR-left-arrow.png);
  background-color:transparent;
  border:none;
  height:15px;
  background-size:contain;
  background-repeat:no-repeat;
  padding:8px;
  background-position:center;
  font-size:0;
}
.recipes-details .favorites-slider .slick-slider button.slick-next[b-zg6ueyewgp] {
  position:absolute;
  right:-40px;
  top:50%;
  background-image:url(/Areas/V2/Images/WR-right-arrow.png);
  background-color:transparent;
  border:none;
  height:15px;
  background-size:contain;
  background-repeat:no-repeat;
  padding:8px;
  background-position:center;
  font-size:0;
}
.recipes-details .favorites-slider .slick-dots[b-zg6ueyewgp] {
  bottom:-35px;
}
.recipes-details .favorites-slider .slick-dots li.slick-active button[b-zg6ueyewgp] {
  background:#333;
}
.recipes-details .favorites-slider .slick-dots li button[b-zg6ueyewgp] {
  height:4px;
  padding:0;
  background:var(--wd-color-border);
  width:25px;
  margin-top:10px;
}
.recipes-details .favorites-slider .slick-dots li button[b-zg6ueyewgp]::before {
  display:none;
}
@media(max-width:767px) {
  .recipes-details .favorites-slider[b-zg6ueyewgp] {
    margin-top:5px;
  }
  .recipes-details .favorites-slider .c-icons[b-zg6ueyewgp] {
    display:none !important;
  }
  .recipes-details .favorites-slider .slick-arrow[b-zg6ueyewgp] {
    display:none !important;
  }
}
.recipes-details .styled-checkbox[b-zg6ueyewgp] {
  position:absolute;
  opacity:0;
}
.recipes-details .styled-checkbox+label[b-zg6ueyewgp] {
  display:block;
  position:relative;
  cursor:pointer;
  padding:0;
  font-family: var(--wd-font-body);
  font-weight:normal;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
  color:var(--wd-color-text);
  font-size:.875em;
  line-height:1.38;
  letter-spacing:-.25px;
}
@media(max-width:768px) {
  .recipes-details .styled-checkbox+label[b-zg6ueyewgp] {
    font-size:.875em;
  }
}
.recipes-details .styled-checkbox+label b[b-zg6ueyewgp] {
  display:contents;
}
.recipes-details .styled-checkbox+label[b-zg6ueyewgp]:before {
  content:'';
  margin-right:10px;
  display:inline-table;
  vertical-align:text-top;
  width:18px;
  height:18px;
  background:#fff;
  border:1px solid #d0d0d0;
}
.recipes-details .styled-checkbox:focus+label[b-zg6ueyewgp]:before {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}
.recipes-details .styled-checkbox:disabled+label[b-zg6ueyewgp] {
  color:#b8b8b8;
  cursor:auto;
}
.recipes-details .styled-checkbox:disabled+label[b-zg6ueyewgp]:before {
  box-shadow:none;
  background:#ddd;
}
.recipes-details .styled-checkbox:checked+label[b-zg6ueyewgp]:after {
  content:'';
  position:absolute;
  left:1px;
  top:-5px;
  width:20px;
  height:22px;
  background-image:url("../../../Areas/V2/Sass/Images/redtick.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
.recipes-details .carousel__section ul.carousel-indicators[b-zg6ueyewgp] {
  bottom:-40px !important;
}
@media screen and (max-width:768px) {
  .recipes-details .carousel__section ul.carousel-indicators[b-zg6ueyewgp] {
    bottom:-30px !important;
  }
}
.recipes-details .carousel__section ul.carousel-indicators li[b-zg6ueyewgp] {
  width:25px;
  height:4px;
  margin:0;
  border-radius:0;
  background-color:var(--wd-color-border);
  border-color:var(--wd-color-border);
}
.recipes-details .carousel__section ul.carousel-indicators li.active[b-zg6ueyewgp] {
  background-color:#333;
  border-color:#333;
}
.recipes-details .carousel__section ul.carousel-indicators li.active:focus[b-zg6ueyewgp] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}
.recipes-details .carousel__section ul.carousel-indicators li:focus[b-zg6ueyewgp] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}
.recipes-details .slick-track[b-zg6ueyewgp] {
  margin-left:0;
  margin-right:0;
}
.recipes-details .dot-line-box[b-zg6ueyewgp] {
  border:dotted 1px #979797;
  text-align:center;
  padding:50px;
  margin-bottom:30px;
  margin-top:10px;
}
@media(max-width:991px) {
  .recipes-details .dot-line-box[b-zg6ueyewgp] {
    padding:30px;
    margin:0 30px;
  }
}
.recipes-details .dot-line-box .zero_fav[b-zg6ueyewgp],.recipes-details .dot-line-box p[b-zg6ueyewgp] {
  font-family: var(--wd-font-body);
  font-weight:normal;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
  line-height:1.36;
  letter-spacing:-.31px;
  text-align:center !important;
  color:var(--wd-color-text) !important;
}
.recipes-details .dot-line-box .zero_fav[b-zg6ueyewgp] {
  font-weight:700;
  margin-top:36px !important;
}
@media(max-width:991px) {
  .recipes-details .dot-line-box .zero_fav[b-zg6ueyewgp] {
    margin:20px 0 !important;
    font-size:1.125em;
  }
}
@media(min-width:768px) and (max-width:1024) {
  .recipes-details .dot-line-box .zero_fav[b-zg6ueyewgp] {
    font-size:1.375em;
  }
}
@media(max-width:991px) {
  .recipes-details .dot-line-box p[b-zg6ueyewgp] {
    font-size:1em;
  }
}
@media(min-width:768px) and (max-width:1024) {
  .recipes-details .dot-line-box p[b-zg6ueyewgp] {
    font-size:1em;
  }
}
.zoomTxt .recipes-details .recipes-card h2[b-zg6ueyewgp] {
  height:100px;
}
.zoomTxt .recipes-details .recipes-card .cook-time[b-zg6ueyewgp] {
  height:200px;
}
.zoomTxt .recipes-details .recipes-card .cook-time .oval-tag[b-zg6ueyewgp] {
  width:45px;
  height:auto;
}
.zoomTxt .recipes-details .see-more .choose-catagory[b-zg6ueyewgp] {
  height:auto;
}
.zoomTxt .recipes-details .banner-right .tags-place .oval-tag[b-zg6ueyewgp] {
  width:45px;
  height:auto;
}
.shoppingList-recipe-modal[b-zg6ueyewgp] {
  z-index:999999;
}
@media(min-width:100px) and (max-width:767px) {
  .shoppingList-recipe-modal[b-zg6ueyewgp] {
    padding:0 !important;
    margin-top:100px;
  }
}
.shoppingList-recipe-modal .btn-backarrow-main[b-zg6ueyewgp] {
  padding:0;
  background-color:#fff;
  border:#fff;
}
@media(min-width:100px) and (max-width:767px) {
  .shoppingList-recipe-modal .btn-backarrow-main[b-zg6ueyewgp] {
    position:initial;
    display:flex !important;
  }
}
.shoppingList-recipe-modal .btn-backarrow-main i[b-zg6ueyewgp] {
  font-size:1.375em;
  color:var(--wd-color-brand-red);
}
@media(min-width:100px) and (max-width:767px) {
  .shoppingList-recipe-modal .btn-backarrow-main i[b-zg6ueyewgp] {
    font-size:1.125em;
    color:var(--wd-color-text);
    padding-right:10px;
    float:left;
  }
}
.shoppingList-recipe-modal .btn-backarrow-main span[b-zg6ueyewgp] {
  font-size:.875em;
  font-family: var(--wd-font-body);
  position:relative;
  top:-1px;
}
@media(min-width:100px) and (max-width:767px) {
  .shoppingList-recipe-modal .btn-backarrow-main span[b-zg6ueyewgp] {
    text-align:left;
  }
}
.shoppingList-recipe-modal .btn-close[b-zg6ueyewgp] {
  position:relative;
  left:15px;
  background:none;
  border:none;
}
.shoppingList-recipe-modal .modal-dialog[b-zg6ueyewgp] {
  width:530px;
}
@media(min-width:100px) and (max-width:767px) {
  .shoppingList-recipe-modal .modal-dialog[b-zg6ueyewgp] {
    width:100%;
    margin:auto;
  }
}
@media(min-width:768px) and (max-width:1024px) {
  .shoppingList-recipe-modal .modal-dialog[b-zg6ueyewgp] {
    margin:100px auto;
  }
}
.shoppingList-recipe-modal .modal-content[b-zg6ueyewgp] {
  background:#fff;
  border-radius:0;
}
.shoppingList-recipe-modal .modal-content .modal-content-main-head[b-zg6ueyewgp] {
  padding:32px;
  padding-top:16px;
  padding-bottom:0;
}
.shoppingList-recipe-modal .modal-content .modal-content-main[b-zg6ueyewgp] {
  overflow:auto;
  min-height:auto;
  max-height:78vh;
  padding:32px;
  padding-top:0;
}
@media(min-width:100px) and (max-width:767px) {
  .shoppingList-recipe-modal .modal-content .modal-content-main[b-zg6ueyewgp] {
    height:90vh;
  }
}
.shoppingList-recipe-modal .modal-content .modal-content-main[b-zg6ueyewgp]::-webkit-scrollbar {
  width:6px;
}
.shoppingList-recipe-modal .modal-content .modal-content-main[b-zg6ueyewgp]::-webkit-scrollbar-track {
  background:#fff;
}
.shoppingList-recipe-modal .modal-content .modal-content-main[b-zg6ueyewgp]::-webkit-scrollbar-thumb {
  background:#727272;
}
.shoppingList-recipe-modal .modal-content .modal-content-main[b-zg6ueyewgp]::-webkit-scrollbar-thumb:hover {
  background:#555;
}
.shoppingList-recipe-modal .modal-body[b-zg6ueyewgp] {
  padding:0;
}
.shoppingList-recipe-modal .modal-body .recipeIngredient_block[b-zg6ueyewgp] {
  padding:8px 0;
}
@media(min-width:100px) and (max-width:767px) {
  .shoppingList-recipe-modal .modal-body .recipeIngredient_block label[b-zg6ueyewgp] {
    font-size:.875em;
  }
}
.shoppingList-recipe-modal .modal-body .recipeIngredient_block input[type=checkbox][b-zg6ueyewgp] {
  float:right;
  margin-right:40px;
}
@media(min-width:100px) and (max-width:767px) {
  .shoppingList-recipe-modal .modal-body .recipeIngredient_block .col-xs-2.text-center[b-zg6ueyewgp] {
    text-align:right;
  }
}
@media(min-width:100px) and (max-width:767px) {
  .shoppingList-recipe-modal .modal-body label.chk_label[b-zg6ueyewgp] {
    font-size:1em;
  }
}
.shoppingList-recipe-modal .modal-body label.chk_label input[b-zg6ueyewgp] {
  position:absolute;
  opacity:0;
  height:0;
  width:0;
}
.shoppingList-recipe-modal .modal-body label.chk_label span[b-zg6ueyewgp] {
  height:17px;
  width:17px;
  background-color:#fff;
  border:1px solid var(--wd-color-brand-red);
  display:inline-block;
  position:relative;
}
@media(min-width:100px) and (max-width:767px) {
  .shoppingList-recipe-modal .modal-body label.chk_label span[b-zg6ueyewgp] {
    margin-top:0;
    left:auto;
  }
}
.shoppingList-recipe-modal .modal-body label.chk_label [type=checkbox]:focus+span[b-zg6ueyewgp] {
  outline:2px solid var(--wd-color-focus-ring) !important;
}
.shoppingList-recipe-modal .modal-body label.chk_label [type=checkbox]:checked+span[b-zg6ueyewgp]:before {
  content:'✔';
  position:absolute;
  top:-1px;
  left:0;
  right:0;
  font-size:.75em;
  color:#fff;
  background-color:var(--wd-color-brand-red);
}
@media(min-width:100px) and (max-width:767px) {
  .shoppingList-recipe-modal .modal-body label.chk_label [type=checkbox]:checked+span[b-zg6ueyewgp]:before {
    padding-right:2px;
  }
}
.shoppingList-recipe-modal .modal-body label.chk_label input[type=checkbox]:enabled+span[b-zg6ueyewgp] {
  height:17px;
  width:17px;
  cursor:pointer;
}
.shoppingList-recipe-modal .modal-body label.chk_label input[type=checkbox]:disabled+span[b-zg6ueyewgp] {
  height:13px;
  width:13px;
  cursor:default;
}
.shoppingList-recipe-modal .modal-body .center-btn[b-zg6ueyewgp] {
  padding-top:30px;
}
.shoppingList-recipe-modal .modal-body .center-btn .main-btn[b-zg6ueyewgp] {
  width:100%;
  font-family: var(--wd-font-body);
}
.shoppingList-recipe-modal .modal-body .recipeIngredient_block_head[b-zg6ueyewgp] {
  padding:8px 0;
}
.shoppingList-recipe-modal .modal-body .recipeIngredient_block_head label[b-zg6ueyewgp] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:600;
  color:#000;
}
@media(min-width:100px) and (max-width:767px) {
  .shoppingList-recipe-modal .modal-body .recipeIngredient_block_head label[b-zg6ueyewgp] {
    font-size:1em;
  }
}
.shoppingList-recipe-modal .modal-body .recipeIngredient_block_head a[b-zg6ueyewgp] {
  font-size:1em;
  color:var(--wd-color-brand-red);
}
@media(min-width:100px) and (max-width:767px) {
  .shoppingList-recipe-modal .modal-body .recipeIngredient_block_head a[b-zg6ueyewgp] {
    font-size:.875em;
  }
}
.shoppingList-recipe-modal .modal-body .recipeIngredient_block_head a:hover[b-zg6ueyewgp],.shoppingList-recipe-modal .modal-body .recipeIngredient_block_head a:focus[b-zg6ueyewgp] {
  font-weight:600;
}
@media(min-width:100px) and (max-width:767px) {
  .shoppingList-recipe-modal .modal-body .recipeIngredient_block_head .text-center[b-zg6ueyewgp] {
    text-align:right;
  }
  .shoppingList-recipe-modal .modal-body .recipeIngredient_block_head .col-xs-9[b-zg6ueyewgp] {
    width:65%;
  }
  .shoppingList-recipe-modal .modal-body .recipeIngredient_block_head .col-xs-3[b-zg6ueyewgp] {
    width:35%;
  }
}
.shoppingList-recipe-modal .modal-title[b-zg6ueyewgp] {
  font-size:1.375em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  letter-spacing:-.25px;
  color:var(--wd-color-brand-red);
}
@media(min-width:100px) and (max-width:767px) {
  .shoppingList-recipe-modal .modal-title[b-zg6ueyewgp] {
    font-size:1.125em;
    margin-top:16px;
  }
}
.shoppingList-recipe-modal .shopping-list-dropdown[b-zg6ueyewgp] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:600;
  color:#000;
  padding:16px 0;
  border-bottom:1px solid var(--wd-color-bread);
}
@media(min-width:100px) and (max-width:991px) {
  .shoppingList-recipe-modal .shopping-list-dropdown[b-zg6ueyewgp] {
    display:flex;
  }
}
@media(min-width:100px) and (max-width:767px) {
  .shoppingList-recipe-modal .shopping-list-dropdown[b-zg6ueyewgp] {
    font-size:1em;
  }
}
.shoppingList-recipe-modal .shopping-list-dropdown.active .selected-shopping-list-head .chavron[b-zg6ueyewgp]:after {
  content:"";
}
.shoppingList-recipe-modal .shopping-list-dropdown .selected-shopping-list-head[b-zg6ueyewgp] {
  display:flex;
  margin-left:-15px;
  cursor:pointer;
}
@media(min-width:100px) and (max-width:991px) {
  .shoppingList-recipe-modal .shopping-list-dropdown .selected-shopping-list-head[b-zg6ueyewgp] {
    margin-left:5px;
    width:80%;
  }
}
@media(min-width:100px) and (max-width:346px) {
  .shoppingList-recipe-modal .shopping-list-dropdown .selected-shopping-list-head[b-zg6ueyewgp] {
    width:75%;
  }
}
.shoppingList-recipe-modal .shopping-list-dropdown .selected-shopping-list-head .chavron[b-zg6ueyewgp]:after {
  content:"";
  width:24px;
  height:24px;
  font-family:'FontAwesome';
  display:inline-block;
  color:var(--wd-color-brand-red);
  position:relative;
  left:5px;
  top:1px;
}
.shoppingList-recipe-modal .shopping-list-dropdown .selected-shopping-list[b-zg6ueyewgp] {
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  display:inline-block;
}
.shoppingList-recipe-modal .dropdown-shoppingList-recipe[b-zg6ueyewgp] {
  position:absolute;
  background-color:#fff;
  z-index:1;
  box-shadow:0 2px 14px 0 #807e7e;
  text-align:left;
  left:84px;
  top:128px;
  width:260px;
  overflow:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  max-height:64%;
}
@media(min-width:100px) and (max-width:767px) {
  .shoppingList-recipe-modal .dropdown-shoppingList-recipe[b-zg6ueyewgp] {
    left:60px;
    top:142px;
    width:230px;
    max-height:58%;
  }
}
.shoppingList-recipe-modal .dropdown-shoppingList-recipe li a[b-zg6ueyewgp] {
  color:#000;
  padding:13px;
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.shoppingList-recipe-modal .dropdown-shoppingList-recipe[b-zg6ueyewgp]::-webkit-scrollbar {
  width:2px;
}
.shoppingList-recipe-modal .dropdown-shoppingList-recipe[b-zg6ueyewgp]::-webkit-scrollbar-track {
  background:#fff;
}
.shoppingList-recipe-modal .dropdown-shoppingList-recipe[b-zg6ueyewgp]::-webkit-scrollbar-thumb {
  background:var(--wd-color-border);
}
.shoppingList-recipe-modal .dropdown-shoppingList-recipe[b-zg6ueyewgp]::-webkit-scrollbar-thumb:hover {
  background:#555;
}
.create-New-List-Modal[b-zg6ueyewgp] {
  margin-top:120px;
  z-index:999999;
}
@media(min-width:100px) and (max-width:767px) {
  .create-New-List-Modal[b-zg6ueyewgp] {
    margin:auto;
    margin-top:100px;
  }
}
.create-New-List-Modal .modal-dialog[b-zg6ueyewgp] {
  width:387px;
}
@media(min-width:100px) and (max-width:767px) {
  .create-New-List-Modal .modal-dialog[b-zg6ueyewgp] {
    width:100%;
    margin:auto;
  }
}
.create-New-List-Modal .modal-content[b-zg6ueyewgp] {
  height:auto;
  padding:32px;
  background-color:#fff;
  border-radius:0;
  box-shadow:0 2px 14px 0 var(--wd-color-border);
}
.create-New-List-Modal .modal-content .modal-title[b-zg6ueyewgp] {
  padding-top:10px;
  font-size:1.375em;
  font-weight:bold;
  font-family: var(--wd-font-body);
  color:var(--wd-color-brand-red);
  letter-spacing:-.31px;
  font-family: var(--wd-font-body);
}
@media(min-width:100px) and (max-width:767px) {
  .create-New-List-Modal .modal-content .modal-title[b-zg6ueyewgp] {
    font-size:1.125em;
    text-align:left;
  }
}
@media(min-width:100px) and (max-width:767px) {
  .create-New-List-Modal .modal-content[b-zg6ueyewgp] {
    height:100vh;
    padding:22px;
  }
}
.create-New-List-Modal .modal-content .btn-backarrow[b-zg6ueyewgp] {
  padding:0;
  background-color:#fff;
  border:#fff;
  position:absolute;
  top:50px;
}
@media(min-width:100px) and (max-width:767px) {
  .create-New-List-Modal .modal-content .btn-backarrow[b-zg6ueyewgp] {
    position:initial;
  }
}
.create-New-List-Modal .modal-content .btn-backarrow i[b-zg6ueyewgp] {
  font-size:1.375em;
  color:var(--wd-color-brand-red);
}
@media(min-width:100px) and (max-width:767px) {
  .create-New-List-Modal .modal-content .btn-backarrow i[b-zg6ueyewgp] {
    font-size:1.125em;
    color:var(--wd-color-text);
  }
}
.create-New-List-Modal .modal-content .btn-backarrow span[b-zg6ueyewgp] {
  font-size:.875em;
  font-family: var(--wd-font-body);
  position:relative;
  top:-1px;
}
.create-New-List-Modal .modal-content .modal-body[b-zg6ueyewgp] {
  padding:0;
  margin-top:20px;
}
@media(min-width:100px) and (max-width:767px) {
  .create-New-List-Modal .modal-content .modal-body[b-zg6ueyewgp] {
    margin-top:10px;
  }
}
.create-New-List-Modal .modal-content .modal-body .btn-clear-text[b-zg6ueyewgp] {
  position:absolute;
  right:2px;
  top:31px;
  border:none;
  background-color:#fff;
  font-size:15px;
  color:var(--wd-color-text);
}
.create-New-List-Modal .modal-content .modal-body .newListName[b-zg6ueyewgp] {
  position:absolute;
  top:8px;
  left:-3px;
  background-color:#fff;
  font-size:.875em;
  color:var(--wd-color-text);
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.14;
  letter-spacing:normal;
  padding-right:5px;
  padding-left:8px;
}
.create-New-List-Modal .modal-content .modal-body .text-in[b-zg6ueyewgp] {
  width:100%;
  resize:none;
  padding:16px;
  overflow:hidden;
  height:48px;
  margin-top:16px;
  font-family: var(--wd-font-body);
  border:1px solid var(--wd-color-border);
  padding-right:35px;
}
.create-New-List-Modal .modal-content .modal-body .btn-section[b-zg6ueyewgp] {
  margin-top:24px;
}
.create-New-List-Modal .modal-content .modal-body .btn-section .col-md-6[b-zg6ueyewgp] {
  padding:0;
}
.create-New-List-Modal .modal-content .modal-body .btn-section .btn-cancel[b-zg6ueyewgp] {
  border:1px solid #3c3c3b;
  background-color:#fff;
  color:var(--wd-color-text);
}
.create-New-List-Modal .modal-content .modal-body .btn-section .btn-cancel:hover[b-zg6ueyewgp] {
  border:solid 1px #3c3c3b;
  background-color:#3c3c3b;
  color:#fff;
}
.create-New-List-Modal .modal-content .modal-body .btn-section .main-btn[b-zg6ueyewgp] {
  width:95%;
  font-family: var(--wd-font-body);
}
@media(min-width:100px) and (max-width:767px) {
  .create-New-List-Modal .modal-content .modal-body .btn-section .main-btn[b-zg6ueyewgp] {
    min-width:initial;
  }
}
.recipes-details .rec-details .rec-right .shadowbox .main-btn[b-zg6ueyewgp] {
  width:100%;
}
@media(min-width:100px) and (max-width:767px) {
  .increase-Z-Index-Layer[b-zg6ueyewgp] {
    z-index:1040 !important;
  }
}
@media all and (-ms-high-contrast:none) {
  *[b-zg6ueyewgp]::-ms-backdrop,.shoppingList-recipe-modal .modal-body label.chk_label [type=checkbox]:checked+span[b-zg6ueyewgp]::before {
    position:absolute;
    top:0;
    left:0;
    right:0;
    font-size:.75em;
    bottom:0;
    padding-top:2px;
  }
  *[b-zg6ueyewgp]::-ms-backdrop,.shoppingList-recipe-modal .modal-body label.chk_label span[b-zg6ueyewgp] {
    display:inline-block;
    position:relative;
  }
  *[b-zg6ueyewgp]::-ms-backdrop,.shoppingList-recipe-modal .modal-body .center-btn[b-zg6ueyewgp] {
    padding-bottom:30px;
  }
}
/* /Components/Pages/RecipeFavorites.razor.rz.scp.css */
/* Scoped to RecipeFavorites.razor. .my-favorite-recipes and its descendants are copied
   verbatim from RecipeLibrary.razor.css (lines ~2717-2871) — that block was ported from the
   legacy global bundle but had no matching markup on RecipeLibrary.razor itself (see that
   file's header comment); this is the page it actually belongs to. Banner/.error-msg rules are
   likewise copied rather than shared, since Blazor's CSS isolation scopes a .razor.css file to
   only the component it sidecars — RecipeLibrary.razor.css's rules don't apply here even though
   this page reuses the same class names. */

/* Un-caps the shared page shell for THIS ROUTE ONLY, same intent as about_contact.css's and
   indirect-suppliers.css's own ".container-fluid__full { max-width: 100% }" overrides —
   _app-wd-legacy-content.scss:15325 caps it at 1170px globally on purpose (must not be removed
   there, see its own comment). Scoped CSS reaches this div directly since RecipeFavorites.razor
   authors its own <div class="container-fluid__full">, so this wins on specificity over the
   global rule without needing a page-CSS-map entry. */
.container-fluid__full[b-wr7eab8p86] {
  max-width: 100%;
}

.error-msg[b-wr7eab8p86] {
  color:var(--wd-color-brand-red);
}
.recipe-overview-loggedOut[b-wr7eab8p86] {
  z-index:11;
  position:relative;
}
.inner-banner img[b-wr7eab8p86] {
  width:100%;
}
.banner-heading[b-wr7eab8p86] {
  height:90px;
  font-size:3em;
  margin-top:-15%;
  padding:15px;
  border-radius:10px;
  margin-left:98px;
  background:var(--wd-color-brand-red);
  text-align:center;
  position:absolute;
  color:#fff;
  font-family: var(--wd-font-body);
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.75px;
}
@media(min-width:992px) and (max-width:1200px) {
  .banner-heading[b-wr7eab8p86] {
    width:160px;
    height:74px;
    font-size:2.375em;
  }
}
@media(min-width:768px) and (max-width:991px) {
  .banner-heading[b-wr7eab8p86] {
    width:160px;
    height:74px;
    font-size:2.375em;
    margin-left:18px;
  }
}
@media(min-width:100px) and (max-width:767px) {
  .banner-heading[b-wr7eab8p86] {
    width:130px;
    height:57px;
    font-size:1.875em;
    margin-top:-47%;
    padding:9px;
    margin-left:22px;
  }
}

.my-favorite-recipes[b-wr7eab8p86] {
  padding:50px 0;
  padding-top:15px;
}
/* This page merges .container onto the same element as .my-favorite-recipes (see
   RecipeFavorites.razor), so its horizontal padding is THIS specific override, not the
   generic 15px every other plain .container on the site falls back to. Verified against live
   at 4 breakpoints: 35px everywhere except a 30px dip between 768–1199px — without this, every
   descendant here measured ~40px wider than live (2×20px missing side padding). */
.my-favorite-recipes.container[b-wr7eab8p86] {
  padding-left:35px;
  padding-right:35px;
}
@media(min-width:768px) and (max-width:1199px) {
  .my-favorite-recipes.container[b-wr7eab8p86] {
    padding-left:30px;
    padding-right:30px;
  }
}
.my-favorite-recipes h2[b-wr7eab8p86] {
  margin:0 16px 0 0;
  font-family: var(--wd-font-body);
  font-size:36px;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.59px;
  color:var(--wd-color-brand-red);
}
@media(max-width:576px) {
  .my-favorite-recipes h2[b-wr7eab8p86] {
    font-size:22px;
  }
}
.my-favorite-recipes h2 .zero-rec[b-wr7eab8p86] {
  color:var(--wd-color-text) !important;
  font-size:1em;
  line-height:22px;
  margin-left:5px;
}

/* ---- Heading row + sort dropdown, added when RecipeFavorites.razor grew a real "Favorite
   recipes (N)" heading + sort UI to match live (previously just a bare <h2> with a nested
   .zero-rec — no sibling .zero-rec, no sort dropdown existed on this page at all). Verified
   against a live authenticated capture. .toggle-active .drop-select rules below are copied
   from RecipeLibrary.razor.css's own combobox (already verified pixel-perfect there), renamed
   to this page's .my-favorite-recipes ancestor per Blazor's per-component CSS scoping. ---- */
.my-favorite-recipes .fav_head[b-wr7eab8p86] {
  display:flex;
  align-items:center;
  margin:14px 0 0;
}
.my-favorite-recipes .fav_heading[b-wr7eab8p86] {
  display:inline;
  margin-bottom:32px;
}
.my-favorite-recipes #HeadwithFav[b-wr7eab8p86],
.my-favorite-recipes #HeadwithoutFav[b-wr7eab8p86] {
  margin-bottom:32px;
}
.my-favorite-recipes .zero-rec[b-wr7eab8p86] {
  color:var(--wd-color-text);
  font-size:1em;
  line-height:22px;
  margin-left:5px;
}
.my-favorite-recipes .btn-possion[b-wr7eab8p86] {
  text-align:right;
}
@media(max-width:767.98px) {
  .my-favorite-recipes .btn-possion[b-wr7eab8p86] {
    text-align:left;
  }
}
@media(max-width:767px) {
  .my-favorite-recipes .toggle-active[b-wr7eab8p86] {
    margin-top:16px;
  }
}
.my-favorite-recipes .toggle-active .drop-select[b-wr7eab8p86] {
  background-color:#fff;
  border:1px solid #d0d0d0;
  min-width:168px;
  height:40px;
  position:relative;
  margin:0;
  padding:0 5px;
}
.my-favorite-recipes .toggle-active .drop-select a.btn[b-wr7eab8p86],
.my-favorite-recipes .toggle-active .drop-select button.btn[b-wr7eab8p86] {
  font-size:1em;
  color:var(--wd-color-text);
  padding-left:63px;
  padding-top:10px;
  font-weight:600;
  padding-right:20px;
  box-shadow:none !important;
  width:100%;
  text-align:left;
  line-height:19px;
  text-decoration:none;
}
.my-favorite-recipes .toggle-active .drop-select a.btn:focus[b-wr7eab8p86],
.my-favorite-recipes .toggle-active .drop-select button.btn:focus[b-wr7eab8p86] {
  transition:none;
}
.my-favorite-recipes .toggle-active .drop-select a.btn[b-wr7eab8p86]:before,
.my-favorite-recipes .toggle-active .drop-select button.btn[b-wr7eab8p86]:before {
  content:"Sort by";
  position:absolute;
  left:5px;
  font-weight:400;
}
/* content was a bare "" (verified byte-for-byte — not a missing escape rendering invisibly),
   so the "Sort by" toggle never actually showed its red chevron-down; \f107 is Font Awesome
   5's fa-chevron-down glyph, confirmed against live's own computed ::after content codepoint
   (0xf107) captured while authenticated. */
.my-favorite-recipes .toggle-active .drop-select a.btn[b-wr7eab8p86]:after,
.my-favorite-recipes .toggle-active .drop-select button.btn[b-wr7eab8p86]:after {
  top:6px;
  padding-left:20px;
  font-family:Font Awesome\ 5 Free;
  content:"\f107";
  color:var(--wd-color-brand-red);
  font-size:medium;
}
@media(max-width:991px) {
  .my-favorite-recipes .toggle-active .drop-select a.btn[b-wr7eab8p86],
  .my-favorite-recipes .toggle-active .drop-select button.btn[b-wr7eab8p86] {
    font-size:.875em;
  }
}
.my-favorite-recipes .toggle-active .drop-select .open>.dropdown-menu[b-wr7eab8p86] {
  display:block;
  width:100%;
}
.my-favorite-recipes .toggle-active .drop-select .open>.dropdown-menu a.btn[b-wr7eab8p86]:after {
  right:12px;
  top:6px;
  font-family:Font Awesome\ 5 Free;
  color:var(--wd-color-brand-red);
  font-size:medium;
  content:"\f107";
}
.my-favorite-recipes .toggle-active .drop-select span.caret[b-wr7eab8p86] {
  display:none;
}
.my-favorite-recipes .toggle-active .drop-select ul.dropdown-menu[b-wr7eab8p86] {
  min-width:100% !important;
  border:none;
}
.my-favorite-recipes .toggle-active .drop-select ul.dropdown-menu li a[b-wr7eab8p86] {
  color:var(--wd-color-text);
  padding:5px 14px;
  text-decoration:none;
}
.my-favorite-recipes .toggle-active .drop-select ul.dropdown-menu li a:focus[b-wr7eab8p86],
.my-favorite-recipes .toggle-active .drop-select ul.dropdown-menu li a:hover[b-wr7eab8p86] {
  background-color:var(--wd-color-brand-red) !important;
  background-image:none;
  color:#fff;
  filter:none;
}
.my-favorite-recipes .toggle-active .drop-select .btn-group.drop-select .btn[b-wr7eab8p86]:after {
  display:block;
  content:" ";
  width:8px;
  height:8px;
  background-image:url("../../../Areas/V2/Sass/images/drop-down.png");
  position:absolute;
  background-position:center;
  background-repeat:no-repeat;
  right:8px;
  top:13px;
  background-size:contain;
}
.my-favorite-recipes .toggle-active .drop-select .btn-group.drop-select.open .btn[b-wr7eab8p86]:after {
  right:12px;
  top:6px;
  font-family:Font Awesome\ 5 Free;
  color:var(--wd-color-brand-red);
  font-size:medium;
  content:"\f107";
}
.my-favorite-recipes .noRecipeErr[b-wr7eab8p86] {
  text-align:center;
  margin:50px;
}
.my-favorite-recipes .recipes-container[b-wr7eab8p86] {
  margin:32px -15px 45px;
}
.my-favorite-recipes .fav_recipe[b-wr7eab8p86] {
  margin-bottom:30px;
}
@media(min-width:1200px) {
  /* Equal-height cards keep the float grid's row wrapping left-aligned — with
     the mismatched heights this used to have, a 5th card (starting row 2)
     could tuck under a shorter row-1 neighbor instead of wrapping to the left
     edge. Applied via the shared .fav_recipe class (not scoped under
     .recipes-container) so the "You may also like" recommendations slider's
     cards get the same fixed height as the favorites grid's. */
  .my-favorite-recipes .fav_recipe[b-wr7eab8p86] {
    height:411px;
  }
}
/* Verified live: the card <li> (col-md-4 col-lg-3 col-sm-4 d-padding fav_recipe) carries
   its own 0/15px horizontal padding via .d-padding — missing here entirely before, so the
   Bootstrap column's own side padding (baked into .col-md-4/.col-lg-3 elsewhere) was the only
   thing spacing cards apart, leaving every card ~22px wider than live's. */
.my-favorite-recipes .d-padding[b-wr7eab8p86] {
  padding:0 15px;
}
.my-favorite-recipes .recipes-card[b-wr7eab8p86] {
  height:calc(100%);
  padding:16px 16px 16px 15px;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.12);
  background-color:#fff;
}
.my-favorite-recipes .recipes-card:focus>h2[b-wr7eab8p86] {
  color:var(--wd-color-brand-red) !important;
  font-weight:600;
  border-bottom:3px solid var(--wd-color-brand-red);
  padding-bottom:15px;
}
.my-favorite-recipes .recipes-card .item-image[b-wr7eab8p86] {
  width:100%;
  max-width:100%;
  height:165px;
  overflow:hidden;
  background-position:center;
  background-size:cover;
}
.my-favorite-recipes .recipes-card .item-image.no-image[b-wr7eab8p86] {
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:8px;
  background-color:var(--wd-color-surface-alt);
  color:var(--wd-color-text);
  font-size:14px;
}
@media(max-width:768px) {
  .my-favorite-recipes .recipes-card .item-image[b-wr7eab8p86] {
    width:100%;
    min-width:100%;
    height:134px;
  }
}
@media(max-width:576px) {
  .my-favorite-recipes .recipes-card .item-image[b-wr7eab8p86] {
    width:100%;
    min-width:100%;
    height:170px;
  }
}
@media(max-width:1199px) and (min-width:992px) {
  .my-favorite-recipes .recipes-card .item-image[b-wr7eab8p86] {
    width:100%;
  }
}
.my-favorite-recipes .recipes-card h2[b-wr7eab8p86] {
  margin:16px 0 8px 1px;
  font-family: var(--wd-font-body);
  font-size:20px;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.25;
  letter-spacing:-.33px;
  color:var(--wd-color-brand-red);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:576px) {
  .my-favorite-recipes .recipes-card h2[b-wr7eab8p86] {
    font-size:1em;
  }
}
.my-favorite-recipes .recipes-card .cook-time[b-wr7eab8p86] {
  height:100px;
  overflow:hidden;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  margin:8px 0 8px 1px;
}
.my-favorite-recipes .recipes-card .cook-time p[b-wr7eab8p86] {
  margin:0 0 10px;
}
@media(max-width:768px) {
  .my-favorite-recipes .recipes-card .cook-time[b-wr7eab8p86] {
    height:130px;
  }
}
@media(max-width:576px) {
  .my-favorite-recipes .recipes-card .cook-time[b-wr7eab8p86] {
    font-size:.875em;
    height:auto;
    min-height:65px;
  }
}
@media(max-width:1199px) and (min-width:992px) {
  .my-favorite-recipes .recipes-card .cook-time[b-wr7eab8p86] {
    height:130px;
  }
}
.my-favorite-recipes .recipes-card .cook-time .oval-tag[b-wr7eab8p86] {
  width:24px;
  height:24px;
  margin:0 8px 8px 0;
  background-color:#4d4d4f;
  color:#fff;
  font-size:10px;
  text-align:center;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  float:left;
}
.my-favorite-recipes .recipes-card .slide-btm-left[b-wr7eab8p86],.my-favorite-recipes .recipes-card .slide-btm-right[b-wr7eab8p86] {
  color:var(--wd-color-brand-red);
  margin:0;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.56;
  letter-spacing:-.27px;
}
/* Bootstrap's own `a { color: #337ab7 }` sets color directly on the <a> element, which always
   wins over an inherited value no matter how specific the ancestor rule above is — inheritance
   only fills in properties the element itself never set. Missing this explicit `a` rule (present
   on RecipeLibrary.razor.css's equivalent, RecipeFavorites was copied from) is why "See recipe"
   rendered as a plain blue link instead of red here. */
.my-favorite-recipes .recipes-card .slide-btm-left a[b-wr7eab8p86],
.my-favorite-recipes .recipes-card .slide-btm-left a:focus[b-wr7eab8p86],
.my-favorite-recipes .recipes-card .slide-btm-left a:hover[b-wr7eab8p86],
.my-favorite-recipes .recipes-card .slide-btm-right a[b-wr7eab8p86],
.my-favorite-recipes .recipes-card .slide-btm-right a:focus[b-wr7eab8p86],
.my-favorite-recipes .recipes-card .slide-btm-right a:hover[b-wr7eab8p86] {
  color:var(--wd-color-brand-red);
  display:flex;
  align-items:center;
  text-decoration:none;
}
.my-favorite-recipes .recipes-card .slide-btm-left .fa[b-wr7eab8p86] {
  margin-left:8px;
  font-weight:bold;
  font-size:18px;
}
.my-favorite-recipes .recipes-card .slide-btm-right[b-wr7eab8p86] {
  text-align:right;
}
.my-favorite-recipes .recipes-card .slide-btm-right button[b-wr7eab8p86] {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:2px 5px;
  border:none;
  background-color:transparent;
  color:var(--wd-color-brand-red);
  font-size:1.5em;
}

/* ---- Selected-filter chips — ported from RecipeLibrary.razor.css's own .choose-catagory/
   .btnClearFilter rules (same recipeLibrary.js removal wiring), just re-scoped under
   .my-favorite-recipes instead of .recipe-library. ---- */
.my-favorite-recipes .choose-catagory[b-wr7eab8p86] {
  width:auto;
  height:38px;
  margin:35px 16px 0 0;
  padding:8px 15px;
  border-radius:19px;
  border:solid 1px #4d4d4f;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  letter-spacing:-.19px;
  color:var(--wd-color-text);
  text-align:center;
  display:inline-block;
  text-decoration:none;
}
.my-favorite-recipes .choose-catagory span[b-wr7eab8p86] {
  color:var(--wd-color-text);
  font-size:1em;
  text-decoration:none;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.25px;
}
.my-favorite-recipes .choose-catagory a[b-wr7eab8p86] {
  color:var(--wd-color-text);
  padding-right:0;
}
.my-favorite-recipes .choose-catagory i:focus[b-wr7eab8p86] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}
@media(max-width:768px) {
  .my-favorite-recipes .choose-catagory[b-wr7eab8p86] {
    font-size:.875em;
    height:30px;
    padding:5px 15px;
    margin-top:16px;
  }
}
.my-favorite-recipes .btnClearFilter[b-wr7eab8p86] {
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  color:var(--wd-color-brand-red);
  line-height:1.57;
  letter-spacing:-.23px;
  background:none;
  border:none;
  text-decoration:underline;
}
.my-favorite-recipes .btnClearFilter:hover[b-wr7eab8p86] {
  font-weight:600;
}
@media(max-width:768px) {
  .my-favorite-recipes .btnClearFilter[b-wr7eab8p86] {
    font-size:.75em;
    display:block;
    margin-top:16px;
  }
}

/* ---- Zero-favorites backfill: no_fav message + recommendations slider + CTA. Ported from
   legacy's Areas/V2/Sass/components/_fav_recipe.scss (#no_fav / .favorites-slider / .main-btn),
   same class-name-not-shared-across-components caveat as this file's header comment. ---- */
.my-favorite-recipes #no_fav[b-wr7eab8p86] {
  height:281px;
  margin:32px 0 64px 0;
  border:dashed 1px #979797;
  padding:24px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:var(--wd-color-text);
  font-size:1em;
}
.my-favorite-recipes #no_fav img[b-wr7eab8p86] {
  max-width:64px;
  margin-bottom:12px;
}
@media(max-width:1024px) and (min-width:768px) {
  .my-favorite-recipes #no_fav[b-wr7eab8p86] { margin:32px 0 56px 0; }
}
@media(max-width:767px) {
  .my-favorite-recipes #no_fav[b-wr7eab8p86] { margin:32px 0 40px 0; }
}

/* ::deep, not plain scoped selectors, on every rule below that targets a slick.js-generated
   element (.slick-slide/.slick-track/.slick-prev/.slick-next/.slick-dots and their children) —
   slick.js builds those via raw DOM APIs at runtime, so they carry no Blazor scope attribute at
   all, and a plain scoped rule (which Blazor compiles by appending the scope attribute to only
   the LAST class in the chain) silently never matches them. Same root cause and fix as
   Coupons.razor.css's own ::deep block (see its header comment) — arrows/dots/track spacing here
   were being emitted into the stylesheet but never actually applied in the browser. .favorites-
   slider itself is authored directly in RecipeFavorites.razor, so rules that stop there (no
   slick-* descendant) don't need ::deep. */
.my-favorite-recipes[b-wr7eab8p86]  .slick-prev:before,
.my-favorite-recipes[b-wr7eab8p86]  .slick-next:before {
  content:'' !important;
  display:none !important;
}
.my-favorite-recipes[b-wr7eab8p86]  .slick-next.slick-disabled:before,
.my-favorite-recipes[b-wr7eab8p86]  .slick-prev.slick-disabled:before {
  display:none !important;
}
.my-favorite-recipes .favorites-slider[b-wr7eab8p86] {
  margin:0 -15px;
  padding:0;
}
@media(max-width:576px) {
  .my-favorite-recipes .favorites-slider[b-wr7eab8p86] { margin-bottom:60px; }
}
.my-favorite-recipes .favorites-slider[b-wr7eab8p86]  .slick-slide {
  /* Horizontal spacing comes from .d-padding on the card wrapper (same 0 15px
     the favorites grid's <li> uses) rather than padding here, so slider cards
     are the same width as the grid's — the slide itself carries no padding. */
  padding:0;
}
.my-favorite-recipes .favorites-slider[b-wr7eab8p86]  .slick-slide:focus {
  outline:2px solid var(--wd-color-focus-ring);
  outline-offset:-2px;
}
.my-favorite-recipes .favorites-slider[b-wr7eab8p86]  .slick-slider .slick-track {
  margin:0px;
}
.my-favorite-recipes .favorites-slider[b-wr7eab8p86]  .slick-slider .slick-disabled {
  display:none !important;
}
.my-favorite-recipes .favorites-slider[b-wr7eab8p86]  .slick-slider button.slick-prev {
  position:absolute;
  left:-16px;
  top:50%;
  background-image:url("/Areas/V2/Images/WR-left-arrow.png");
  background-color:transparent;
  border:none;
  height:15px;
  background-size:contain;
  background-repeat:no-repeat;
  padding:8px;
  background-position:center;
  font-size:0;
}
.my-favorite-recipes .favorites-slider[b-wr7eab8p86]  .slick-slider button.slick-prev::before {
  content:"" !important;
  display:none !important;
}
.my-favorite-recipes .favorites-slider[b-wr7eab8p86]  .slick-slider button.slick-prev:focus {
  outline:2px solid var(--wd-color-focus-ring);
}
.my-favorite-recipes .favorites-slider[b-wr7eab8p86]  .slick-slider button.slick-next {
  position:absolute;
  right:-16px;
  top:50%;
  background-image:url("/Areas/V2/Images/WR-right-arrow.png");
  background-color:transparent;
  border:none;
  height:15px;
  background-size:contain;
  background-repeat:no-repeat;
  padding:8px;
  background-position:center;
  font-size:0;
}
.my-favorite-recipes .favorites-slider[b-wr7eab8p86]  .slick-slider button.slick-next::before {
  content:"" !important;
  display:none !important;
}
.my-favorite-recipes .favorites-slider[b-wr7eab8p86]  .slick-dots {
  bottom:-35px;
}
.my-favorite-recipes .favorites-slider[b-wr7eab8p86]  .slick-dots li.slick-active button {
  background:#333333;
}
.my-favorite-recipes .favorites-slider[b-wr7eab8p86]  .slick-dots li button {
  height:4px;
  padding:0;
  background:var(--wd-color-border);
  width:25px;
  margin-top:10px;
}
.my-favorite-recipes .favorites-slider[b-wr7eab8p86]  .slick-dots li button::before {
  display:none;
}
@media(max-width:767px) {
  .my-favorite-recipes .favorites-slider[b-wr7eab8p86] { margin-top:5px; }
  .my-favorite-recipes .favorites-slider[b-wr7eab8p86]  .c-icons { display:none !important; }
}

.my-favorite-recipes .main-btn[b-wr7eab8p86] {
  height:49px;
  padding:0 40px;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:47px;
  letter-spacing:-.03px;
  text-align:center;
  margin-bottom:96px;
  margin-top:50px;
  color:#ffffff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  display:inline-block;
  text-decoration:none;
  transition:background-color .2s ease-out;
}
.my-favorite-recipes .main-btn:hover[b-wr7eab8p86] {
  background-color:var(--wd-color-primary-hover);
  border:1px solid var(--wd-color-primary-hover);
  color:#ffffff;
}
.my-favorite-recipes .main-btn:focus[b-wr7eab8p86] {
  border:solid 2px #ffffff !important;
}
@media(max-width:1024px) and (min-width:768px) {
  .my-favorite-recipes .main-btn[b-wr7eab8p86] { margin-top:48px; }
}
@media(max-width:767px) {
  .my-favorite-recipes .main-btn[b-wr7eab8p86] { width:230px; margin-top:13px; }
}
/* /Components/Pages/RecipeLibrary.razor.rz.scp.css */
/* Scoped to RecipeLibrary.razor. Moved from wwwroot/scss/WD/recipelibrary-wd.scss (was linked
   as a page-specific <link> in RecipeLibrary.razor's HeadContent). Mechanically extracted with
   sed rather than hand-transcribed, given the file's size (~2950 lines) — this only strips a
   byte-for-byte duplicate keyframes/btn-dot-loading block (same boilerplate seen across several
   other per-page bundles, see StoreDetails.razor.css) and swaps the header comment; every other
   byte is unchanged. Both .recipe-overview-loggedOut (banner + filter bar) and .recipe-library
   (the results grid) are rendered directly by this one page, so the whole file moves as a unit
   with no splitting needed. A handful of trailing rules (.recipe-filter-section-main,
   .recipes-catgry, .my-favorite-recipes, etc.) don't match anything this page renders — they
   were already dead weight in the original global bundle (this file is linked only on
   /recipes/library) and are carried over unchanged rather than "fixed", to avoid changing
   behavior beyond the CSS-isolation move itself. */

@charset "UTF-8";

/* Un-caps the shared page shell for THIS ROUTE ONLY (/recipes/library and its
   /recipes/library/{LegacySegment} variant), same intent as about_contact.css's and
   indirect-suppliers.css's own ".container-fluid__full { max-width: 100% }" overrides —
   _app-wd-legacy-content.scss:15325 caps it at 1170px globally on purpose (must not be removed
   there, see its own comment). Scoped CSS reaches this div directly since RecipeLibrary.razor
   authors its own <div class="container-fluid__full">, so this wins on specificity over the
   global rule without needing a page-CSS-map entry. */
.container-fluid__full[b-hxb4w7y3rd] {
  max-width: 100%;
}
@keyframes stretch-b-hxb4w7y3rd {
  0% {
    transform:scale(.5);
    background-color:var(--wd-color-brand-red);
  }
  50% {
    background-color:var(--wd-color-brand-red);
  }
  100% {
    transform:scale(1);
    background-color:#fff;
  }
}
.btn-dot-loading.btn--loading[b-hxb4w7y3rd] {
  font-size:0;
}
.btn-dot-loading.btn--loading .btn-span[b-hxb4w7y3rd] {
  display:flex !important;
  justify-content:center;
}
.btn-dot-loading.btn--loading .btn-span b[b-hxb4w7y3rd] {
  animation-direction:alternate;
  animation-duration:.5s;
  animation-fill-mode:none;
  animation-iteration-count:infinite;
  animation-name:stretch-b-hxb4w7y3rd;
  animation-play-state:running;
  animation-timing-function:ease-out;
  border-radius:100%;
  display:block;
  height:10px;
  margin:0 1px;
  width:10px;
  animation-delay:.1s;
  margin:0 5px;
}
.btn-dot-loading.btn--loading .btn-span b:first-child[b-hxb4w7y3rd] {
  animation-delay:0s;
  margin:0;
}
.btn-dot-loading.btn--loading .btn-span b:last-child[b-hxb4w7y3rd] {
  animation-delay:.2s;
  margin:0;
}
.btn-dot-loading b[b-hxb4w7y3rd] {
  font-weight:normal;
}
.btn-dot-loading .btn-span[b-hxb4w7y3rd] {
  display:none;
}
body[b-hxb4w7y3rd] {
  background:#fff;
}
.w-100[b-hxb4w7y3rd] {
  width:100%;
}
.pr-0[b-hxb4w7y3rd] {
  padding-right:0;
}
.error-msg[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
}
@media(min-width:768px) {
  .container[b-hxb4w7y3rd] {
    width:100%;
  }
}
.recipe-library[b-hxb4w7y3rd] {
  /* Pagination's scroll-to-top (wwwroot/js/recipeLibrary.js) targets this section's #id via
     scrollIntoView; without this the sticky/fixed header (--wd-header-h, MainLayout.razor.css)
     lands flush with the viewport top and covers the recipe-count heading underneath it. The
     extra 20px keeps a visible gap above the heading instead of butting it against the header. */
  scroll-margin-top: calc(var(--wd-header-h, 94px) + 50px);
  font-family: var(--wd-font-body);
  font-weight:normal;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
  padding:0;
  color:var(--wd-color-text);
  max-width:1170px;
  margin:50px auto;
}
@media(max-width:991px) {
  .recipe-library[b-hxb4w7y3rd] {
    padding:0 32px;
  }
}
@media(min-width:992px) and (max-width:1200px) {
  .recipe-library[b-hxb4w7y3rd] {
    padding:30px;
  }
}
.recipe-library .p-0[b-hxb4w7y3rd] {
  padding:0;
}
.recipe-library .m-0[b-hxb4w7y3rd] {
  margin:0;
}
.recipe-library .noRecipeErr[b-hxb4w7y3rd] {
  text-align:center;
  margin:50px;
}
.recipe-library .recipe_head[b-hxb4w7y3rd] {
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
}
.recipe-library h2[b-hxb4w7y3rd] {
  margin:0 8px 0 0;
  font-family: var(--wd-font-body);
  font-size:2.25em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.59px;
  color:var(--wd-color-brand-red);
  display:inline-block;
}
@media(max-width:768px) {
  .recipe-library h2[b-hxb4w7y3rd] {
    font-size:1.375em;
  }
}
.recipe-library h2 .zero-rec[b-hxb4w7y3rd] {
  color:var(--wd-color-text);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  margin-left:5px;
}
.recipe-library .btn-possion[b-hxb4w7y3rd] {
  text-align:right;
}
@media(max-width:767.98px) {
  .recipe-library .btn-possion[b-hxb4w7y3rd] {
    text-align:left;
  }
}
@media(max-width:767px) {
  .recipe-library .toggle-active[b-hxb4w7y3rd] {
    margin-top:16px;
  }
}
.recipe-library .toggle-active .drop-select[b-hxb4w7y3rd] {
  background-color:#fff;
  border:1px solid #d0d0d0;
  min-width:168px;
  height:40px;
  position:relative;
  margin:0;
  padding:0 5px;
}
@media(max-width:767px) {
  .recipe-library .toggle-active .drop-select[b-hxb4w7y3rd] {
    margin:0;
  }
}
.recipe-library .toggle-active .drop-select a.btn[b-hxb4w7y3rd],.recipe-library .toggle-active .drop-select button.btn[b-hxb4w7y3rd] {
  font-size:1em;
  color:var(--wd-color-text);
  padding-left:58px;
  padding-top:10px;
  font-weight:600;
  padding-right:20px;
  box-shadow:none !important;
  width:100%;
  text-align:left;
  line-height:19px;
  text-decoration:none;
}
.recipe-library .toggle-active .drop-select a.btn:focus[b-hxb4w7y3rd],.recipe-library .toggle-active .drop-select button.btn:focus[b-hxb4w7y3rd] {
  transition:none;
}
.recipe-library .toggle-active .drop-select a.btn[b-hxb4w7y3rd]:before,.recipe-library .toggle-active .drop-select button.btn[b-hxb4w7y3rd]:before {
  content:"Sort by";
  position:absolute;
  left:5px;
  font-weight:400;
}
.recipe-library .toggle-active .drop-select a.btn[b-hxb4w7y3rd]:after,.recipe-library .toggle-active .drop-select button.btn[b-hxb4w7y3rd]:after {
  top:6px;
  padding-left:20px;
  font-family:Font Awesome\ 5 Free;
  content:"";
  color:var(--wd-color-brand-red);
  font-size:medium;
}
@media(max-width:991px) {
  .recipe-library .toggle-active .drop-select a.btn[b-hxb4w7y3rd],.recipe-library .toggle-active .drop-select button.btn[b-hxb4w7y3rd] {
    font-size:.875em;
  }
}
.recipe-library .toggle-active .drop-select .open>.dropdown-menu[b-hxb4w7y3rd] {
  display:block;
  width:100%;
}
.recipe-library .toggle-active .drop-select .open>.dropdown-menu a.btn[b-hxb4w7y3rd]:after {
  right:12px;
  top:6px;
  font-family:Font Awesome\ 5 Free;
  color:var(--wd-color-brand-red);
  font-size:medium;
  content:"";
}
.recipe-library .toggle-active .drop-select li.dropdown-submenu:hover ul[b-hxb4w7y3rd] {
  display:block;
  left:100%;
}
.recipe-library .toggle-active .drop-select .dropdown-submenu[b-hxb4w7y3rd] {
  position:relative;
}
.recipe-library .toggle-active .drop-select .dropdown-submenu:hover .dropdown-menu[b-hxb4w7y3rd] {
  top:0;
}
.recipe-library .toggle-active .drop-select span.caret[b-hxb4w7y3rd] {
  display:none;
}
.recipe-library .toggle-active .drop-select ul.dropdown-menu[b-hxb4w7y3rd] {
  min-width:100% !important;
  border:none;
}
.recipe-library .toggle-active .drop-select ul.dropdown-menu li a[b-hxb4w7y3rd] {
  color:var(--wd-color-text);
  padding:5px 14px;
  text-decoration:none;
}
.recipe-library .toggle-active .drop-select ul.dropdown-menu li a:focus[b-hxb4w7y3rd],.recipe-library .toggle-active .drop-select ul.dropdown-menu li a:hover[b-hxb4w7y3rd] {
  background-color:var(--wd-color-brand-red) !important;
  background-image:none;
  color:#fff;
  filter:none;
}
.recipe-library .toggle-active .drop-select .btn-group.drop-select .btn[b-hxb4w7y3rd]:after {
  display:block;
  content:" ";
  width:8px;
  height:8px;
  background-image:url("../../../Areas/V2/Sass/images/drop-down.png");
  position:absolute;
  background-position:center;
  background-repeat:no-repeat;
  right:8px;
  top:13px;
  background-size:contain;
}
.recipe-library .toggle-active .drop-select .btn-group.drop-select.open .btn[b-hxb4w7y3rd]:after {
  right:12px;
  top:6px;
  font-family:Font Awesome\ 5 Free;
  color:var(--wd-color-brand-red);
  font-size:medium;
  content:"";
}
.recipe-library .choose-catagory[b-hxb4w7y3rd] {
  width:auto;
  height:38px;
  margin:35px 16px 0 0;
  padding:8px 15px;
  border-radius:19px;
  border:solid 1px #4d4d4f;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  letter-spacing:-.19px;
  color:var(--wd-color-text);
  text-align:center;
  display:inline-block;
  text-decoration:none;
}
.recipe-library .choose-catagory span[b-hxb4w7y3rd] {
  color:var(--wd-color-text);
  font-size:1em;
  text-decoration:none;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.25px;
}
.recipe-library .choose-catagory button[b-hxb4w7y3rd] {
  background:transparent;
  border:none;
  padding-right:0;
}
.recipe-library .choose-catagory i:focus[b-hxb4w7y3rd] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}
@media(max-width:768px) {
  .recipe-library .choose-catagory[b-hxb4w7y3rd] {
    font-size:.875em;
    height:30px;
    padding:5px 15px;
    margin-top:16px;
  }
}
.recipe-library .btnClearFilter[b-hxb4w7y3rd] {
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  color:var(--wd-color-brand-red);
  line-height:1.57;
  letter-spacing:-.23px;
  background:none;
  border:none;
  text-decoration:underline;
}
.recipe-library .btnClearFilter:hover[b-hxb4w7y3rd] {
  font-weight:600;
}
@media(max-width:768px) {
  .recipe-library .btnClearFilter[b-hxb4w7y3rd] {
    font-size:.75em;
    display:block;
    margin-top:16px;
  }
}
.recipe-library .recipes-container[b-hxb4w7y3rd] {
  margin:32px -10px 0 -10px;
  flex-wrap:wrap;
}
@media(max-width:767px) {
  .recipe-library .recipes-container[b-hxb4w7y3rd] {
    margin-bottom:0;
  }
}
@-moz-document url-prefix() {
  .recipe-library .recipes-container[b-hxb4w7y3rd] {
    display:flex;
  }
}
@media all and (-ms-high-contrast:none) {
  .recipe-library .recipes-container[b-hxb4w7y3rd] {
    display:flex;
  }
}
.recipe-library .recipes-container .m-30[b-hxb4w7y3rd] {
  margin:0;
  padding:10px;
  margin-bottom:30px;
}
.recipe-library .recipes-card[b-hxb4w7y3rd] {
  height:calc(100%);
  padding:16px 16px 16px 15px;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.12);
  background-color:#fff;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.recipe-library .recipes-card:focus>h2[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
  font-weight:600;
  border-bottom:3px solid var(--wd-color-brand-red);
  padding-bottom:15px;
}
.recipe-library .recipes-card .card-content[b-hxb4w7y3rd] {
  display:flex;
  flex-flow:row wrap;
  justify-content:space-between;
  min-height:355px;
  height:365px;
  max-height:100%;
}
@media(max-width:767px) {
  .recipe-library .recipes-card .card-content[b-hxb4w7y3rd] {
    min-height:fit-content;
    height:auto;
  }
}
.recipe-library .recipes-card .item-image[b-hxb4w7y3rd] {
  width:100%;
  height:165px;
  overflow:hidden;
  background-position:center;
  background-size:cover;
}
@media(max-width:767px) {
  .recipe-library .recipes-card .item-image[b-hxb4w7y3rd] {
    width:100%;
    min-width:100%;
    height:235px;
  }
}
@media(max-width:1199px) and (min-width:992px) {
  .recipe-library .recipes-card .item-image[b-hxb4w7y3rd] {
    width:100%;
  }
}
.recipe-library .recipes-card h2[b-hxb4w7y3rd] {
  margin:16px 0 8px 1px;
  font-family: var(--wd-font-body);
  font-size:20px;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.25;
  letter-spacing:-.33px;
  color:var(--wd-color-brand-red);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  width:100%;
}
@media(max-width:576px) {
  .recipe-library .recipes-card h2[b-hxb4w7y3rd] {
    font-size:1em;
  }
}
.recipe-library .recipes-card .cook-time[b-hxb4w7y3rd] {
  height:100px;
  overflow:hidden;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  margin:8px 0 8px 1px;
}
@media(max-width:768px) {
  .recipe-library .recipes-card .cook-time[b-hxb4w7y3rd] {
    height:130px;
  }
}
@media(max-width:576px) {
  .recipe-library .recipes-card .cook-time[b-hxb4w7y3rd] {
    font-size:.875em;
    height:auto;
    min-height:65px;
  }
}
@media(max-width:1199px) and (min-width:992px) {
  .recipe-library .recipes-card .cook-time[b-hxb4w7y3rd] {
    height:130px;
  }
}
.recipe-library .recipes-card .cook-time .oval-tag[b-hxb4w7y3rd] {
  width:24px;
  height:24px;
  margin:0 8px 8px 0;
  padding:7px 0;
  background-color:#4d4d4f;
  color:#fff;
  font-size:10px;
  text-align:center;
  border-radius:50%;
  display:inline-block;
  float:left;
}
.recipe-library .recipes-card .restrictions[b-hxb4w7y3rd] {
  margin-top:8px;
}
.recipe-library .recipes-card .slide-btm-left[b-hxb4w7y3rd],.recipe-library .recipes-card .slide-btm-right[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
  margin:0;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.56;
  letter-spacing:-.27px;
  padding:0;
}
.recipe-library .recipes-card .slide-btm-left i[b-hxb4w7y3rd],.recipe-library .recipes-card .slide-btm-right i[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
  font-size:1.375em;
}
.recipe-library .recipes-card .slide-btm-left a[b-hxb4w7y3rd],.recipe-library .recipes-card .slide-btm-left a:focus[b-hxb4w7y3rd],.recipe-library .recipes-card .slide-btm-left a:hover[b-hxb4w7y3rd],.recipe-library .recipes-card .slide-btm-right a[b-hxb4w7y3rd],.recipe-library .recipes-card .slide-btm-right a:focus[b-hxb4w7y3rd],.recipe-library .recipes-card .slide-btm-right a:hover[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
  display:flex;
  align-items:center;
  text-decoration:none;
}
.recipe-library .recipes-card .slide-btm-left button[b-hxb4w7y3rd],.recipe-library .recipes-card .slide-btm-right button[b-hxb4w7y3rd] {
  background:transparent;
  border:none;
  display:flex;
  align-items:center;
}
.recipe-library .recipes-card .slide-btm-left .fa[b-hxb4w7y3rd] {
  margin-left:8px;
  font-weight:bold;
  font-size:18px;
}
.recipe-library .recipes-card .slide-btm-right[b-hxb4w7y3rd] {
  text-align:right;
}
/* .slide-btm-left/-right a share display:flex above, which makes the anchor a
   block-level flex container spanning the full column width — text-align:right on
   the parent has no effect on a block-level child's own position, so the heart icon
   was rendering flush-left inside its column instead of at the corner like live. */
.recipe-library .recipes-card .slide-btm-right a[b-hxb4w7y3rd],.recipe-library .recipes-card .slide-btm-right button[b-hxb4w7y3rd] {
  justify-content:flex-end;
  width:100%;
}
.recipe-library .slick-prev[b-hxb4w7y3rd]:before,.recipe-library .slick-next[b-hxb4w7y3rd]:before {
  content:'' !important;
  display:none !important;
}
.recipe-library .slick-next.slick-disabled[b-hxb4w7y3rd]:before,.recipe-library .slick-prev.slick-disabled[b-hxb4w7y3rd]:before {
  display:none !important;
}
.recipe-library .favorites-slider[b-hxb4w7y3rd] {
  margin:20px 0 40px;
  padding:0;
}
@media(max-width:576px) {
  .recipe-library .favorites-slider[b-hxb4w7y3rd] {
    margin-bottom:60px;
  }
}
.recipe-library .favorites-slider .slick-slide[b-hxb4w7y3rd] {
  padding:15px;
}
.recipe-library .favorites-slider .slick-slide img[b-hxb4w7y3rd] {
  width:232px;
}
.recipe-library .favorites-slider .slick-slider button.slick-prev[b-hxb4w7y3rd] {
  position:absolute;
  left:-40px;
  top:50%;
  background-image:url("../../../Areas/V2/Sass/images/left-arrow.png");
  background-color:transparent;
  border:none;
  height:15px;
  background-size:contain;
  background-repeat:no-repeat;
  padding:8px;
  background-position:center;
  font-size:0;
}
.recipe-library .favorites-slider .slick-slider button.slick-prev[b-hxb4w7y3rd]::before {
  content:"" !important;
  display:none !important;
}
.recipe-library .favorites-slider .slick-slider button.slick-next[b-hxb4w7y3rd] {
  position:absolute;
  right:-40px;
  top:50%;
  background-image:url("../../../Areas/V2/Sass/images/right-arrow.png");
  background-color:transparent;
  border:none;
  height:15px;
  background-size:contain;
  background-repeat:no-repeat;
  padding:8px;
  background-position:center;
  font-size:0;
}
.recipe-library .favorites-slider .slick-slider button.slick-next[b-hxb4w7y3rd]::before {
  content:"" !important;
  display:none !important;
}
.recipe-library .favorites-slider .slick-dots[b-hxb4w7y3rd] {
  bottom:-35px;
}
.recipe-library .favorites-slider .slick-dots li.slick-active button[b-hxb4w7y3rd] {
  background:#333;
}
.recipe-library .favorites-slider .slick-dots li button[b-hxb4w7y3rd] {
  height:4px;
  padding:0;
  background:var(--wd-color-border);
  width:25px;
  margin-top:10px;
}
.recipe-library .favorites-slider .slick-dots li button[b-hxb4w7y3rd]::before {
  display:none;
}
@media(max-width:767px) {
  .recipe-library .favorites-slider[b-hxb4w7y3rd] {
    margin-top:5px;
  }
  .recipe-library .favorites-slider .c-icons[b-hxb4w7y3rd] {
    display:none !important;
  }
  .recipe-library .favorites-slider .slick-arrow[b-hxb4w7y3rd] {
    display:none !important;
  }
}
.recipe-library .main-btn[b-hxb4w7y3rd] {
  height:49px;
  padding:0 40px;
  border:solid 1px var(--wd-color-brand-red);
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:47px;
  letter-spacing:-.03px;
  text-align:center;
  color:var(--wd-color-brand-red);
  background-color:#fff;
}
.recipe-library .slider-arrows[b-hxb4w7y3rd] {
  text-align:center;
}
.recipe-library .slider-arrows .paginate[b-hxb4w7y3rd] {
  position:relative;
  left:-40px;
  width:10px;
  height:22px;
  background-color:transparent;
  border:none;
  height:15px;
  background-size:contain;
  background-repeat:no-repeat;
  padding:8px;
  background-position:center;
  font-size:0;
  position:inherit;
}
.recipe-library .slider-arrows .paginate.left[b-hxb4w7y3rd] {
  background-image:url("/Areas/V2/Images/WR-left-arrow.png");
}
.recipe-library .slider-arrows .paginate.left[disabled][b-hxb4w7y3rd] {
  background-image:url("/Areas/V2/Images/left-arrow-disabled.png");
}
.recipe-library .slider-arrows .paginate.right[b-hxb4w7y3rd] {
  background-image:url("/Areas/V2/Images/WR-right-arrow.png");
}
.recipe-library .slider-arrows .paginate.right[disabled][b-hxb4w7y3rd] {
  background-image:url("/Areas/V2/Images/right-arrow-disabled.png");
}
.recipe-library .slider-arrows .drop-select[b-hxb4w7y3rd] {
  background-color:#fff;
  border:none;
  height:35px;
  position:relative;
  margin:0 60px;
  padding:0 5px;
}
@media(max-width:767px) {
  .recipe-library .slider-arrows .drop-select[b-hxb4w7y3rd] {
    margin:0 10px;
  }
}
.recipe-library .slider-arrows .drop-select a.btn[b-hxb4w7y3rd],.recipe-library .slider-arrows .drop-select button.btn[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
  font-family: var(--wd-font-body);
  font-weight:normal;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
  font-size:1em;
  letter-spacing:-.22px;
  padding:10px 25px 10px 0;
  box-shadow:none;
  text-decoration:none;
  cursor:pointer;
}
.recipe-library .slider-arrows .drop-select a.btn:focus[b-hxb4w7y3rd],.recipe-library .slider-arrows .drop-select button.btn:focus[b-hxb4w7y3rd] {
  transition:none;
}
@media(max-width:991px) {
  .recipe-library .slider-arrows .drop-select a.btn[b-hxb4w7y3rd],.recipe-library .slider-arrows .drop-select button.btn[b-hxb4w7y3rd] {
    font-size:.875em;
  }
}
.recipe-library .slider-arrows .drop-select .open>.dropdown-menu[b-hxb4w7y3rd] {
  display:block;
  width:100%;
}
.recipe-library .slider-arrows .drop-select li.dropdown-submenu:hover ul[b-hxb4w7y3rd] {
  display:block;
  left:100%;
  color:var(--wd-color-text);
}
.recipe-library .slider-arrows .drop-select .dropdown-submenu[b-hxb4w7y3rd] {
  position:relative;
}
.recipe-library .slider-arrows .drop-select .dropdown-submenu:hover .dropdown-menu[b-hxb4w7y3rd] {
  top:0;
}
.recipe-library .slider-arrows .drop-select span.caret[b-hxb4w7y3rd] {
  display:none;
}
.recipe-library .slider-arrows .drop-select ul.dropdown-menu[b-hxb4w7y3rd] {
  min-width:100% !important;
  border:none;
}
.recipe-library .slider-arrows .drop-select ul.dropdown-menu li a[b-hxb4w7y3rd] {
  color:var(--wd-color-text);
  padding:5px 14px;
  text-decoration:none;
  cursor:pointer;
  width:max-content;
}
.recipe-library .slider-arrows .drop-select ul.dropdown-menu li a:focus[b-hxb4w7y3rd],.recipe-library .slider-arrows .drop-select ul.dropdown-menu li a:hover[b-hxb4w7y3rd] {
  background-color:var(--wd-color-brand-red) !important;
  background-image:none;
  color:#fff;
  filter:none;
}
.recipe-library .slider-arrows .btn-group.drop-select a.btn[b-hxb4w7y3rd]:after {
  display:block;
  content:"";
  font-family:'FontAwesome';
  color:var(--wd-color-brand-red);
  width:8px;
  height:8px;
  position:absolute;
  background-position:center;
  background-repeat:no-repeat;
  right:8px;
  top:13px;
  background-size:contain;
}
.recipe-library .slider-arrows .btn-group.drop-select.open a.btn[b-hxb4w7y3rd]:after {
  display:block;
  content:"";
  font-family:'FontAwesome';
  color:var(--wd-color-brand-red);
  width:8px;
  height:8px;
  position:absolute;
  background-position:center;
  background-repeat:no-repeat;
  right:8px;
  top:12px;
  background-size:contain;
}
.recipe-library .dot-line-box[b-hxb4w7y3rd] {
  border:dotted 1px #979797;
  text-align:center;
  padding:50px;
  margin:30px 0;
}
@media(max-width:991px) {
  .recipe-library .dot-line-box[b-hxb4w7y3rd] {
    padding:30px;
  }
}
.recipe-library .dot-line-box img[b-hxb4w7y3rd] {
  width:auto;
}
.recipe-library .dot-line-box .zero_fav[b-hxb4w7y3rd],.recipe-library .dot-line-box p[b-hxb4w7y3rd] {
  font-family: var(--wd-font-body);
  font-weight:normal;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
  line-height:1.36;
  letter-spacing:-.31px;
  text-align:center !important;
  color:var(--wd-color-text) !important;
}
.recipe-library .dot-line-box .zero_fav[b-hxb4w7y3rd] {
  font-weight:700;
  margin-top:36px !important;
}
@media(max-width:991px) {
  .recipe-library .dot-line-box .zero_fav[b-hxb4w7y3rd] {
    margin:20px 0 !important;
    font-size:1.125em;
  }
}
@media(min-width:768px) and (max-width:1024) {
  .recipe-library .dot-line-box .zero_fav[b-hxb4w7y3rd] {
    font-size:1.375em;
  }
}
@media(max-width:991px) {
  .recipe-library .dot-line-box p[b-hxb4w7y3rd] {
    font-size:1em;
  }
}
@media(min-width:768px) and (max-width:1024) {
  .recipe-library .dot-line-box p[b-hxb4w7y3rd] {
    font-size:1em;
  }
}
.recipe-library .paginate-arrows .pagination_main[b-hxb4w7y3rd] {
  text-align:center;
}
@media(max-width:767px) {
  .recipe-library .paginate-arrows .pagination_main[b-hxb4w7y3rd] {
    display:flex;
    justify-content:center;
    padding-top:0;
    padding-bottom:20px;
  }
}
.recipe-library .paginate-arrows .pagination_main .pagination[b-hxb4w7y3rd] {
  display:flex;
  justify-content:center;
  align-items:center;
}
@media(max-width:991px) {
  .recipe-library .paginate-arrows .pagination_main .pagination[b-hxb4w7y3rd] {
    margin-bottom:42px;
    margin-top:0;
  }
}
.recipe-library .paginate-arrows .pagination_main .pagination a[b-hxb4w7y3rd] {
  color:var(--wd-color-text);
  float:left;
  padding:11px 9px;
  text-decoration:none;
  font-size:1.125em;
  font-weight:500;
  cursor:pointer;
  letter-spacing:.2px;
  white-space:nowrap;
  min-width:42px;
  min-height:44px;
  border:none;
  border-radius:8px;
  margin:0 3px;
}
@media(max-width:440px) {
  .recipe-library .paginate-arrows .pagination_main .pagination a[b-hxb4w7y3rd] {
    font-size:.875em;
    min-width:24px !important;
  }
}
.recipe-library .paginate-arrows .pagination_main .pagination a i[b-hxb4w7y3rd] {
  font:normal normal 23px/1 FontAwesome;
  position:relative;
  top:2px;
}
@media(max-width:767px) {
  .recipe-library .paginate-arrows .pagination_main .pagination a[b-hxb4w7y3rd] {
    min-width:28px;
    min-height:30px;
    padding:4px 3px;
  }
}
.recipe-library .paginate-arrows .pagination_main .pagination a:hover:not([disabled])[b-hxb4w7y3rd],.recipe-library .paginate-arrows .pagination_main .pagination a:focus:not([disabled])[b-hxb4w7y3rd] {
  background-color:rgba(200,16,46,.1) !important;
  font-weight:700 !important;
}
.recipe-library .paginate-arrows .pagination_main .pagination a:hover:not([disabled]) i[b-hxb4w7y3rd],.recipe-library .paginate-arrows .pagination_main .pagination a:focus:not([disabled]) i[b-hxb4w7y3rd] {
  font-weight:700;
}
.recipe-library .paginate-arrows .pagination_main .pagination a.active_page[b-hxb4w7y3rd] {
  background-color:var(--wd-color-brand-red) !important;
  font-weight:800 !important;
  color:#fff !important;
  margin:0 4px;
  text-decoration:underline;
  text-underline-position:under;
}
@media(max-width:767px) {
  .recipe-library .paginate-arrows .pagination_main .pagination a.active_page[b-hxb4w7y3rd] {
    margin:0 2px;
  }
}
.recipe-library .paginate-arrows .pagination_main .pagination a.active_page:hover:not([disabled])[b-hxb4w7y3rd],.recipe-library .paginate-arrows .pagination_main .pagination a.active_page:focus:not([disabled])[b-hxb4w7y3rd] {
  background-color:var(--wd-color-brand-red) !important;
  font-weight:800 !important;
  color:#fff !important;
}
.recipe-library .paginate-arrows .pagination_main .pagination a.disabled[b-hxb4w7y3rd] {
  background-color:#fff !important;
  color:var(--wd-color-text) !important;
  pointer-events:none;
  cursor:initial;
}
.recipe-library .paginate-arrows .pagination_main .pagination a.disabled:hover[b-hxb4w7y3rd],.recipe-library .paginate-arrows .pagination_main .pagination a.disabled:focus[b-hxb4w7y3rd] {
  background-color:#fff !important;
  color:var(--wd-color-text) !important;
}
@media(max-width:767px) {
  .recipe-library .paginate-arrows .pagination_main .pagination a.pre-next[b-hxb4w7y3rd] {
    padding:0 3px;
  }
}
.zoomTxt .recipe-library .toggle-active .drop-select[b-hxb4w7y3rd] {
  height:auto;
}
.zoomTxt .recipe-library .toggle-active .drop-select a.btn[b-hxb4w7y3rd] {
  padding-left:110px;
}
.zoomTxt .recipe-library .recipes-card .cook-time[b-hxb4w7y3rd] {
  height:200px;
}
.zoomTxt .recipe-library .recipes-card .cook-time .oval-tag[b-hxb4w7y3rd] {
  width:45px;
  height:45px;
}
.zoomTxt .recipe-library .choose-catagory[b-hxb4w7y3rd] {
  height:auto;
}
.border-topBtm[b-hxb4w7y3rd] {
  background-color:#fff;
}
.container-fluid[b-hxb4w7y3rd] {
  max-width:100% !important;
  margin:0 auto;
}
.container-fluid img[b-hxb4w7y3rd] {
  width:100%;
}
.recipe-overview-loggedOut[b-hxb4w7y3rd] {
  z-index:11;
  position:relative;
}
.recipe-overview-loggedOut hr[b-hxb4w7y3rd] {
  width:100%;
  height:1px;
  border:none;
  background-color:rgba(151,151,151,.32);
  display:block;
  color:#fff;
  float:left;
  clear:both;
  margin:20px 0;
}
.recipe-overview-loggedOut .headline h2[b-hxb4w7y3rd] {
  font-size:40px;
  font-weight:600;
  color:var(--wd-color-brand-red);
  letter-spacing:-.59px;
}
@media(max-width:767px) {
  .recipe-overview-loggedOut .headline h2[b-hxb4w7y3rd] {
    font-size:26px;
  }
}
.recipe-overview-loggedOut .filterbtn[b-hxb4w7y3rd] {
  background-color:transparent;
  border:none;
  cursor:pointer;
  padding:0;
}
.recipe-overview-loggedOut .mt-60[b-hxb4w7y3rd] {
  margin-top:60px;
}
.recipe-overview-loggedOut .item-slider[b-hxb4w7y3rd] {
  margin-top:30px;
}
.recipe-overview-loggedOut .item-slider .slick-slider .c-list[b-hxb4w7y3rd] {
  text-align:center;
  padding:10px;
  outline:0;
}
.recipe-overview-loggedOut .item-slider .slick-slider .c-list:focus>h2[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red) !important;
  font-weight:600;
  border-bottom:3px solid var(--wd-color-brand-red);
  padding-bottom:15px;
}
.recipe-overview-loggedOut .item-slider .slick-slider .c-list .c-icons[b-hxb4w7y3rd] {
  width:87px;
  height:87px;
  background-color:var(--wd-color-bread);
  border-radius:50px;
  line-height:87px;
  text-align:center;
  font-size:10px;
  color:#6d6d70;
  display:block;
  margin:0 auto;
}
.recipe-overview-loggedOut .item-slider .slick-slider .c-list h2[b-hxb4w7y3rd] {
  color:var(--wd-color-text);
  font-size:.875em;
  margin:10px 0;
  letter-spacing:-.25px;
}
.recipe-overview-loggedOut .item-slider .slick-slider button.slick-prev[b-hxb4w7y3rd] {
  position:absolute;
  left:-40px;
  top:55px;
  background-image:url("/Areas/V2/Images/left-arrowRed.png");
  background-color:transparent;
  border:none;
  height:15px;
  background-size:contain;
  background-repeat:no-repeat;
  padding:8px;
  background-position:center;
}
.recipe-overview-loggedOut .item-slider .slick-slider button.slick-next[b-hxb4w7y3rd] {
  position:absolute;
  right:-40px;
  top:55px;
  background-image:url(/Areas/V2/Images/right-arrowRed.png);
  background-color:transparent;
  border:none;
  height:15px;
  background-size:contain;
  background-repeat:no-repeat;
  padding:8px;
  background-position:center;
}
@media(max-width:767px) {
  .recipe-overview-loggedOut .item-slider[b-hxb4w7y3rd] {
    margin-top:5px;
  }
  .recipe-overview-loggedOut .item-slider .c-icons[b-hxb4w7y3rd] {
    display:none !important;
  }
  .recipe-overview-loggedOut .item-slider .slick-arrow[b-hxb4w7y3rd] {
    display:none !important;
  }
}
.recipe-overview-loggedOut .d-lg-block[b-hxb4w7y3rd] {
  display:block;
}
.recipe-overview-loggedOut .d-lg-none[b-hxb4w7y3rd] {
  display:none;
}
.recipe-overview-loggedOut .d-flex[b-hxb4w7y3rd] {
  display:flex;
}
@media(max-width:767px) {
  .recipe-overview-loggedOut .d-block[b-hxb4w7y3rd] {
    display:block;
  }
  .recipe-overview-loggedOut .d-none[b-hxb4w7y3rd] {
    display:none;
  }
}
.recipe-overview-loggedOut .fiter-stripe[b-hxb4w7y3rd] {
  background-color:var(--wd-color-bread);
  height:60px;
  padding:5px 10px;
}
.recipe-overview-loggedOut .outer[b-hxb4w7y3rd] {
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:100%;
}
.recipe-overview-loggedOut .outer .flex-list[b-hxb4w7y3rd] {
  margin:0 5px;
}
.recipe-overview-loggedOut h3.sub-heading[b-hxb4w7y3rd] {
  font-size:20px;
  color:var(--wd-color-brand-red);
  font-weight:600;
  margin:0;
}
.recipe-overview-loggedOut h3.sub-heading span[b-hxb4w7y3rd] {
  color:var(--wd-color-text);
  font-size:.875em;
  margin-left:10px;
  font-weight:400;
}
.recipe-overview-loggedOut .multidropdown .dropdown-submenu[b-hxb4w7y3rd] {
  position:relative;
}
.recipe-overview-loggedOut .multidropdown .dropdown-submenu>.dropdown-menu[b-hxb4w7y3rd] {
  top:0;
  left:100%;
  margin-top:-6px;
  margin-left:-1px;
  -webkit-border-radius:0 6px 6px 6px;
  -moz-border-radius:0 6px 6px;
  border-radius:0 6px 6px 6px;
}
.recipe-overview-loggedOut .multidropdown .dropdown-submenu[b-hxb4w7y3rd] {
  position:relative;
}
.recipe-overview-loggedOut .multidropdown .dropdown-submenu .dropdown-menu[b-hxb4w7y3rd] {
  top:0;
  left:100%;
  margin-top:-1px;
}
.recipe-overview-loggedOut .multidropdown .dropdown-submenu>a[b-hxb4w7y3rd]:after {
  display:block;
  content:" ";
  width:20px;
  height:8px;
  background-image:url(/Areas/V2/Images/drop-arrow.png);
  position:absolute;
  background-position:center;
  background-repeat:no-repeat;
  right:0;
  top:10px;
  background-size:contain;
}
.recipe-overview-loggedOut .multidropdown .dropdown-menu>li>a[b-hxb4w7y3rd] {
  padding:5px 20px 5px 10px;
  color:var(--wd-color-text);
  font-size:.75em;
}
.recipe-overview-loggedOut .multidropdown ul.dropdown-menu.multi-level[b-hxb4w7y3rd] {
  width:100%;
  border-radius:0;
}
.recipe-overview-loggedOut .multidropdown .dropdown-submenu:hover>a[b-hxb4w7y3rd]:after {
  border-left-color:#fff;
}
.recipe-overview-loggedOut .multidropdown .dropdown-submenu.pull-left[b-hxb4w7y3rd] {
  float:none;
}
.recipe-overview-loggedOut .multidropdown .dropdown-submenu.pull-left>.dropdown-menu[b-hxb4w7y3rd] {
  left:-100%;
  margin-left:10px;
  -webkit-border-radius:6px 0 6px 6px;
  -moz-border-radius:6px 0 6px 6px;
  border-radius:6px 0 6px 6px;
}
.recipe-overview-loggedOut .multidropdown button.searchbtn[b-hxb4w7y3rd] {
  position:absolute;
  top:10px;
  right:5px;
  background-color:transparent;
  border:none;
  width:25px;
}
.recipe-overview-loggedOut .multidropdown input[b-hxb4w7y3rd] {
  font-size:.75em;
  border-radius:0;
  min-width:180px;
  transition:1s all;
}
.recipe-overview-loggedOut .multidropdown input[b-hxb4w7y3rd]::-webkit-input-placeholder {
  color:var(--wd-color-text);
}
.recipe-overview-loggedOut .multidropdown input:-ms-input-placeholder[b-hxb4w7y3rd] {
  color:var(--wd-color-text);
}
.recipe-overview-loggedOut .multidropdown input[b-hxb4w7y3rd]::placeholder {
  color:var(--wd-color-text);
}
.recipe-overview-loggedOut .multidropdown .drop-list[b-hxb4w7y3rd] {
  padding:5px 10px;
}
.recipe-overview-loggedOut .multidropdown .drop-list .list[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
  display:flex;
}
.recipe-overview-loggedOut .multidropdown .drop-list .list p[b-hxb4w7y3rd] {
  font-weight:600;
  margin:0;
  font-size:.75em;
}
.recipe-overview-loggedOut .multidropdown .drop-list .list a[b-hxb4w7y3rd] {
  font-size:10px;
  color:var(--wd-color-brand-red);
}
.recipe-overview-loggedOut .drop-select[b-hxb4w7y3rd] {
  background-color:#fff;
  border:1px solid #ccc;
  min-width:130px;
  height:34px;
  position:relative;
}
.recipe-overview-loggedOut .drop-select a.btn[b-hxb4w7y3rd],.recipe-overview-loggedOut .drop-select button.btn[b-hxb4w7y3rd] {
  font-size:.75em;
  color:var(--wd-color-text);
  padding-left:45px;
  font-weight:600;
  padding-right:15px;
  box-shadow:none !important;
  width:100%;
  text-align:left;
  line-height:19px;
}
.recipe-overview-loggedOut .drop-select a.btn[b-hxb4w7y3rd]:before,.recipe-overview-loggedOut .drop-select button.btn[b-hxb4w7y3rd]:before {
  content:"Sort by";
  position:absolute;
  left:5px;
  font-weight:400;
}
.recipe-overview-loggedOut .drop-select .open>.dropdown-menu[b-hxb4w7y3rd] {
  display:block;
  width:100%;
}
.recipe-overview-loggedOut .drop-select li.dropdown-submenu:hover ul[b-hxb4w7y3rd] {
  display:block;
  left:100%;
}
.recipe-overview-loggedOut .drop-select .dropdown-submenu[b-hxb4w7y3rd] {
  position:relative;
}
.recipe-overview-loggedOut .drop-select .dropdown-submenu:hover .dropdown-menu[b-hxb4w7y3rd] {
  top:0;
}
.recipe-overview-loggedOut .drop-select span.caret[b-hxb4w7y3rd] {
  display:none;
}
.recipe-overview-loggedOut .drop-select ul.dropdown-menu[b-hxb4w7y3rd] {
  min-width:100% !important;
}
.recipe-overview-loggedOut .btn-group.drop-select a.btn[b-hxb4w7y3rd]:after {
  display:block;
  content:" ";
  width:8px;
  height:8px;
  background-image:url(/Areas/V2/Images/drop-down.png);
  position:absolute;
  background-position:center;
  background-repeat:no-repeat;
  right:8px;
  top:12px;
  background-size:contain;
}
.recipe-overview-loggedOut .btn-group.drop-select.open a.btn[b-hxb4w7y3rd]:after {
  display:block;
  content:" ";
  width:8px;
  height:8px;
  background-image:url(/Areas/V2/Images/drop-up.png);
  position:absolute;
  background-position:center;
  background-repeat:no-repeat;
  right:8px;
  top:12px;
  background-size:contain;
}
.recipe-overview-loggedOut .saving-nos[b-hxb4w7y3rd] {
  height:30px;
  display:flex;
  align-items:center;
  background-color:var(--wd-color-brand-red);
  padding:0 10px;
  color:#fff;
}
.recipe-overview-loggedOut .saving-nos span[b-hxb4w7y3rd] {
  font-size:10px;
}
.recipe-overview-loggedOut .saving-nos i.count[b-hxb4w7y3rd] {
  background-color:#fedb00;
  border:1px solid #fff;
  width:22px;
  height:22px;
  text-align:center;
  line-height:20px;
  border-radius:50px;
  margin-right:5px;
  font-size:10px;
  color:var(--wd-color-brand-red);
  font-style:normal;
  font-weight:600;
  position:relative;
}
.recipe-overview-loggedOut .saving-nos i.count[b-hxb4w7y3rd]:after {
  content:"";
  font-family:fontawesome;
  position:absolute;
  top:-4px;
  background-color:#fff;
  height:10px;
  width:10px;
  line-height:10px;
  left:15px;
  text-align:center;
  font-size:7px;
  border-radius:50px;
  -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
  -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
  box-shadow:0 0 5px 0 rgba(0,0,0,.75);
}
@media(max-width:767px) {
  .recipe-overview-loggedOut .filter-outer>div:last-child[b-hxb4w7y3rd] {
    display:none !important;
  }
  .recipe-overview-loggedOut .fiter-stripe h3.sub-heading[b-hxb4w7y3rd] {
    display:none;
  }
  .recipe-overview-loggedOut .fiter-stripe .saving-nos[b-hxb4w7y3rd] {
    display:none;
  }
  .recipe-overview-loggedOut .flex-list[b-hxb4w7y3rd] {
    width:100%;
  }
}
.recipe-overview-loggedOut .mob-search .searchbar[b-hxb4w7y3rd] {
  transition:2s all;
  width:0;
  padding:0;
  overflow:hidden;
}
.recipe-overview-loggedOut .dropdown.multidropdown[b-hxb4w7y3rd] {
  display:flex;
}
.recipe-overview-loggedOut .mob-search .searchbtn[b-hxb4w7y3rd] {
  background-color:#fff !important;
  width:40px !important;
  height:35px;
  position:static !important;
  padding:5px 10px;
  border:1px solid #d0d0d0 !important;
}
.recipe-overview-loggedOut .toggle-class .mob-search .searchbar[b-hxb4w7y3rd] {
  transition:2s all;
  width:100%;
}
.recipe-overview-loggedOut .toggle-class .btn-group.drop-select[b-hxb4w7y3rd] {
  display:none;
}
@media(min-width:768px) and (max-width:991px) {
  .recipe-overview-loggedOut .headline h2[b-hxb4w7y3rd] {
    font-size:24px;
  }
}
.recipe-overview-loggedOut .product-list[b-hxb4w7y3rd] {
  border-right:1px solid #979797;
  margin-top:30px;
  padding:15px;
  min-height:340px;
}
.recipe-overview-loggedOut .product-list h2[b-hxb4w7y3rd] {
  font-size:20px;
  color:var(--wd-color-brand-red);
  font-weight:600;
  margin-bottom:8px;
}
.recipe-overview-loggedOut .product-list img.flag[b-hxb4w7y3rd] {
  position:absolute;
  top:40px;
  left:20px;
  width:65px;
}
.recipe-overview-loggedOut .product-list .left-info[b-hxb4w7y3rd] {
  position:absolute;
  top:40px;
  left:20px;
  background-color:#3c3c3b;
  color:#fff;
  font-size:.75em;
  padding:3px 14px;
}
.recipe-overview-loggedOut .product-list span[b-hxb4w7y3rd] {
  display:block;
  color:var(--wd-color-text);
  font-size:.75em;
  margin-top:2px;
}
.recipe-overview-loggedOut .product-list p[b-hxb4w7y3rd] {
  font-size:13px;
  color:var(--wd-color-text);
  margin-bottom:0;
}
.recipe-overview-loggedOut .product-list a[b-hxb4w7y3rd] {
  font-size:.75em;
  color:var(--wd-color-brand-red);
}
.recipe-overview-loggedOut .product-list .add-btn[b-hxb4w7y3rd] {
  display:block;
  border:1px solid var(--wd-color-brand-red);
  padding:7px 15px;
  background-color:#fff;
  margin:10px 0;
  font-weight:900;
  color:var(--wd-color-brand-red);
}
.recipe-overview-loggedOut .product-list .add-btn i[b-hxb4w7y3rd] {
  background-color:var(--wd-color-brand-red);
  color:#fff;
  font-size:.75em;
  width:20px;
  border-radius:50px;
  height:20px;
  line-height:20px;
  text-align:center;
  margin-right:5px;
  border:1px solid var(--wd-color-brand-red);
}
.recipe-overview-loggedOut .product-list .add-btn:hover[b-hxb4w7y3rd] {
  background-color:var(--wd-color-brand-red);
  color:#fff;
}
.recipe-overview-loggedOut .product-list .add-btn:hover i[b-hxb4w7y3rd] {
  border:1px solid #fff;
  line-height:20px;
}
.recipe-overview-loggedOut .product-list .coupon-add-btn[b-hxb4w7y3rd] {
  display:block;
  margin:10px 0;
  background-color:transparent;
  border:none;
  color:var(--wd-color-text);
  font-weight:600;
  font-size:.875em;
  padding:5px 10px;
}
@media(max-width:767px) {
  .recipe-overview-loggedOut .product-list[b-hxb4w7y3rd] {
    border:none;
    display:flex;
    padding:0;
    min-height:auto;
    margin-bottom:20px;
  }
  .recipe-overview-loggedOut .product-list .product-img[b-hxb4w7y3rd] {
    min-width:150px;
  }
}
.recipe-overview-loggedOut .product-main>div:nth-child(3n-0) .product-list[b-hxb4w7y3rd] {
  border-right:none !important;
}
.recipe-overview-loggedOut .modal.left .modal-dialog[b-hxb4w7y3rd],.recipe-overview-loggedOut .modal.right .modal-dialog[b-hxb4w7y3rd] {
  position:fixed;
  margin:auto;
  width:320px;
  height:100%;
  -webkit-transform:translate3d(0%,0,0);
  -ms-transform:translate3d(0%,0,0);
  -o-transform:translate3d(0%,0,0);
  transform:translate3d(0%,0,0);
}
@media(max-width:767px) {
  .recipe-overview-loggedOut .modal.left .modal-dialog[b-hxb4w7y3rd],.recipe-overview-loggedOut .modal.right .modal-dialog[b-hxb4w7y3rd] {
    width:100%;
  }
}
.recipe-overview-loggedOut .modal.left .modal-content[b-hxb4w7y3rd],.recipe-overview-loggedOut .modal.right .modal-content[b-hxb4w7y3rd] {
  height:100%;
  overflow-y:auto;
}
.recipe-overview-loggedOut .modal.left .modal-body[b-hxb4w7y3rd],.recipe-overview-loggedOut .modal.right .modal-body[b-hxb4w7y3rd] {
  padding:15px 15px 0;
}
.recipe-overview-loggedOut .modal.left.fade .modal-dialog[b-hxb4w7y3rd] {
  left:-320px;
  -webkit-transition:opacity .3s linear,left .3s ease-out;
  -moz-transition:opacity .3s linear,left .3s ease-out;
  -o-transition:opacity .3s linear,left .3s ease-out;
  transition:opacity .3s linear,left .3s ease-out;
}
.recipe-overview-loggedOut .modal.left.fade.in .modal-dialog[b-hxb4w7y3rd] {
  left:0;
}
.recipe-overview-loggedOut .modal.right.fade .modal-dialog[b-hxb4w7y3rd] {
  right:-320px;
  -webkit-transition:opacity .3s linear,right .3s ease-out;
  -moz-transition:opacity .3s linear,right .3s ease-out;
  -o-transition:opacity .3s linear,right .3s ease-out;
  transition:opacity .3s linear,right .3s ease-out;
}
.recipe-overview-loggedOut .modal.right.fade.in .modal-dialog[b-hxb4w7y3rd] {
  right:0;
}
.recipe-overview-loggedOut .main-modal .modal-content[b-hxb4w7y3rd] {
  border:none;
  border-radius:0;
}
.recipe-overview-loggedOut .main-modal button.close[b-hxb4w7y3rd] {
  opacity:1 !important;
  padding:5px;
  width:22px;
  margin:0;
}
.recipe-overview-loggedOut .main-modal h4.modal-title[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
  font-size:1em;
  font-weight:600;
}
.recipe-overview-loggedOut .main-modal .modal-header[b-hxb4w7y3rd] {
  border:none;
}
.recipe-overview-loggedOut .main-modal .product-list[b-hxb4w7y3rd] {
  border:none;
  margin:0;
  padding:5px;
  min-height:100%;
}
.recipe-overview-loggedOut .main-modal .product-list .add-btn[b-hxb4w7y3rd] {
  padding:7px 10px;
  font-size:.75em;
}
.recipe-overview-loggedOut .main-modal .product-list .add-btn i[b-hxb4w7y3rd] {
  font-size:10px;
  width:18px;
  height:18px;
  line-height:17px;
  margin-right:2px;
}
.recipe-overview-loggedOut .main-modal .more-info[b-hxb4w7y3rd] {
  padding:5px;
}
.recipe-overview-loggedOut .main-modal .more-info h3[b-hxb4w7y3rd] {
  font-size:.875em;
  color:var(--wd-color-text);
  font-weight:600;
  margin:0;
  margin-bottom:10px;
}
.recipe-overview-loggedOut .main-modal .more-info p[b-hxb4w7y3rd] {
  color:var(--wd-color-text);
  font-size:.75em;
  word-wrap:break-word;
}
.recipe-overview-loggedOut .main-modal .related-product h2[b-hxb4w7y3rd] {
  font-size:1em;
}
.recipe-overview-loggedOut .main-modal .related-product p[b-hxb4w7y3rd] {
  font-size:.75em;
}
.recipe-overview-loggedOut .main-modal .total-count[b-hxb4w7y3rd] {
  margin:20px -15px;
  margin-bottom:0;
}
.recipe-overview-loggedOut a.main-link[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
  display:block;
  margin:10px 0;
}
.recipe-overview-loggedOut .cliping-grid[b-hxb4w7y3rd] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  padding:15px;
}
.recipe-overview-loggedOut .cliping-grid p[b-hxb4w7y3rd] {
  color:var(--wd-color-text);
  margin:10px 0;
  font-size:.75em;
}
.recipe-overview-loggedOut .heading[b-hxb4w7y3rd] {
  background-color:var(--wd-color-brand-red);
  padding:15px 10px;
}
.recipe-overview-loggedOut .heading h2[b-hxb4w7y3rd] {
  margin:0;
  color:#fff;
  font-size:.875em;
}
.recipe-overview-loggedOut .list-main[b-hxb4w7y3rd] {
  display:flex;
  margin-top:20px;
}
.recipe-overview-loggedOut .list-main .list-icon[b-hxb4w7y3rd] {
  min-width:35px;
}
.recipe-overview-loggedOut .list-main .list-icon i[b-hxb4w7y3rd] {
  width:20px;
  display:block;
}
.recipe-overview-loggedOut .list-main .list-icon i.fa-plus[b-hxb4w7y3rd] {
  background-color:var(--wd-color-brand-red);
  color:#fff;
  font-size:.75em;
  width:20px;
  border-radius:50px;
  height:20px;
  line-height:20px;
  text-align:center;
  margin-right:5px;
  border:1px solid var(--wd-color-brand-red);
}
.recipe-overview-loggedOut .list-main .list-icon i.count[b-hxb4w7y3rd] {
  display:block;
  background-color:#fedb00;
  border:1px solid #fff;
  width:22px;
  height:22px;
  text-align:center;
  line-height:20px;
  border-radius:50px;
  margin-right:5px;
  font-size:10px;
  color:var(--wd-color-brand-red);
  font-style:normal;
  font-weight:600;
  position:relative;
}
.recipe-overview-loggedOut .list-main .list-icon i.count[b-hxb4w7y3rd]:after {
  content:"";
  font-family:fontawesome;
  position:absolute;
  top:-4px;
  background-color:#fff;
  height:10px;
  width:10px;
  line-height:10px;
  left:15px;
  text-align:center;
  font-size:7px;
  border-radius:50px;
  -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
  box-shadow:0 0 5px 0 rgba(0,0,0,.75);
}
.recipe-overview-loggedOut .list-main .list-info h2[b-hxb4w7y3rd] {
  margin:0;
  color:var(--wd-color-brand-red);
  font-size:.75em;
  margin-bottom:5px;
}
.recipe-overview-loggedOut .list-main .list-info p[b-hxb4w7y3rd] {
  margin:0;
  color:var(--wd-color-text);
}
.recipe-overview-loggedOut .mb-2[b-hxb4w7y3rd] {
  margin-bottom:20px;
}
.recipe-overview-loggedOut .save-list[b-hxb4w7y3rd] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  padding:15px;
}
.recipe-overview-loggedOut .save-list .s-list a[b-hxb4w7y3rd] {
  display:block;
  color:var(--wd-color-brand-red);
  font-size:.875em;
  font-weight:600;
  margin:12px 0;
}
.recipe-overview-loggedOut .save-list .s-list a[b-hxb4w7y3rd]:after {
  content:"";
  margin-left:10px;
  background-image:url(/Areas/V2/Images/right-arrowRed.png);
  width:13px;
  height:12px;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  display:inline-block;
}
.recipe-overview-loggedOut .coupon-info[b-hxb4w7y3rd] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  padding:15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.recipe-overview-loggedOut .coupon-info h3[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
  font-size:.875em;
  margin:0;
}
.recipe-overview-loggedOut .coupon-info h3 span[b-hxb4w7y3rd] {
  color:var(--wd-color-text);
}
.recipe-overview-loggedOut .coupon-info a[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
  font-size:.75em;
  margin:0;
}
.recipe-overview-loggedOut .custom-panel ul.nav.nav-tabs[b-hxb4w7y3rd] {
  padding-bottom:20px;
  border-bottom:1px solid #979797;
}
.recipe-overview-loggedOut .custom-panel ul.nav.nav-tabs li a[b-hxb4w7y3rd] {
  color:var(--wd-color-text);
  font-size:.75em;
  padding:5px 10px;
  border:none;
  background-color:transparent !important;
}
.recipe-overview-loggedOut .custom-panel ul.nav.nav-tabs li.active a[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red) !important;
  font-weight:600;
  border-bottom:3px solid var(--wd-color-brand-red) !important;
}
.recipe-overview-loggedOut .custom-panel .items .product-list[b-hxb4w7y3rd] {
  display:flex;
}
.recipe-overview-loggedOut .custom-panel .items .product-list h2[b-hxb4w7y3rd] {
  margin:0;
  font-size:.875em;
}
.recipe-overview-loggedOut .custom-panel .items .product-list p[b-hxb4w7y3rd] {
  font-size:.75em;
}
.recipe-overview-loggedOut .custom-panel .items .product-list a[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
}
.recipe-overview-loggedOut .custom-panel .items a[b-hxb4w7y3rd] {
  color:var(--wd-color-text);
  font-size:.75em;
}
.recipe-overview-loggedOut .custom-panel .outer[b-hxb4w7y3rd] {
  border-bottom:1px solid #979797;
  padding:10px 0;
}
.recipe-overview-loggedOut .p-0[b-hxb4w7y3rd] {
  padding:0 !important;
}
.recipe-overview-loggedOut .toggle-class .toggle-active[b-hxb4w7y3rd] {
  display:none;
  transition:3s all;
}
.recipe-overview-loggedOut .main-btn[b-hxb4w7y3rd] {
  border:1px solid var(--wd-color-brand-red);
  background-color:#fff;
  color:var(--wd-color-brand-red);
  font-size:.875em;
  padding:5px 15px;
  min-width:120px;
  font-weight:600;
}
.recipe-overview-loggedOut .blue-bg[b-hxb4w7y3rd] {
  background-color:var(--wd-color-accent-purple) !important;
}
.recipe-overview-loggedOut .blue-outline[b-hxb4w7y3rd] {
  min-height:150px;
  background-color:#56b7e6;
  margin-bottom:20px;
}
.recipe-overview-loggedOut .d-block[b-hxb4w7y3rd] {
  display:block;
}
.recipe-overview-loggedOut .m-auto[b-hxb4w7y3rd] {
  margin:0 auto;
}
@media(min-width:1200px) {
  .recipe-overview-loggedOut .p-lg-0[b-hxb4w7y3rd] {
    padding:0;
  }
}
.recipe-overview-loggedOut .tab-view[b-hxb4w7y3rd] {
  display:none;
}
@media(max-width:1200px) {
  .recipe-overview-loggedOut .save-list[b-hxb4w7y3rd] {
    min-height:332px;
  }
  .recipe-overview-loggedOut .tab-view[b-hxb4w7y3rd] {
    display:block;
    text-align:center;
    margin:50px 0;
  }
  .recipe-overview-loggedOut .tab-view a[b-hxb4w7y3rd] {
    color:var(--wd-color-brand-red);
  }
}
.recipe-overview-loggedOut .recipes-filter[b-hxb4w7y3rd] {
  background-color:#fff;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.15);
  padding:13px 0;
  position:relative;
  margin-bottom:50px;
}
.recipe-overview-loggedOut .recipes-filter .container[b-hxb4w7y3rd] {
  width:1170px;
  margin:0 auto;
}
@media(max-width:1199px) {
  .recipe-overview-loggedOut .recipes-filter .container[b-hxb4w7y3rd] {
    width:100%;
    padding:0 32px;
  }
}
.recipe-overview-loggedOut .recipes-filter h2[b-hxb4w7y3rd] {
  color:var(--wd-color-text);
  margin:9px 31px 8px 0;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
}
@media(min-width:992px) and (max-width:1200px) {
  .recipe-overview-loggedOut .recipes-filter h2[b-hxb4w7y3rd] {
    margin-right:19px;
  }
}
.recipe-overview-loggedOut .recipes-filter .filter-dropdown .filter-list[b-hxb4w7y3rd] {
  padding:0;
  margin:0;
  list-style:none;
  display:flex;
}
.recipe-overview-loggedOut .recipes-filter .filter-dropdown .filter-list li[b-hxb4w7y3rd] {
  margin-right:2px;
}
.recipe-overview-loggedOut .recipes-filter .filter-dropdown .filter-list li .dropdown.open .dropdown-menu[b-hxb4w7y3rd] {
  top:34px;
  border:none;
  border-radius:0;
  padding:15px 0;
  font-size:1em;
}
.recipe-overview-loggedOut .recipes-filter .filter-dropdown .filter-list li .dropdown button.dropdown-toggle[b-hxb4w7y3rd] {
  border:none;
  background-color:transparent;
  margin:10px 4px 9px 9px;
  color:var(--wd-color-text);
  font-size:1em;
  font-family: var(--wd-font-body);
  font-weight:normal;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  text-transform:lowercase;
}
.recipe-overview-loggedOut .recipes-filter .filter-dropdown .filter-list li .dropdown button.dropdown-toggle[b-hxb4w7y3rd]::first-letter {
  text-transform:uppercase;
}
@media(min-width:992px) and (max-width:1200px) {
  .recipe-overview-loggedOut .recipes-filter .filter-dropdown .filter-list li .dropdown button.dropdown-toggle[b-hxb4w7y3rd] {
    margin-right:-13px;
  }
}
.recipe-overview-loggedOut .recipes-filter .filter-dropdown .filter-list li .dropdown .caret[b-hxb4w7y3rd] {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  border:none;
  color:var(--wd-color-brand-red);
  margin-top:-9px;
}
.recipe-overview-loggedOut .recipes-filter .filter-dropdown .filter-list li .dropdown .caret[b-hxb4w7y3rd]::before {
  content:"";
  position:relative;
  top:-6px;
  right:0;
  font-size:10px;
}
.recipe-overview-loggedOut .recipes-filter .filter-link[b-hxb4w7y3rd] {
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  color:var(--wd-color-brand-red);
}
.recipe-overview-loggedOut .recipes-filter .filter-link li[b-hxb4w7y3rd] {
  margin-left:20px;
}
.recipe-overview-loggedOut .recipes-filter .filter-link li a[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
  font-size:1em;
  font-family: var(--wd-font-body);
  text-decoration:underline;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.27px;
}
.recipe-overview-loggedOut .recipes-filter .filter-link li a:hover[b-hxb4w7y3rd] {
  font-weight:600;
}
.recipe-overview-loggedOut .border-right-b[b-hxb4w7y3rd] {
  border-right:1px solid #9e9c9c;
  width:13.66666667%;
}
.recipe-overview-loggedOut .align-items-center[b-hxb4w7y3rd] {
  align-items:center;
}
.recipe-overview-loggedOut .justify-content-between[b-hxb4w7y3rd] {
  justify-content:space-between;
}
.recipe-overview-loggedOut .justify-content-around[b-hxb4w7y3rd] {
  justify-content:space-around;
}
.recipe-overview-loggedOut .megamenu[b-hxb4w7y3rd] {
  position:inherit;
}
.recipe-overview-loggedOut .megamenu .dropdown-menu h2[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
  font-size:22px;
  font-weight:bold;
  margin:0;
  font-family: var(--wd-font-body);
  line-height:1.18;
  letter-spacing:-.25px;
}
.recipe-overview-loggedOut .megamenu .dropdown-menu ul.megamenu-list[b-hxb4w7y3rd] {
  margin:10px 0;
  padding:0;
  list-style:none;
}
.recipe-overview-loggedOut .megamenu .dropdown-menu ul.megamenu-list li[b-hxb4w7y3rd] {
  margin:7px 0;
}
.recipe-overview-loggedOut .megamenu button.dropdown-toggle[aria-expanded="true"][b-hxb4w7y3rd] {
  position:relative;
}
.recipe-overview-loggedOut .megamenu button.dropdown-toggle[aria-expanded="true"][b-hxb4w7y3rd]:after {
  content:"";
  width:0;
  height:0;
  border-left:15px solid transparent;
  border-right:15px solid transparent;
  border-top:15px solid #fff;
  position:absolute;
  left:0;
  right:0;
  margin:0 auto;
  bottom:-33px;
  z-index:1005;
  margin-top:18px;
}
.recipe-overview-loggedOut .megamenu .dropdown-menu[b-hxb4w7y3rd] {
  min-width:100%;
  width:100%;
  border:none;
  padding:30px 0 !important;
  border-radius:0;
  -webkit-box-shadow:inset 0 45px 14px -36px rgba(0,0,0,.09);
  -moz-box-shadow:inset 0 45px 14px -36px rgba(0,0,0,.09);
  box-shadow:inset 0 45px 14px -36px rgba(0,0,0,.09);
  transform:translate(0,70px) !important;
  inset:0 auto auto 0 !important;
}
.recipe-overview-loggedOut .megamenu .dropdown-menu .dropdown-footer[b-hxb4w7y3rd] {
  width:1170px;
  margin:0 auto;
}
@media(min-width:992px) and (max-width:1200px) {
  .recipe-overview-loggedOut .megamenu .dropdown-menu .dropdown-footer[b-hxb4w7y3rd] {
    width:100%;
    padding:0 64px;
  }
}
.recipe-overview-loggedOut .megamenu .dropdown-menu .dropdown-footer .apply-btn[b-hxb4w7y3rd] {
  font-weight:bold;
  font-size:18px;
  padding:6px 25px;
  width:185px;
  height:49px;
  margin-left:-30px;
  font-family: var(--wd-font-body);
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}
.recipe-overview-loggedOut .megamenu .dropdown-menu .dropdown-footer .apply-btn:focus[b-hxb4w7y3rd] {
  border:solid 2px #fff !important;
}
.recipe-overview-loggedOut .megamenu .dropdown-menu .dropdown-footer .apply-btn:hover[b-hxb4w7y3rd] {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
}
.recipe-overview-loggedOut .megamenu .dropdown-menu .dropdown-footer .apply-btn[disabled][b-hxb4w7y3rd] {
  cursor:default;
  pointer-events:none;
  opacity:.5;
}
.recipe-overview-loggedOut .megamenu .dropdown-menu .dropdown-footer .clear-btn[b-hxb4w7y3rd] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-stretch:normal;
  font-style:normal;
  line-height:1.57;
  letter-spacing:-.23px;
  color:var(--wd-color-brand-red);
  border:none;
  background:none;
  text-decoration:underline;
  margin-left:10px;
}
.recipe-overview-loggedOut .megamenu .dropdown-menu .dropdown-footer .clear-btn[disabled][b-hxb4w7y3rd] {
  cursor:default;
  pointer-events:none;
  color:var(--wd-color-brand-red);
  opacity:.5;
}
.recipe-overview-loggedOut .megamenu .dropdown-menu .dropdown-footer .clear-btn:hover[b-hxb4w7y3rd],.recipe-overview-loggedOut .megamenu .dropdown-menu .dropdown-footer .clear-btn:focus[b-hxb4w7y3rd] {
  font-weight:600;
}
.recipe-overview-loggedOut .megamenu .dropdown-menu .dropdown-footer ​​​​​​​​ a[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
  text-decoration:underline;
  margin-left:20px;
  font-size:1em;
  font-family: var(--wd-font-body);
  letter-spacing:-.27px;
}
.recipe-overview-loggedOut img.close-icon[b-hxb4w7y3rd] {
  width:24px;
  height:24px;
  cursor:pointer;
}
@media(max-width:991px) {
  .recipe-overview-loggedOut img.close-icon[b-hxb4w7y3rd] {
    margin-right:0;
  }
}
@media(max-width:767px) {
  .recipe-overview-loggedOut img.close-icon[b-hxb4w7y3rd] {
    width:16px;
    height:16px;
  }
}
.recipe-overview-loggedOut .position-inherit[b-hxb4w7y3rd] {
  position:inherit;
}
.recipe-overview-loggedOut .styled-checkbox[b-hxb4w7y3rd] {
  position:absolute;
  opacity:0;
}
.recipe-overview-loggedOut .styled-checkbox:focus[b-hxb4w7y3rd] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}
.recipe-overview-loggedOut .styled-checkbox+span[b-hxb4w7y3rd] {
  position:relative;
  cursor:pointer;
  padding:0;
  font-weight:400;
  color:var(--wd-color-text);
  font-size:1em;
  line-height:1.38;
  letter-spacing:-.22px;
  font-family: var(--wd-font-body);
  display:flex;
  align-items:center;
}
.recipe-overview-loggedOut .styled-checkbox+span[disabled][b-hxb4w7y3rd] {
  color:var(--wd-color-text);
  cursor:default;
}
@media(max-width:991px) {
  .recipe-overview-loggedOut .styled-checkbox+span[b-hxb4w7y3rd] {
    font-size:.875em;
    line-height:1.43;
    letter-spacing:-.25px;
    margin-top:8px;
  }
}
.recipe-overview-loggedOut .styled-checkbox+span[b-hxb4w7y3rd]:before {
  content:'';
  margin-right:10px;
  display:inline-block;
  vertical-align:middle;
  width:18px;
  height:18px;
  background:#fff;
  border:1px solid var(--wd-color-border);
}
.recipe-overview-loggedOut .styled-checkbox+span[b-hxb4w7y3rd]:before[disabled] {
  border:1px solid var(--wd-color-border);
  cursor:default;
}
.recipe-overview-loggedOut .styled-checkbox:focus+span[b-hxb4w7y3rd]:before {
  box-shadow:0 0 0 3px rgba(0,0,0,.12);
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}
.recipe-overview-loggedOut .styled-checkbox:disabled+span[b-hxb4w7y3rd]:before {
  border:1px solid var(--wd-color-border);
  cursor:default;
}
.recipe-overview-loggedOut .styled-checkbox:checked+span[b-hxb4w7y3rd]:after {
  content:'';
  position:absolute;
  left:1px;
  top:0;
  width:18px;
  height:18px;
  background-image:url(/Areas/V2/Images/tick.svg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
@media(min-width:992px) {
  /* ::deep: the mobile filter trigger button lives in MobileFilterModal (a child
     component with its own CSS scope), not directly in this page's markup — without
     ::deep this rule's scope attribute never matches it, so the icon stayed visible
     on desktop regardless of viewport width. */
  .recipe-overview-loggedOut[b-hxb4w7y3rd]  .mobile-only {
    display:none !important;
  }
}
@media(max-width:991px) {
  .recipe-overview-loggedOut .webonly[b-hxb4w7y3rd] {
    display:none !important;
  }
}
.recipe-overview-loggedOut .tab-only[b-hxb4w7y3rd] {
  display:none;
}
@media(min-width:768px) and (max-width:991px) {
  .recipe-overview-loggedOut .tab-only[b-hxb4w7y3rd] {
    display:block !important;
  }
}
.recipe-overview-loggedOut .w-100[b-hxb4w7y3rd] {
  width:100%;
}
.recipe-overview-loggedOut .filter-modal[b-hxb4w7y3rd] {
  top:30px;
}
.recipe-overview-loggedOut .filter-modal.in[b-hxb4w7y3rd] {
  padding-right:0 !important;
}
@media(max-width:991px) {
  .recipe-overview-loggedOut .filter-modal[b-hxb4w7y3rd] {
    top:143px;
  }
  .recipe-overview-loggedOut .filter-modal.in[b-hxb4w7y3rd] {
    padding-right:0 !important;
  }
  .recipe-overview-loggedOut .filter-modal .modal-dialog[b-hxb4w7y3rd] {
    width:100%;
  }
}
.recipe-overview-loggedOut .filter-modal .modal-content[b-hxb4w7y3rd] {
  background:#fff;
}
.recipe-overview-loggedOut .filter-modal .header-modal[b-hxb4w7y3rd] {
  padding:10px 15px;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.15);
}
.recipe-overview-loggedOut .filter-modal .header-modal button.close[b-hxb4w7y3rd] {
  opacity:1;
  display:flex;
  align-items:center;
}
.recipe-overview-loggedOut .filter-modal button.apply-btn-d[b-hxb4w7y3rd] {
  width:126px;
  height:49px;
  font-family: var(--wd-font-body);
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.39;
  letter-spacing:-.03px;
  padding:10px 40px;
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}
.recipe-overview-loggedOut .filter-modal button.apply-btn-d:focus[b-hxb4w7y3rd] {
  border:solid 2px #fff !important;
}
.recipe-overview-loggedOut .filter-modal button.apply-btn-d:hover[b-hxb4w7y3rd] {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
}
.recipe-overview-loggedOut .filter-modal button.apply-btn-d[disabled][b-hxb4w7y3rd] {
  cursor:default;
  pointer-events:none;
  opacity:.5;
}
@media(min-width:768px) and (max-width:991px) {
  .recipe-overview-loggedOut .filter-modal button.apply-btn-d[b-hxb4w7y3rd] {
    width:126px;
    height:49px;
  }
}
@media(max-width:767px) {
  .recipe-overview-loggedOut .filter-modal button.apply-btn-d[b-hxb4w7y3rd] {
    width:230px;
    height:46px;
  }
}
.recipe-overview-loggedOut .filter-modal button .apply-btn:hover[b-hxb4w7y3rd] {
  background-color:var(--wd-color-brand-red);
  color:#fff;
}
.recipe-overview-loggedOut .filter-modal .modal-dialog[b-hxb4w7y3rd] {
  margin:0;
  border-radius:0;
  border:none;
}
.recipe-overview-loggedOut .filter-modal .modal-dialog .modal-content[b-hxb4w7y3rd] {
  border:none;
  border-radius:0;
  padding-bottom:30px;
}
.recipe-overview-loggedOut .filter-modal .modal-dialog .modal-content h3[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
  font-weight:bold;
  font-size:1em;
  margin:0;
  margin-right:10px;
  font-family: var(--wd-font-body);
}
@media(max-width:991px) {
  .recipe-overview-loggedOut .filter-modal .modal-dialog .modal-content h3[b-hxb4w7y3rd] {
    font-size:22px;
    line-height:1.27;
    letter-spacing:-.37px;
  }
}
.recipe-overview-loggedOut .filter-modal .modal-dialog .modal-content .modal-body[b-hxb4w7y3rd] {
  padding-bottom:0;
}
.recipe-overview-loggedOut .filter-modal .modal-dialog .modal-content .modal-body .close[b-hxb4w7y3rd] {
  background-color:transparent;
  border:none;
  outline:0;
  z-index:1;
  cursor:pointer;
  opacity:1;
  margin-left:auto;
  padding:0;
}
.recipe-overview-loggedOut .filter-modal .modal-dialog .modal-footer[b-hxb4w7y3rd] {
  text-align:center;
  border:none;
  padding:5px 0;
}
.recipe-overview-loggedOut[b-hxb4w7y3rd]  button.filter-btn {
  background-color:transparent;
  border:none;
  border-radius:0;
  outline:0;
  cursor:pointer;
  font-family: var(--wd-font-body);
  margin-left:-22px;
}
.recipe-overview-loggedOut .clear-btn-mob[b-hxb4w7y3rd] {
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-stretch:normal;
  font-style:normal;
  line-height:1.57;
  letter-spacing:-.23px;
  color:var(--wd-color-brand-red);
  border:none;
  background:none;
  text-decoration:underline;
  margin-left:10px;
}
.recipe-overview-loggedOut .clear-btn-mob[disabled][b-hxb4w7y3rd] {
  cursor:default;
  pointer-events:none;
  border:none;
  opacity:.5;
}
.recipe-overview-loggedOut .red-link[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
  text-decoration:underline;
  font-size:.75em;
}
@media(max-width:991px) {
  .recipe-overview-loggedOut .red-link[b-hxb4w7y3rd] {
    font-size:.875em;
    line-height:1.57;
    letter-spacing:-.23px;
  }
}
.recipe-overview-loggedOut .filter-accordion[b-hxb4w7y3rd] {
  margin:10px 0;
}
.recipe-overview-loggedOut .filter-accordion .panel.panel-default[b-hxb4w7y3rd] {
  border:none;
  box-shadow:none;
  margin:0;
  border-top:1px solid #96969a !important;
  border-radius:0;
}
.recipe-overview-loggedOut .filter-accordion .panel.panel-default:focus[b-hxb4w7y3rd] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}
.recipe-overview-loggedOut .filter-accordion .panel.panel-default:last-child[b-hxb4w7y3rd] {
  border-bottom:1px solid #96969a !important;
}
.recipe-overview-loggedOut .filter-accordion .panel.panel-default .panel-heading[b-hxb4w7y3rd] {
  background-color:transparent !important;
  border:none;
  padding:16px 0;
}
.recipe-overview-loggedOut .filter-accordion .panel.panel-default .panel-heading h4.panel-title[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
  font-weight:bold;
  font-size:.875em;
  position:relative;
  font-family: var(--wd-font-body);
}
@media(max-width:991px) {
  .recipe-overview-loggedOut .filter-accordion .panel.panel-default .panel-heading h4.panel-title[b-hxb4w7y3rd] {
    font-size:18px;
    line-height:1.22;
    letter-spacing:-.25px;
    color:var(--wd-color-brand-red);
  }
}
.recipe-overview-loggedOut .filter-accordion .panel.panel-default .panel-heading h4.panel-title a[b-hxb4w7y3rd] {
  text-decoration:none;
  color:var(--wd-color-brand-red);
}
.recipe-overview-loggedOut .filter-accordion .panel.panel-default .panel-heading h4.panel-title a[aria-expanded="true"][b-hxb4w7y3rd] {
  display:block;
}
.recipe-overview-loggedOut .filter-accordion .panel.panel-default .panel-heading h4.panel-title a[aria-expanded="true"][b-hxb4w7y3rd]::before {
  font-family:FontAwesome;
  content:"";
  position:absolute;
  right:0;
  top:-12px;
  font-size:2em;
  font-weight:normal;
}
@media(max-width:991px) {
  .recipe-overview-loggedOut .filter-accordion .panel.panel-default .panel-heading h4.panel-title a[aria-expanded="true"][b-hxb4w7y3rd]::before {
    top:-4px;
    font-size:25px;
  }
}
.recipe-overview-loggedOut .filter-accordion .panel.panel-default .panel-heading h4.panel-title a[aria-expanded="false"][b-hxb4w7y3rd] {
  display:block;
}
.recipe-overview-loggedOut .filter-accordion .panel.panel-default .panel-heading h4.panel-title a[aria-expanded="false"][b-hxb4w7y3rd]::before {
  font-family:FontAwesome;
  content:"";
  position:absolute;
  right:0;
  top:-12px;
  font-size:2em;
  font-weight:normal;
}
@media(max-width:991px) {
  .recipe-overview-loggedOut .filter-accordion .panel.panel-default .panel-heading h4.panel-title a[aria-expanded="false"][b-hxb4w7y3rd]::before {
    top:-4px;
    font-size:25px;
  }
}
.recipe-overview-loggedOut .filter-accordion .panel.panel-default .panel-body[b-hxb4w7y3rd] {
  padding:0;
}
.recipe-overview-loggedOut .filter-accordion .panel.panel-default .panel-body ul[b-hxb4w7y3rd] {
  margin:0;
  padding:0;
  list-style:none;
}
@media(max-width:991px) {
  .recipe-overview-loggedOut .filter-accordion .panel.panel-default .panel-body ul[b-hxb4w7y3rd] {
    margin-bottom:19px;
  }
}
.recipes-top[b-hxb4w7y3rd] {
  margin-bottom:20px;
}
.recipes-top .r-top-img[b-hxb4w7y3rd] {
  padding:10px;
  background-color:#fff;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
}
.recipes-top .r-top-img .img-bg[b-hxb4w7y3rd] {
  width:100%;
  height:450px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
@media(max-width:767px) {
  .recipes-top .r-top-img .img-bg[b-hxb4w7y3rd] {
    height:150px;
  }
}
@media(min-width:768px) and (max-width:991px) {
  .recipes-top .r-top-img .img-bg[b-hxb4w7y3rd] {
    height:250px;
  }
}
.recipes-top h2[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
  font-size:30px;
  font-weight:800;
}
@media(max-width:767px) {
  .recipes-top h2[b-hxb4w7y3rd] {
    font-size:18px;
  }
}
@media(min-width:768px) and (max-width:991px) {
  .recipes-top h2[b-hxb4w7y3rd] {
    font-size:22px;
  }
}
.recipes-top p[b-hxb4w7y3rd] {
  font-size:.875em;
  color:var(--wd-color-text);
  margin-bottom:20px;
}
@media(max-width:767px) {
  .recipes-top p[b-hxb4w7y3rd] {
    font-size:.75em;
  }
}
@media(min-width:992px) {
  .d-lg-flex[b-hxb4w7y3rd] {
    display:flex;
  }
}
button.red-border-btn[b-hxb4w7y3rd] {
  border:1px solid var(--wd-color-brand-red);
  color:var(--wd-color-brand-red);
  background-color:transparent;
  font-size:.875em;
  padding:6px 25px;
  font-weight:600;
  outline:0;
}
@media(max-width:767px) {
  button.red-border-btn[b-hxb4w7y3rd] {
    display:block;
    margin:0 auto;
    padding:6px 35px;
  }
}
.recipes-catgry h2[b-hxb4w7y3rd] {
  font-size:28px;
  color:var(--wd-color-brand-red);
  font-weight:600;
}
@media(max-width:767px) {
  .recipes-catgry h2[b-hxb4w7y3rd] {
    font-size:20px;
  }
}
.catgry-list[b-hxb4w7y3rd] {
  padding:30px 40px;
  border-bottom:1px solid #979797;
}
@media(min-width:767px) and (max-width:991px) {
  .catgry-list button.red-border-btn.mobile-only[b-hxb4w7y3rd] {
    display:none !important;
  }
}
@media(max-width:991px) {
  .catgry-list[b-hxb4w7y3rd] {
    padding:10px 0;
    margin:0;
    padding-bottom:20px;
  }
}
@media(max-width:991px) {
  .catgry-list .catgry-list-content[b-hxb4w7y3rd] {
    padding:0;
  }
}
@media(min-width:767px) and (max-width:991px) {
  .catgry-list .catgry-list-content[b-hxb4w7y3rd] {
    display:flex;
    align-items:center;
  }
  .catgry-list .catgry-list-content button.red-border-btn[b-hxb4w7y3rd] {
    margin-left:auto !important;
    display:block;
  }
}
.catgry-list .catgry-list-content h3[b-hxb4w7y3rd] {
  font-size:20px;
  color:var(--wd-color-brand-red);
  font-weight:800;
  margin-bottom:15px;
}
@media(max-width:767px) {
  .catgry-list .catgry-list-content h3[b-hxb4w7y3rd] {
    margin-top:10px;
  }
}
.catgry-list .catgry-list-content p[b-hxb4w7y3rd] {
  color:var(--wd-color-text);
  font-size:.875em;
  margin-bottom:15px;
}
.catgry-list .catgry-list-img[b-hxb4w7y3rd] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.12);
  padding:15px;
}
@media(max-width:767px) {
  .catgry-list .catgry-list-img[b-hxb4w7y3rd] {
    margin-bottom:20px;
  }
}
.catgry-list .catgry-list-img .img-bg[b-hxb4w7y3rd] {
  width:100%;
  height:150px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
.catgry-list .catgry-list-img a.item-link[b-hxb4w7y3rd] {
  margin-top:10px;
  display:block;
  color:var(--wd-color-brand-red);
  font-size:.875em;
  text-decoration:none;
  font-weight:600;
}
.catgry-list .catgry-list-img a.item-link i[b-hxb4w7y3rd] {
  font-size:10px;
  margin-left:6px;
}
.our-kitchen[b-hxb4w7y3rd] {
  padding:50px 0;
}
.our-kitchen h2[b-hxb4w7y3rd] {
  text-align:center;
  color:var(--wd-color-brand-red);
  font-size:30px;
  font-weight:800;
  margin:20px 0;
}
@media(max-width:767px) {
  .our-kitchen h2[b-hxb4w7y3rd] {
    font-size:24px;
    margin-bottom:50px;
  }
}
.our-kitchen .stripe-bg[b-hxb4w7y3rd] {
  width:100%;
  height:270px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}
@media(max-width:767px) {
  .our-kitchen .stripe-bg[b-hxb4w7y3rd] {
    height:120px;
  }
}
.kitchen-info[b-hxb4w7y3rd] {
  margin-top:-80px;
}
@media(max-width:767px) {
  .kitchen-info[b-hxb4w7y3rd] {
    margin-top:-40px;
  }
}
.slider-inner-info[b-hxb4w7y3rd] {
  background-color:#fff;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  padding:15px;
  height:350px;
}
.slider-inner-info h5[b-hxb4w7y3rd] {
  background-color:var(--wd-color-brand-red);
  color:#fff;
  padding:10px;
  margin:0;
  font-size:.75em;
}
.slider-inner-info .slider-inner-img[b-hxb4w7y3rd] {
  height:170px;
  width:100%;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
.slider-inner-info .slider-inner-content h3[b-hxb4w7y3rd] {
  color:var(--wd-color-text);
  font-size:1em;
  margin:10px 0;
  font-weight:600;
  margin-bottom:5px;
}
.slider-inner-info .slider-inner-content p[b-hxb4w7y3rd] {
  color:var(--wd-color-text);
  font-size:.875em;
  max-height:60px;
  overflow:hidden;
  height:60px;
  margin-bottom:0;
}
.slider-inner-info .slider-inner-content a.item-link[b-hxb4w7y3rd] {
  margin-top:10px;
  display:block;
  color:var(--wd-color-brand-red);
  font-size:.875em;
  text-decoration:none;
  font-weight:600;
}
.slider-inner-info .slider-inner-content a.item-link i[b-hxb4w7y3rd] {
  font-size:10px;
  margin-left:6px;
}
.k-info-slider[b-hxb4w7y3rd] {
  padding:0 20px;
}
.k-info-slider .slick-next.slick-disabled[b-hxb4w7y3rd]:before,.k-info-slider .slick-prev.slick-disabled[b-hxb4w7y3rd]:before {
  display:none !important;
}
@media(max-width:767px) {
  .k-info-slider[b-hxb4w7y3rd] {
    padding:15px 0;
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    margin-top:30px;
  }
  .k-info-slider .slider-inner-info[b-hxb4w7y3rd] {
    padding:15px 35px;
    box-shadow:none;
  }
}
.k-info-slider .k-info-slider-items[b-hxb4w7y3rd] {
  padding:0 15px;
  padding-bottom:20px;
  outline:0;
}
@media(max-width:767px) {
  .k-info-slider .k-info-slider-items[b-hxb4w7y3rd] {
    padding:0;
  }
}
.k-info-slider .k-info-slider-items .slider-inner-img[b-hxb4w7y3rd] {
  height:170px;
}
.k-info-slider button.slick-prev.slick-arrow[b-hxb4w7y3rd] {
  position:absolute;
  left:0;
  top:50%;
  background-image:url("/Areas/V2/Images/left-arrowRed.png");
  background-color:transparent;
  border:none;
  height:15px;
  background-size:contain;
  background-repeat:no-repeat;
  padding:8px;
  background-position:center;
  font-size:0;
}
@media(max-width:767px) {
  .k-info-slider button.slick-prev.slick-arrow[b-hxb4w7y3rd] {
    left:5px;
    z-index:10;
  }
}
.k-info-slider button.slick-prev.slick-arrow[b-hxb4w7y3rd]::before {
  content:"";
  display:none;
}
.k-info-slider button.slick-next.slick-arrow[b-hxb4w7y3rd] {
  position:absolute;
  right:0;
  top:50%;
  background-image:url("/Areas/V2/Images/right-arrowRed.png");
  background-color:transparent;
  border:none;
  height:15px;
  background-size:contain;
  background-repeat:no-repeat;
  padding:8px;
  background-position:center;
  font-size:0;
}
@media(max-width:767px) {
  .k-info-slider button.slick-next.slick-arrow[b-hxb4w7y3rd] {
    right:5px;
    z-index:10;
  }
}
.k-info-slider button.slick-next.slick-arrow[b-hxb4w7y3rd]::before {
  content:"";
  display:none;
}
.k-info-slider .slick-dots[b-hxb4w7y3rd] {
  bottom:-35px;
}
.k-info-slider .slick-dots li.slick-active button[b-hxb4w7y3rd] {
  background:#333;
}
.k-info-slider .slick-dots li button[b-hxb4w7y3rd] {
  height:4px;
  padding:0;
  background:var(--wd-color-border);
  width:25px;
  margin-top:10px;
}
.k-info-slider .slick-dots li button[b-hxb4w7y3rd]::before {
  display:none;
}
@media(max-width:767px) {
  .p-xs-0[b-hxb4w7y3rd] {
    padding:0 !important;
  }
}
.insta-section[b-hxb4w7y3rd] {
  margin-top:20px;
}
.insta-section .row[b-hxb4w7y3rd] {
  margin:0 -15px;
  display:flex;
  flex-wrap:wrap;
}
.insta-section h2[b-hxb4w7y3rd] {
  font-size:22px;
  color:var(--wd-color-brand-red);
  font-weight:800;
  margin:0;
}
.insta-section p[b-hxb4w7y3rd] {
  font-size:.75em;
  color:var(--wd-color-text);
}
.insta-section p a[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
  text-decoration:none;
}
@media(max-width:767px) {
  .insta-section .insta-img[b-hxb4w7y3rd] {
    margin-bottom:15px;
  }
}
.blue-bottom-stripe[b-hxb4w7y3rd] {
  height:175px;
  background-color:#56b7e6;
  margin-top:-100px;
}
.m-0[b-hxb4w7y3rd] {
  margin:0;
}
.my-favorite-recipes[b-hxb4w7y3rd] {
  padding:50px 0;
}
.my-favorite-recipes h2[b-hxb4w7y3rd] {
  margin:0 16px 0 0;
  font-family: var(--wd-font-body);
  font-size:36px;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.59px;
  color:var(--wd-color-brand-red);
}
@media(max-width:576px) {
  .my-favorite-recipes h2[b-hxb4w7y3rd] {
    font-size:22px;
  }
}
.my-favorite-recipes h2 .zero-rec[b-hxb4w7y3rd] {
  color:var(--wd-color-text) !important;
  font-size:1em;
  line-height:22px;
  margin-left:5px;
}
.my-favorite-recipes .recipes-container[b-hxb4w7y3rd] {
  margin-top:32px;
}
.my-favorite-recipes .recipes-container .m-30[b-hxb4w7y3rd] {
  margin-bottom:30px;
}
.my-favorite-recipes .recipes-card[b-hxb4w7y3rd],.my-favorite-recipes .dot-cards[b-hxb4w7y3rd] {
  height:calc(100%);
  padding:16px 16px 16px 15px;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.12);
  background-color:#fff;
}
.my-favorite-recipes .recipes-card:focus>h2[b-hxb4w7y3rd],.my-favorite-recipes .dot-cards:focus>h2[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red) !important;
  font-weight:600;
  border-bottom:3px solid var(--wd-color-brand-red);
  padding-bottom:15px;
}
.my-favorite-recipes .recipes-card .item-image[b-hxb4w7y3rd],.my-favorite-recipes .dot-cards .item-image[b-hxb4w7y3rd] {
  width:232px;
  height:165px;
  overflow:hidden;
  background-position:center;
  background-size:cover;
}
@media(max-width:768px) {
  .my-favorite-recipes .recipes-card .item-image[b-hxb4w7y3rd],.my-favorite-recipes .dot-cards .item-image[b-hxb4w7y3rd] {
    width:100%;
    min-width:100%;
    height:134px;
  }
}
@media(max-width:576px) {
  .my-favorite-recipes .recipes-card .item-image[b-hxb4w7y3rd],.my-favorite-recipes .dot-cards .item-image[b-hxb4w7y3rd] {
    width:100%;
    min-width:100%;
    height:170px;
  }
}
@media(max-width:1199px) and (min-width:992px) {
  .my-favorite-recipes .recipes-card .item-image[b-hxb4w7y3rd],.my-favorite-recipes .dot-cards .item-image[b-hxb4w7y3rd] {
    width:100%;
  }
}
.my-favorite-recipes .recipes-card h2[b-hxb4w7y3rd],.my-favorite-recipes .dot-cards h2[b-hxb4w7y3rd] {
  margin:16px 0 8px 1px;
  font-family: var(--wd-font-body);
  font-size:20px;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.25;
  letter-spacing:-.33px;
  color:var(--wd-color-brand-red);
}
@media(max-width:576px) {
  .my-favorite-recipes .recipes-card h2[b-hxb4w7y3rd],.my-favorite-recipes .dot-cards h2[b-hxb4w7y3rd] {
    font-size:1em;
  }
}
.my-favorite-recipes .recipes-card .cook-time[b-hxb4w7y3rd],.my-favorite-recipes .dot-cards .cook-time[b-hxb4w7y3rd] {
  height:100px;
  overflow:hidden;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  margin:8px 0 8px 1px;
}
@media(max-width:768px) {
  .my-favorite-recipes .recipes-card .cook-time[b-hxb4w7y3rd],.my-favorite-recipes .dot-cards .cook-time[b-hxb4w7y3rd] {
    height:130px;
  }
}
@media(max-width:576px) {
  .my-favorite-recipes .recipes-card .cook-time[b-hxb4w7y3rd],.my-favorite-recipes .dot-cards .cook-time[b-hxb4w7y3rd] {
    font-size:.875em;
    height:auto;
    min-height:65px;
  }
}
@media(max-width:1199px) and (min-width:992px) {
  .my-favorite-recipes .recipes-card .cook-time[b-hxb4w7y3rd],.my-favorite-recipes .dot-cards .cook-time[b-hxb4w7y3rd] {
    height:130px;
  }
}
.my-favorite-recipes .recipes-card .cook-time .oval-tag[b-hxb4w7y3rd],.my-favorite-recipes .dot-cards .cook-time .oval-tag[b-hxb4w7y3rd] {
  width:24px;
  height:24px;
  margin:0 8px 8px 0;
  padding:7px;
  background-color:#4d4d4f;
  color:#fff;
  font-size:10px;
  text-align:center;
  border-radius:50%;
  display:inline-block;
  float:left;
}
.my-favorite-recipes .recipes-card .slide-btm-left[b-hxb4w7y3rd],.my-favorite-recipes .recipes-card .slide-btm-right[b-hxb4w7y3rd],.my-favorite-recipes .dot-cards .slide-btm-left[b-hxb4w7y3rd],.my-favorite-recipes .dot-cards .slide-btm-right[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
  margin:0;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.56;
  letter-spacing:-.27px;
}
.my-favorite-recipes .recipes-card .slide-btm-left .fa[b-hxb4w7y3rd],.my-favorite-recipes .dot-cards .slide-btm-left .fa[b-hxb4w7y3rd] {
  margin-left:8px;
  font-weight:bold;
  font-size:18px;
}
.my-favorite-recipes .recipes-card .slide-btm-right[b-hxb4w7y3rd],.my-favorite-recipes .dot-cards .slide-btm-right[b-hxb4w7y3rd] {
  text-align:right;
}
.my-favorite-recipes .dot-cards[b-hxb4w7y3rd] {
  box-shadow:none;
  border:2px #d0d0d0 dashed;
}
.my-favorite-recipes .dot-cards .rec-draw-img[b-hxb4w7y3rd] {
  width:146px;
  margin:0 auto;
  margin-top:10px;
}
.list-all[b-hxb4w7y3rd] {
  text-align:right;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.56;
  letter-spacing:-.27px;
  color:var(--wd-color-brand-red);
}
.list-all a[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
  text-decoration:none;
}
.list-all a:visited[b-hxb4w7y3rd],.list-all a:hover[b-hxb4w7y3rd] {
  color:var(--wd-color-brand-red);
  text-decoration:none;
}
.list-all .fa[b-hxb4w7y3rd] {
  margin-left:8px;
  font-weight:bold;
  font-size:18px;
}
.modal-backdrop.recipe.in[b-hxb4w7y3rd] {
  z-index:1;
}
@media(max-width:991px) {
  .recipe-overview-loggedOut[b-hxb4w7y3rd] {
    position:inherit;
  }
  .modal-backdrop.in[b-hxb4w7y3rd] {
    z-index:10;
  }
}
.recipe-filter-section-main .clear-btn-mob[disabled][b-hxb4w7y3rd] {
  color:#d37b8a;
}
.recipe-overview-loggedOut .clear-btn-mob[disabled][b-hxb4w7y3rd] {
  color:#d37b8a;
}
/* /Components/Pages/RecipesLanding.razor.rz.scp.css */
/* Scoped to RecipesLanding.razor. Moved from TWO of the three page-specific <link> tags
   previously in this page's HeadContent:
     - wwwroot/scss/WD/recipeOverview-wd.scss   (.recipe-overview — the featured-recipe and
       "in the mood for" mood-row sections, rendered directly by this page)
     - wwwroot/scss/WD/recipesFilter-wd.scss    (.recipe-filter-section-main — the hero banner
       + filter bar, also rendered directly by this page)
   Mechanically extracted with sed given their combined size (~3300 lines) — this only strips
   each file's byte-for-byte duplicate keyframes/btn-dot-loading block (same boilerplate seen
   across several other per-page bundles, see StoreDetails.razor.css) and swaps the header
   comment; every other byte is unchanged.

   The third original <link> — bundles/sass/WD/recipeFavContainer-wd.css (.FavContainer,
   renamed from _recipeFavContainer-wd.min.css — same content, see sasscompiler.json) —
   was removed from RecipesLanding.razor at a point when nothing on this page rendered
   .FavContainer yet, on the (then-true) assumption the bundle was dead weight. That's since
   gone stale: FavoriteRecipesSection now renders .FavContainer directly on this page (see the
   <form> in RecipesLanding.razor). Re-adding the <link> was considered, but its .dot-cards
   overrides were ported straight into FavoriteRecipesSection.razor.css instead, consistent
   with every other section on this page owning its own scoped CSS rather than reaching for a
   page-level <link>. */

/* Un-caps the shared page shell for THIS ROUTE ONLY, same intent as about_contact.css's and
   indirect-suppliers.css's own ".container-fluid__full { max-width: 100% }" overrides —
   _app-wd-legacy-content.scss:15325 caps it at 1170px globally on purpose (must not be removed
   there, see its own comment). Scoped CSS reaches this div directly since RecipesLanding.razor
   authors its own <div class="container-fluid__full"> (line ~57), so this wins on specificity
   over the global rule without needing a page-CSS-map entry. */
.container-fluid__full[b-h5vksmog0g] {
  max-width: 100%;
}
@keyframes stretch-b-h5vksmog0g {
  0% {
    transform:scale(.5);
    background-color:var(--wd-color-brand-red);
  }
  50% {
    background-color:var(--wd-color-brand-red);
  }
  100% {
    transform:scale(1);
    background-color:#fff;
  }
}

.btn-dot-loading.btn--loading[b-h5vksmog0g] {
  font-size:0;
}

.btn-dot-loading.btn--loading .btn-span[b-h5vksmog0g] {
  display:flex !important;
  justify-content:center;
}

.btn-dot-loading.btn--loading .btn-span b[b-h5vksmog0g] {
  animation-direction:alternate;
  animation-duration:.5s;
  animation-fill-mode:none;
  animation-iteration-count:infinite;
  animation-name:stretch-b-h5vksmog0g;
  animation-play-state:running;
  animation-timing-function:ease-out;
  border-radius:100%;
  display:block;
  height:10px;
  margin:0 1px;
  width:10px;
  animation-delay:.1s;
  margin:0 5px;
}

.btn-dot-loading.btn--loading .btn-span b:first-child[b-h5vksmog0g] {
  animation-delay:0s;
  margin:0;
}

.btn-dot-loading.btn--loading .btn-span b:last-child[b-h5vksmog0g] {
  animation-delay:.2s;
  margin:0;
}

.btn-dot-loading b[b-h5vksmog0g] {
  font-weight:normal;
}

.btn-dot-loading .btn-span[b-h5vksmog0g] {
  display:none;
}

.recipe-overview .headline h2[b-h5vksmog0g] {
  font-size:2.25em;
  font-weight:bold;
  color:var(--wd-color-brand-red);
  letter-spacing:-.59px;
}

@media(max-width:767px) {
  .recipe-overview .headline h2[b-h5vksmog0g] {
    font-size:26px;
  }
}

.recipe-overview .item-slider[b-h5vksmog0g] {
  margin-top:30px;
}

.recipe-overview .item-slider .slick-slider .c-list[b-h5vksmog0g] {
  text-align:center;
  padding:10px;
  outline:0;
}

.recipe-overview .item-slider .slick-slider .c-list:focus>h2[b-h5vksmog0g] {
  color:var(--wd-color-brand-red) !important;
  font-weight:600;
  border-bottom:3px solid var(--wd-color-brand-red);
  padding-bottom:15px;
}

.recipe-overview .item-slider .slick-slider .c-list .c-icons[b-h5vksmog0g] {
  width:87px;
  height:87px;
  background-color:var(--wd-color-bread);
  border-radius:50px;
  line-height:87px;
  text-align:center;
  font-size:10px;
  color:#6d6d70;
  display:block;
  margin:0 auto;
}

.recipe-overview .item-slider .slick-slider .c-list h2[b-h5vksmog0g] {
  color:var(--wd-color-text);
  font-size:.875em;
  margin:10px 0;
  letter-spacing:-.25px;
}

.recipe-overview .item-slider .slick-slider button.slick-prev[b-h5vksmog0g] {
  position:absolute;
  left:-40px;
  top:55px;
  background-image:url(../../../Areas/V2/Sass/layout/images/left-arrow.png);
  background-color:transparent;
  border:none;
  height:15px;
  background-size:contain;
  background-repeat:no-repeat;
  padding:8px;
  background-position:center;
}

.recipe-overview .item-slider .slick-slider button.slick-next[b-h5vksmog0g] {
  position:absolute;
  right:-40px;
  top:55px;
  background-image:url(../../../Areas/V2/Sass/layout/images/right-arrow.png);
  background-color:transparent;
  border:none;
  height:15px;
  background-size:contain;
  background-repeat:no-repeat;
  padding:8px;
  background-position:center;
}

@media(max-width:767px) {
  .recipe-overview .item-slider[b-h5vksmog0g] {
    margin-top:5px;
  }
  .recipe-overview .item-slider .c-icons[b-h5vksmog0g] {
    display:none !important;
  }
  .recipe-overview .item-slider .slick-arrow[b-h5vksmog0g] {
    display:none !important;
  }
}

.recipe-overview .d-lg-block[b-h5vksmog0g] {
  display:block;
}

.recipe-overview .d-lg-none[b-h5vksmog0g] {
  display:none;
}

@media(max-width:767px) {
  .recipe-overview .d-block[b-h5vksmog0g] {
    display:block;
  }
  .recipe-overview .d-none[b-h5vksmog0g] {
    display:none;
  }
}

.recipe-overview .fiter-stripe[b-h5vksmog0g] {
  background-color:var(--wd-color-bread);
  height:60px;
  padding:5px 10px;
}

.recipe-overview .outer[b-h5vksmog0g] {
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:100%;
}

.recipe-overview .outer .flex-list[b-h5vksmog0g] {
  margin:0 5px;
}

.recipe-overview h3.sub-heading[b-h5vksmog0g] {
  font-size:20px;
  color:var(--wd-color-brand-red);
  font-weight:600;
  margin:0;
}

.recipe-overview h3.sub-heading span[b-h5vksmog0g] {
  color:var(--wd-color-text);
  font-size:.875em;
  margin-left:10px;
  font-weight:400;
}

.recipe-overview .multidropdown .dropdown-submenu[b-h5vksmog0g] {
  position:relative;
}

.recipe-overview .multidropdown .dropdown-submenu[b-h5vksmog0g] {
  position:relative;
}

.recipe-overview .multidropdown .dropdown-submenu>a[b-h5vksmog0g]:after {
  display:block;
  content:" ";
  width:20px;
  height:8px;
  background-image:url(../../../Areas/V2/Sass/layout/images/drop-arrow.png);
  position:absolute;
  background-position:center;
  background-repeat:no-repeat;
  right:0;
  top:10px;
  background-size:contain;
}

.recipe-overview .multidropdown ul.dropdown-menu.multi-level[b-h5vksmog0g] {
  width:100%;
  border-radius:0;
}

.recipe-overview .multidropdown .dropdown-submenu:hover>a[b-h5vksmog0g]:after {
  border-left-color:#fff;
}

.recipe-overview .multidropdown .dropdown-submenu.pull-left[b-h5vksmog0g] {
  float:none;
}

.recipe-overview .multidropdown button.searchbtn[b-h5vksmog0g] {
  position:absolute;
  top:10px;
  right:5px;
  background-color:transparent;
  border:none;
  width:25px;
}

.recipe-overview .multidropdown input[b-h5vksmog0g] {
  font-size:.75em;
  border-radius:0;
  min-width:180px;
  transition:1s all;
}

.recipe-overview .multidropdown input[b-h5vksmog0g]::-webkit-input-placeholder {
  color:var(--wd-color-text);
}

.recipe-overview .multidropdown input:-ms-input-placeholder[b-h5vksmog0g] {
  color:var(--wd-color-text);
}

.recipe-overview .multidropdown input[b-h5vksmog0g]::placeholder {
  color:var(--wd-color-text);
}

.recipe-overview .multidropdown .drop-list[b-h5vksmog0g] {
  padding:5px 10px;
}

.recipe-overview .multidropdown .drop-list .list[b-h5vksmog0g] {
  color:var(--wd-color-brand-red);
  display:flex;
}

.recipe-overview .multidropdown .drop-list .list p[b-h5vksmog0g] {
  font-weight:600;
  margin:0;
  font-size:.75em;
}

.recipe-overview .multidropdown .drop-list .list a[b-h5vksmog0g] {
  font-size:10px;
  color:var(--wd-color-brand-red);
}

.recipe-overview .drop-select[b-h5vksmog0g] {
  background-color:#fff;
  border:1px solid #ccc;
  min-width:130px;
  height:34px;
  position:relative;
}

.recipe-overview .drop-select a.btn[b-h5vksmog0g] {
  font-size:.75em;
  color:var(--wd-color-text);
  padding-left:45px;
  font-weight:600;
  padding-right:15px;
  box-shadow:none !important;
  width:100%;
  text-align:left;
  line-height:19px;
}

.recipe-overview .drop-select a.btn[b-h5vksmog0g]:before {
  content:"Sort by";
  position:absolute;
  left:5px;
  font-weight:400;
}

.recipe-overview .drop-select li.dropdown-submenu:hover ul[b-h5vksmog0g] {
  display:block;
  left:100%;
}

.recipe-overview .drop-select .dropdown-submenu[b-h5vksmog0g] {
  position:relative;
}

.recipe-overview .btn-group.drop-select a.btn[b-h5vksmog0g]:after {
  display:block;
  content:" ";
  width:8px;
  height:8px;
  background-image:url(../../../Areas/V2/Sass/layout/images/drop-down.png);
  position:absolute;
  background-position:center;
  background-repeat:no-repeat;
  right:8px;
  top:12px;
  background-size:contain;
}

.recipe-overview .btn-group.drop-select.open a.btn[b-h5vksmog0g]:after {
  display:block;
  content:" ";
  width:8px;
  height:8px;
  background-image:url(../../../Areas/V2/Sass/layout/images/drop-up.png);
  position:absolute;
  background-position:center;
  background-repeat:no-repeat;
  right:8px;
  top:12px;
  background-size:contain;
}

.recipe-overview .saving-nos[b-h5vksmog0g] {
  height:30px;
  display:flex;
  align-items:center;
  background-color:var(--wd-color-brand-red);
  padding:0 10px;
  color:#fff;
}

.recipe-overview .saving-nos span[b-h5vksmog0g] {
  font-size:10px;
}

.recipe-overview .saving-nos i.count[b-h5vksmog0g] {
  background-color:#fedb00;
  border:1px solid #fff;
  width:22px;
  height:22px;
  text-align:center;
  line-height:20px;
  border-radius:50px;
  margin-right:5px;
  font-size:10px;
  color:var(--wd-color-brand-red);
  font-style:normal;
  font-weight:600;
  position:relative;
}

.recipe-overview .saving-nos i.count[b-h5vksmog0g]:after {
  content:"";
  font-family:fontawesome;
  position:absolute;
  top:-4px;
  background-color:#fff;
  height:10px;
  width:10px;
  line-height:10px;
  left:15px;
  text-align:center;
  font-size:7px;
  border-radius:50px;
  -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
  -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
  box-shadow:0 0 5px 0 rgba(0,0,0,.75);
}

@media(max-width:767px) {
  .recipe-overview .filter-outer>div:last-child[b-h5vksmog0g] {
    display:none !important;
  }
  .recipe-overview .fiter-stripe h3.sub-heading[b-h5vksmog0g] {
    display:none;
  }
  .recipe-overview .fiter-stripe .saving-nos[b-h5vksmog0g] {
    display:none;
  }
  .recipe-overview .flex-list[b-h5vksmog0g] {
    width:100%;
  }
  .recipe-overview .wd-trending h2[b-h5vksmog0g] {
    font-size:1.375em;
    text-align:center;
    margin:0 22px 54px;
  }
}

.recipe-overview .mob-search .searchbar[b-h5vksmog0g] {
  transition:2s all;
  width:0;
  padding:0;
  overflow:hidden;
}

.recipe-overview .dropdown.multidropdown[b-h5vksmog0g] {
  display:flex;
}

.recipe-overview .mob-search .searchbtn[b-h5vksmog0g] {
  background-color:#fff !important;
  width:40px !important;
  height:35px;
  position:static !important;
  padding:5px 10px;
  border:1px solid #d0d0d0 !important;
}

.recipe-overview .toggle-class .mob-search .searchbar[b-h5vksmog0g] {
  transition:2s all;
  width:100%;
}

.recipe-overview .toggle-class .btn-group.drop-select[b-h5vksmog0g] {
  display:none;
}

.recipe-overview .product-list[b-h5vksmog0g] {
  border-right:1px solid #979797;
  margin-top:30px;
  padding:15px;
  min-height:340px;
}

.recipe-overview .product-list h2[b-h5vksmog0g] {
  font-size:1.25em;
  color:var(--wd-color-brand-red);
  font-weight:600;
  margin-bottom:8px;
}

.recipe-overview .product-list img.flag[b-h5vksmog0g] {
  position:absolute;
  top:40px;
  left:20px;
  width:65px;
}

.recipe-overview .product-list .left-info[b-h5vksmog0g] {
  position:absolute;
  top:40px;
  left:20px;
  background-color:#3c3c3b;
  color:#fff;
  font-size:.75em;
  padding:3px 14px;
}

.recipe-overview .product-list span[b-h5vksmog0g] {
  display:block;
  color:var(--wd-color-text);
  font-size:.75em;
  margin-top:2px;
}

.recipe-overview .product-list p[b-h5vksmog0g] {
  font-size:.8125em;
  color:var(--wd-color-text);
  margin-bottom:0;
}

.recipe-overview .product-list a[b-h5vksmog0g] {
  font-size:.75em;
  color:var(--wd-color-brand-red);
}

.recipe-overview .product-list .add-btn[b-h5vksmog0g] {
  display:block;
  border:1px solid var(--wd-color-brand-red);
  padding:7px 15px;
  background-color:#fff;
  margin:10px 0;
  font-weight:900;
  color:var(--wd-color-brand-red);
}

.recipe-overview .product-list .add-btn i[b-h5vksmog0g] {
  background-color:var(--wd-color-brand-red);
  color:#fff;
  font-size:.75em;
  width:20px;
  border-radius:50px;
  height:20px;
  line-height:20px;
  text-align:center;
  margin-right:5px;
  border:1px solid var(--wd-color-brand-red);
}

.recipe-overview .product-list .add-btn:hover[b-h5vksmog0g] {
  background-color:var(--wd-color-brand-red);
  color:#fff;
}

.recipe-overview .product-list .add-btn:hover i[b-h5vksmog0g] {
  border:1px solid #fff;
  line-height:20px;
}

.recipe-overview .product-list .coupon-add-btn[b-h5vksmog0g] {
  display:block;
  margin:10px 0;
  background-color:transparent;
  border:none;
  color:var(--wd-color-text);
  font-weight:600;
  font-size:.875em;
  padding:5px 10px;
}

@media(max-width:767px) {
  .recipe-overview .product-list[b-h5vksmog0g] {
    border:none;
    display:flex;
    padding:0;
    min-height:auto;
    margin-bottom:20px;
  }
  .recipe-overview .product-list .product-img[b-h5vksmog0g] {
    min-width:150px;
  }
}

.recipe-overview .product-main>div:nth-child(3n-0) .product-list[b-h5vksmog0g] {
  border-right:none !important;
}

.recipe-overview .main-modal h4.modal-title[b-h5vksmog0g] {
  color:var(--wd-color-brand-red);
  font-size:font-16;
  font-weight:600;
}

.recipe-overview .main-modal .modal-header[b-h5vksmog0g] {
  border:none;
}

.recipe-overview .main-modal .product-list[b-h5vksmog0g] {
  border:none;
  margin:0;
  padding:5px;
  min-height:100%;
}

.recipe-overview .main-modal .product-list .add-btn[b-h5vksmog0g] {
  padding:7px 10px;
  font-size:.75em;
}

.recipe-overview .main-modal .product-list .add-btn i[b-h5vksmog0g] {
  font-size:.625em;
  width:18px;
  height:18px;
  line-height:17px;
  margin-right:2px;
}

.recipe-overview .main-modal .more-info[b-h5vksmog0g] {
  padding:5px;
}

.recipe-overview .main-modal .more-info h3[b-h5vksmog0g] {
  font-size:.875em;
  color:var(--wd-color-text);
  font-weight:600;
  margin:0;
  margin-bottom:10px;
}

.recipe-overview .main-modal .more-info p[b-h5vksmog0g] {
  color:var(--wd-color-text);
  font-size:.75em;
  word-wrap:break-word;
}

.recipe-overview .main-modal .related-product h2[b-h5vksmog0g] {
  font-size:1em;
}

.recipe-overview .main-modal .related-product p[b-h5vksmog0g] {
  font-size:.75em;
}

.recipe-overview .main-modal .total-count[b-h5vksmog0g] {
  margin:20px -15px;
  margin-bottom:0;
}

.recipe-overview a.main-link[b-h5vksmog0g] {
  color:var(--wd-color-brand-red);
  display:block;
  margin:10px 0;
}

.recipe-overview .cliping-grid[b-h5vksmog0g] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  padding:15px;
}

.recipe-overview .cliping-grid p[b-h5vksmog0g] {
  color:var(--wd-color-text);
  margin:10px 0;
  font-size:.75em;
}

.recipe-overview .heading[b-h5vksmog0g] {
  background-color:var(--wd-color-brand-red);
  padding:15px 10px;
}

.recipe-overview .heading h2[b-h5vksmog0g] {
  margin:0;
  color:#fff;
  font-size:.875em;
}

.recipe-overview .list-main[b-h5vksmog0g] {
  display:flex;
  margin-top:20px;
}

.recipe-overview .list-main .list-icon[b-h5vksmog0g] {
  min-width:35px;
}

.recipe-overview .list-main .list-icon i[b-h5vksmog0g] {
  width:20px;
  display:block;
}

.recipe-overview .list-main .list-icon i.fa-plus[b-h5vksmog0g] {
  background-color:var(--wd-color-brand-red);
  color:#fff;
  font-size:.75em;
  width:20px;
  border-radius:50px;
  height:20px;
  line-height:20px;
  text-align:center;
  margin-right:5px;
  border:1px solid var(--wd-color-brand-red);
}

.recipe-overview .list-main .list-icon i.count[b-h5vksmog0g] {
  display:block;
  background-color:#fedb00;
  border:1px solid #fff;
  width:22px;
  height:22px;
  text-align:center;
  line-height:20px;
  border-radius:50px;
  margin-right:5px;
  font-size:.625em;
  color:var(--wd-color-brand-red);
  font-style:normal;
  font-weight:600;
  position:relative;
}

.recipe-overview .list-main .list-icon i.count[b-h5vksmog0g]:after {
  content:"";
  font-family:fontawesome;
  position:absolute;
  top:-4px;
  background-color:#fff;
  height:10px;
  width:10px;
  line-height:10px;
  left:15px;
  text-align:center;
  font-size:.625em;
  border-radius:50px;
  -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
  box-shadow:0 0 5px 0 rgba(0,0,0,.75);
}

.recipe-overview .list-main .list-info h2[b-h5vksmog0g] {
  margin:0;
  color:var(--wd-color-brand-red);
  font-size:.75em;
  margin-bottom:5px;
}

.recipe-overview .list-main .list-info p[b-h5vksmog0g] {
  margin:0;
  color:var(--wd-color-text);
}

.recipe-overview .mb-2[b-h5vksmog0g] {
  margin-bottom:20px;
}

.recipe-overview .save-list[b-h5vksmog0g] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  padding:15px;
}

.recipe-overview .save-list .s-list a[b-h5vksmog0g] {
  display:block;
  color:var(--wd-color-brand-red);
  font-size:.875em;
  font-weight:600;
  margin:12px 0;
}

.recipe-overview .save-list .s-list a[b-h5vksmog0g]:after {
  content:"";
  margin-left:10px;
  background-image:url(../../../Areas/V2/Sass/layout/images/right-arrow.png);
  width:13px;
  height:12px;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  display:inline-block;
}

.recipe-overview .coupon-info[b-h5vksmog0g] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  padding:15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.recipe-overview .coupon-info h3[b-h5vksmog0g] {
  color:var(--wd-color-brand-red);
  font-size:.875em;
  margin:0;
}

.recipe-overview .coupon-info h3 span[b-h5vksmog0g] {
  color:var(--wd-color-text);
}

.recipe-overview .coupon-info a[b-h5vksmog0g] {
  color:var(--wd-color-brand-red);
  font-size:.75em;
  margin:0;
}

.recipe-overview .custom-panel ul.nav.nav-tabs[b-h5vksmog0g] {
  padding-bottom:20px;
  border-bottom:1px solid #979797;
}

.recipe-overview .custom-panel ul.nav.nav-tabs li a[b-h5vksmog0g] {
  color:var(--wd-color-text);
  font-size:.75em;
  padding:5px 10px;
  border:none;
  background-color:transparent !important;
}

.recipe-overview .custom-panel ul.nav.nav-tabs li.active a[b-h5vksmog0g] {
  color:var(--wd-color-brand-red) !important;
  font-weight:600;
  border-bottom:3px solid var(--wd-color-brand-red) !important;
}

.recipe-overview .custom-panel .items .product-list[b-h5vksmog0g] {
  display:flex;
}

.recipe-overview .custom-panel .items .product-list h2[b-h5vksmog0g] {
  margin:0;
  font-size:.875em;
}

.recipe-overview .custom-panel .items .product-list p[b-h5vksmog0g] {
  font-size:.75em;
}

.recipe-overview .custom-panel .items .product-list a[b-h5vksmog0g] {
  color:var(--wd-color-brand-red);
}

.recipe-overview .custom-panel .items a[b-h5vksmog0g] {
  color:var(--wd-color-text);
  font-size:.75em;
}

.recipe-overview .custom-panel .outer[b-h5vksmog0g] {
  border-bottom:1px solid #979797;
  padding:10px 0;
}

.recipe-overview .toggle-class .toggle-active[b-h5vksmog0g] {
  display:none;
  transition:3s all;
}

.recipe-overview .blue-bg[b-h5vksmog0g] {
  background-color:var(--wd-color-accent-purple) !important;
}

.recipe-overview .blue-outline[b-h5vksmog0g] {
  min-height:150px;
  background-color:#56b7e6;
  margin-bottom:20px;
}

.recipe-overview .d-block[b-h5vksmog0g] {
  display:block;
}

.recipe-overview .m-auto[b-h5vksmog0g] {
  margin:0 auto;
}

@media(min-width:1200px) {
  .recipe-overview .p-lg-0[b-h5vksmog0g] {
    padding:0;
  }
}

.recipe-overview .tab-view[b-h5vksmog0g] {
  display:none;
}

@media(max-width:1200px) {
  .recipe-overview .save-list[b-h5vksmog0g] {
    min-height:332px;
  }
  .recipe-overview .tab-view[b-h5vksmog0g] {
    display:block;
    text-align:center;
    margin:50px 0;
  }
  .recipe-overview .tab-view a[b-h5vksmog0g] {
    color:var(--wd-color-brand-red);
  }
}

.recipe-overview img.close-icon[b-h5vksmog0g] {
  height:16px;
  cursor:pointer;
}

.recipe-overview .filter-modal .header-modal[b-h5vksmog0g] {
  padding:10px 15px;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.15);
}

.recipe-overview .filter-modal .modal-dialog .modal-footer[b-h5vksmog0g] {
  text-align:center;
  border:none;
  padding:5px 0;
}

.recipe-overview .red-link[b-h5vksmog0g] {
  color:var(--wd-color-brand-red);
  text-decoration:underline;
  font-size:.75em;
}

.recipe-overview button.red-border-btn[b-h5vksmog0g] {
  border:1px solid var(--wd-color-brand-red);
  color:var(--wd-color-brand-red);
  background-color:transparent;
  font-size:.875em;
  padding:6px 25px;
  font-weight:600;
  outline:0;
}

@media(max-width:767px) {
  .recipe-overview button.red-border-btn[b-h5vksmog0g] {
    display:block;
    margin:0 auto;
    padding:6px 35px;
  }
}

.recipe-overview .our-kitchen[b-h5vksmog0g] {
  padding:50px 0;
}

.recipe-overview .our-kitchen h2[b-h5vksmog0g] {
  text-align:center;
  color:var(--wd-color-brand-red);
  font-size:30px;
  font-weight:800;
  margin:20px 0;
}

@media(max-width:767px) {
  .recipe-overview .our-kitchen h2[b-h5vksmog0g] {
    font-size:24px;
    margin-bottom:50px;
  }
}

.recipe-overview .our-kitchen .stripe-bg[b-h5vksmog0g] {
  width:100%;
  height:270px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}

@media(max-width:767px) {
  .recipe-overview .our-kitchen .stripe-bg[b-h5vksmog0g] {
    height:120px;
  }
}

.recipe-overview .kitchen-info[b-h5vksmog0g] {
  margin-top:-80px;
}

@media(max-width:767px) {
  .recipe-overview .kitchen-info[b-h5vksmog0g] {
    margin-top:-40px;
  }
}

.recipe-overview .slider-inner-info[b-h5vksmog0g] {
  background-color:#fff;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  padding:15px;
  height:350px;
}

.recipe-overview .slider-inner-info h5[b-h5vksmog0g] {
  background-color:var(--wd-color-brand-red);
  color:#fff;
  padding:10px;
  margin:0;
  font-size:.75em;
}

.recipe-overview .slider-inner-info .slider-inner-img[b-h5vksmog0g] {
  height:170px;
  width:100%;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}

.recipe-overview .slider-inner-info .slider-inner-content h3[b-h5vksmog0g] {
  color:var(--wd-color-text);
  font-size:16px;
  margin:10px 0;
  font-weight:600;
  margin-bottom:5px;
}

.recipe-overview .slider-inner-info .slider-inner-content p[b-h5vksmog0g] {
  color:var(--wd-color-text);
  font-size:.875em;
  max-height:60px;
  overflow:hidden;
  height:60px;
  margin-bottom:0;
}

.recipe-overview .k-info-slider[b-h5vksmog0g] {
  padding:0 20px;
}

.recipe-overview .k-info-slider .slick-next.slick-disabled[b-h5vksmog0g]:before,.recipe-overview .k-info-slider .slick-prev.slick-disabled[b-h5vksmog0g]:before {
  display:none !important;
}

@media(max-width:767px) {
  .recipe-overview .k-info-slider[b-h5vksmog0g] {
    padding:15px 0;
    box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
    margin-top:30px;
  }
  .recipe-overview .k-info-slider .slider-inner-info[b-h5vksmog0g] {
    padding:15px 35px;
    box-shadow:none;
  }
}

.recipe-overview .k-info-slider .k-info-slider-items[b-h5vksmog0g] {
  padding:0 15px;
  padding-bottom:20px;
  outline:0;
}

@media(max-width:767px) {
  .recipe-overview .k-info-slider .k-info-slider-items[b-h5vksmog0g] {
    padding:0;
  }
}

.recipe-overview .k-info-slider .k-info-slider-items .slider-inner-img[b-h5vksmog0g] {
  height:170px;
}

.recipe-overview .k-info-slider button.slick-prev.slick-arrow[b-h5vksmog0g] {
  position:absolute;
  left:0;
  top:50%;
  background-image:url("../../../Areas/V2/Sass/images/left-arrow.png");
  background-color:transparent;
  border:none;
  height:15px;
  background-size:contain;
  background-repeat:no-repeat;
  padding:8px;
  background-position:center;
  font-size:0;
}

@media(max-width:767px) {
  .recipe-overview .k-info-slider button.slick-prev.slick-arrow[b-h5vksmog0g] {
    left:5px;
    z-index:10;
  }
}

.recipe-overview .k-info-slider button.slick-prev.slick-arrow[b-h5vksmog0g]::before {
  content:"";
  display:none;
}

.recipe-overview .k-info-slider button.slick-next.slick-arrow[b-h5vksmog0g] {
  position:absolute;
  right:0;
  top:50%;
  background-image:url("../../../Areas/V2/Sass/images/right-arrow.png");
  background-color:transparent;
  border:none;
  height:15px;
  background-size:contain;
  background-repeat:no-repeat;
  padding:8px;
  background-position:center;
  font-size:0;
}

@media(max-width:767px) {
  .recipe-overview .k-info-slider button.slick-next.slick-arrow[b-h5vksmog0g] {
    right:5px;
    z-index:10;
  }
}

.recipe-overview .k-info-slider button.slick-next.slick-arrow[b-h5vksmog0g]::before {
  content:"";
  display:none;
}

.recipe-overview .k-info-slider .slick-dots[b-h5vksmog0g] {
  bottom:-35px;
}

.recipe-overview .k-info-slider .slick-dots li.slick-active button[b-h5vksmog0g] {
  background:#333;
}

.recipe-overview .k-info-slider .slick-dots li button[b-h5vksmog0g] {
  height:4px;
  padding:0;
  background:var(--wd-color-border);
  width:25px;
  margin-top:10px;
}

.recipe-overview .k-info-slider .slick-dots li button[b-h5vksmog0g]::before {
  display:none;
}

@media(max-width:767px) {
  .recipe-overview .p-xs-0[b-h5vksmog0g] {
    padding:0 !important;
  }
}

.recipe-overview .insta-section[b-h5vksmog0g] {
  margin-top:20px;
}

.recipe-overview .insta-section h2[b-h5vksmog0g] {
  font-size:22px;
  color:var(--wd-color-brand-red);
  font-weight:800;
  margin:0;
}

.recipe-overview .insta-section p[b-h5vksmog0g] {
  font-size:.75em;
  color:var(--wd-color-text);
}

.recipe-overview .insta-section p a[b-h5vksmog0g] {
  color:var(--wd-color-brand-red);
  text-decoration:none;
}

@media(max-width:767px) {
  .recipe-overview .insta-section .insta-img[b-h5vksmog0g] {
    margin-bottom:15px;
  }
}

.recipe-overview .blue-bottom-stripe[b-h5vksmog0g] {
  height:175px;
  background-color:#56b7e6;
  margin-top:-100px;
}

.recipe-overview .m-0[b-h5vksmog0g] {
  margin:0;
}

.recipe-overview .my-favorite-recipes[b-h5vksmog0g] {
  padding:50px 0;
}

.recipe-overview .my-favorite-recipes h2[b-h5vksmog0g] {
  margin:0 16px 0 0;
  font-family: var(--wd-font-body);
  font-size:36px;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.59px;
  color:var(--wd-color-brand-red);
}

@media(max-width:576px) {
  .recipe-overview .my-favorite-recipes h2[b-h5vksmog0g] {
    font-size:22px;
  }
}

.recipe-overview .my-favorite-recipes h2 .zero-rec[b-h5vksmog0g] {
  color:var(--wd-color-text) !important;
  font-size:16px;
  line-height:22px;
  margin-left:5px;
}

.recipe-overview .my-favorite-recipes .recipes-container[b-h5vksmog0g] {
  margin-top:32px;
}

.recipe-overview .my-favorite-recipes .recipes-container .m-30[b-h5vksmog0g] {
  margin-bottom:30px;
}

.recipe-overview .my-favorite-recipes .recipes-card[b-h5vksmog0g],.recipe-overview .my-favorite-recipes .dot-cards[b-h5vksmog0g] {
  height:calc(100%);
  padding:16px 16px 16px 15px;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.12);
  background-color:#fff;
}

.recipe-overview .my-favorite-recipes .recipes-card:focus>h2[b-h5vksmog0g],.recipe-overview .my-favorite-recipes .dot-cards:focus>h2[b-h5vksmog0g] {
  color:var(--wd-color-brand-red) !important;
  font-weight:600;
  border-bottom:3px solid var(--wd-color-brand-red);
  padding-bottom:15px;
}

.recipe-overview .my-favorite-recipes .recipes-card .item-image[b-h5vksmog0g],.recipe-overview .my-favorite-recipes .dot-cards .item-image[b-h5vksmog0g] {
  height:165px;
  overflow:hidden;
  background-position:center;
  background-size:cover;
}

@media(max-width:768px) {
  .recipe-overview .my-favorite-recipes .recipes-card .item-image[b-h5vksmog0g],.recipe-overview .my-favorite-recipes .dot-cards .item-image[b-h5vksmog0g] {
    width:100%;
    min-width:100%;
    height:134px;
  }
}

@media(max-width:576px) {
  .recipe-overview .my-favorite-recipes .recipes-card .item-image[b-h5vksmog0g],.recipe-overview .my-favorite-recipes .dot-cards .item-image[b-h5vksmog0g] {
    width:100%;
    min-width:100%;
    height:170px;
  }
}

@media(max-width:1199px) and (min-width:992px) {
  .recipe-overview .my-favorite-recipes .recipes-card .item-image[b-h5vksmog0g],.recipe-overview .my-favorite-recipes .dot-cards .item-image[b-h5vksmog0g] {
    width:100%;
  }
}

.recipe-overview .my-favorite-recipes .recipes-card h2[b-h5vksmog0g],.recipe-overview .my-favorite-recipes .dot-cards h2[b-h5vksmog0g] {
  margin:16px 0 8px 1px;
  font-family: var(--wd-font-body);
  font-size:20px;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.25;
  letter-spacing:-.33px;
  color:var(--wd-color-brand-red);
}

@media(max-width:576px) {
  .recipe-overview .my-favorite-recipes .recipes-card h2[b-h5vksmog0g],.recipe-overview .my-favorite-recipes .dot-cards h2[b-h5vksmog0g] {
    font-size:16px;
  }
}

.recipe-overview .my-favorite-recipes .recipes-card .cook-time[b-h5vksmog0g],.recipe-overview .my-favorite-recipes .dot-cards .cook-time[b-h5vksmog0g] {
  height:100px;
  overflow:hidden;
  font-family: var(--wd-font-body);
  font-size:16px;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  margin:8px 0 8px 1px;
}

@media(max-width:768px) {
  .recipe-overview .my-favorite-recipes .recipes-card .cook-time[b-h5vksmog0g],.recipe-overview .my-favorite-recipes .dot-cards .cook-time[b-h5vksmog0g] {
    height:130px;
  }
}

@media(max-width:576px) {
  .recipe-overview .my-favorite-recipes .recipes-card .cook-time[b-h5vksmog0g],.recipe-overview .my-favorite-recipes .dot-cards .cook-time[b-h5vksmog0g] {
    font-size:.875em;
    height:auto;
    min-height:65px;
  }
}

@media(max-width:1199px) and (min-width:992px) {
  .recipe-overview .my-favorite-recipes .recipes-card .cook-time[b-h5vksmog0g],.recipe-overview .my-favorite-recipes .dot-cards .cook-time[b-h5vksmog0g] {
    height:130px;
  }
}

.recipe-overview .my-favorite-recipes .recipes-card .cook-time .oval-tag[b-h5vksmog0g],.recipe-overview .my-favorite-recipes .dot-cards .cook-time .oval-tag[b-h5vksmog0g] {
  width:24px;
  height:24px;
  margin:0 8px 8px 0;
  padding:7px;
  background-color:#4d4d4f;
  color:#fff;
  font-size:10px;
  text-align:center;
  border-radius:50%;
  display:inline-block;
  float:left;
}

.recipe-overview .my-favorite-recipes .recipes-card .slide-btm-left[b-h5vksmog0g],.recipe-overview .my-favorite-recipes .recipes-card .slide-btm-right[b-h5vksmog0g],.recipe-overview .my-favorite-recipes .dot-cards .slide-btm-left[b-h5vksmog0g],.recipe-overview .my-favorite-recipes .dot-cards .slide-btm-right[b-h5vksmog0g] {
  color:var(--wd-color-brand-red);
  margin:0;
  font-family: var(--wd-font-body);
  font-size:16px;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.56;
  letter-spacing:-.27px;
}

.recipe-overview .my-favorite-recipes .recipes-card .slide-btm-right[b-h5vksmog0g],.recipe-overview .my-favorite-recipes .dot-cards .slide-btm-right[b-h5vksmog0g] {
  text-align:right;
}

.recipe-overview .my-favorite-recipes .dot-cards[b-h5vksmog0g] {
  box-shadow:none;
  border:2px #d0d0d0 dashed;
}

.recipe-overview .my-favorite-recipes .dot-cards .rec-draw-img[b-h5vksmog0g] {
  width:146px;
  margin:0 auto;
  margin-top:10px;
}

.recipe-overview .list-all[b-h5vksmog0g] {
  text-align:right;
  font-family: var(--wd-font-body);
  font-size:16px;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.56;
  letter-spacing:-.27px;
  color:var(--wd-color-brand-red);
}

.recipe-overview .list-all a[b-h5vksmog0g] {
  color:var(--wd-color-brand-red);
  text-decoration:none;
}

.recipe-overview .list-all a:visited[b-h5vksmog0g],.recipe-overview .list-all a:hover[b-h5vksmog0g] {
  color:var(--wd-color-brand-red);
  text-decoration:none;
}

@media(max-width:767px) {
  .wd-trending .whats-new-trending .whats-new-promo[b-h5vksmog0g] {
    padding:0;
  }
  .wd-trending h2[b-h5vksmog0g] {
    font-size:1.375em;
    margin:0 auto;
    text-align:center;
    margin-bottom:54px;
  }
  .wd-trending .mb-5[b-h5vksmog0g] {
    margin-bottom:3rem;
  }
}

.recipe-overview .recipes-top .api-error .dot-line-box[b-h5vksmog0g] {
  border:dashed 1px #979797;
  height:auto;
  padding:80px 0;
  text-align:center;
}

@media(max-width:992px) and (min-width:768px) {
  .recipe-overview .recipes-top .api-error .dot-line-box[b-h5vksmog0g] {
    font-size:1.125em;
    margin:0;
    padding:48px 0;
  }
}

@media(max-width:767px) and (min-width:100px) {
  .recipe-overview .recipes-top .api-error .dot-line-box[b-h5vksmog0g] {
    font-size:1.125em;
    margin:0;
    padding:32px 0;
  }
}

.recipe-overview .recipes-top .api-error .dot-line-box img[b-h5vksmog0g] {
  margin:0 !important;
}

@media(max-width:767px) and (min-width:100px) {
  .recipe-overview .recipes-top .api-error .dot-line-box img[b-h5vksmog0g] {
    width:56px;
  }
}

.recipe-overview .recipes-top .api-error .dot-line-box h3[b-h5vksmog0g] {
  margin:0 0 8px;
  font-family: var(--wd-font-body);
  font-size:1.375em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.18;
  letter-spacing:-.25px;
  text-align:center;
  color:var(--wd-color-text);
  margin:16px 0;
}

@media(max-width:767px) and (min-width:100px) {
  .recipe-overview .recipes-top .api-error .dot-line-box h3[b-h5vksmog0g] {
    font-size:1.125em;
  }
}

.recipe-overview .recipes-top .api-error .dot-line-box p[b-h5vksmog0g] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.63;
  letter-spacing:-.18px;
  text-align:center;
  color:var(--wd-color-text);
  margin:0 auto;
}

@media(max-width:767px) and (min-width:100px) {
  .recipe-overview .recipes-top .api-error .dot-line-box p[b-h5vksmog0g] {
    font-size:.875em;
  }
}

@keyframes stretch-b-h5vksmog0g {
  0% {
    transform:scale(.5);
    background-color:var(--wd-color-brand-red);
  }
  50% {
    background-color:var(--wd-color-brand-red);
  }
  100% {
    transform:scale(1);
    background-color:#fff;
  }
}

.btn-dot-loading.btn--loading[b-h5vksmog0g] {
  font-size:0;
}

.btn-dot-loading.btn--loading .btn-span[b-h5vksmog0g] {
  display:flex !important;
  justify-content:center;
}

.btn-dot-loading.btn--loading .btn-span b[b-h5vksmog0g] {
  animation-direction:alternate;
  animation-duration:.5s;
  animation-fill-mode:none;
  animation-iteration-count:infinite;
  animation-name:stretch-b-h5vksmog0g;
  animation-play-state:running;
  animation-timing-function:ease-out;
  border-radius:100%;
  display:block;
  height:10px;
  margin:0 1px;
  width:10px;
  animation-delay:.1s;
  margin:0 5px;
}

.btn-dot-loading.btn--loading .btn-span b:first-child[b-h5vksmog0g] {
  animation-delay:0s;
  margin:0;
}

.btn-dot-loading.btn--loading .btn-span b:last-child[b-h5vksmog0g] {
  animation-delay:.2s;
  margin:0;
}

.btn-dot-loading b[b-h5vksmog0g] {
  font-weight:normal;
}

.btn-dot-loading .btn-span[b-h5vksmog0g] {
  display:none;
}

.recipe-filter-section-main[b-h5vksmog0g] {
  z-index:11;
  position:relative;
}

.recipe-filter-section-main .headline h2[b-h5vksmog0g] {
  font-size:2.5em;
  font-weight:600;
  color:var(--wd-color-brand-red);
  letter-spacing:-.59px;
}

@media(max-width:767px) {
  .recipe-filter-section-main .headline h2[b-h5vksmog0g] {
    font-size:1.625em;
  }
}

.recipe-filter-section-main .mt-60[b-h5vksmog0g] {
  margin-top:60px;
}

.recipe-filter-section-main .d-lg-block[b-h5vksmog0g] {
  display:block;
}

.recipe-filter-section-main .d-lg-none[b-h5vksmog0g] {
  display:none;
}

@media(max-width:767px) {
  .recipe-filter-section-main .d-block[b-h5vksmog0g] {
    display:block;
  }
  .recipe-filter-section-main .d-none[b-h5vksmog0g] {
    display:none;
  }
}

.recipe-filter-section-main .fiter-stripe[b-h5vksmog0g] {
  background-color:var(--wd-color-bread);
  height:60px;
  padding:5px 10px;
}

.recipe-filter-section-main .outer[b-h5vksmog0g] {
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:100%;
}

.recipe-filter-section-main .outer .flex-list[b-h5vksmog0g] {
  margin:0 5px;
}

.recipe-filter-section-main h3.sub-heading[b-h5vksmog0g] {
  font-size:1.25em;
  color:var(--wd-color-brand-red);
  font-weight:600;
  margin:0;
}

.recipe-filter-section-main h3.sub-heading span[b-h5vksmog0g] {
  color:var(--wd-color-text);
  font-size:.875em;
  margin-left:10px;
  font-weight:400;
}

.recipe-filter-section-main .multidropdown .dropdown-submenu[b-h5vksmog0g] {
  position:relative;
}

.recipe-filter-section-main .multidropdown .dropdown-submenu[b-h5vksmog0g] {
  position:relative;
}

.recipe-filter-section-main .multidropdown .dropdown-submenu>a[b-h5vksmog0g]:after {
  display:block;
  content:" ";
  width:20px;
  height:8px;
  background-image:url(/Areas/V2/Images/drop-arrow.png);
  position:absolute;
  background-position:center;
  background-repeat:no-repeat;
  right:0;
  top:10px;
  background-size:contain;
}

.recipe-filter-section-main .multidropdown ul.dropdown-menu.multi-level[b-h5vksmog0g] {
  width:100%;
  border-radius:0;
}

.recipe-filter-section-main .multidropdown .dropdown-submenu:hover>a[b-h5vksmog0g]:after {
  border-left-color:#fff;
}

.recipe-filter-section-main .multidropdown .dropdown-submenu.pull-left[b-h5vksmog0g] {
  float:none;
}

.recipe-filter-section-main .multidropdown button.searchbtn[b-h5vksmog0g] {
  position:absolute;
  top:10px;
  right:5px;
  background-color:transparent;
  border:none;
  width:25px;
}

.recipe-filter-section-main .multidropdown input[b-h5vksmog0g] {
  font-size:.75em;
  border-radius:0;
  min-width:180px;
  transition:1s all;
}

.recipe-filter-section-main .multidropdown input[b-h5vksmog0g]::-webkit-input-placeholder {
  color:var(--wd-color-text);
}

.recipe-filter-section-main .multidropdown input:-ms-input-placeholder[b-h5vksmog0g] {
  color:var(--wd-color-text);
}

.recipe-filter-section-main .multidropdown input[b-h5vksmog0g]::placeholder {
  color:var(--wd-color-text);
}

.recipe-filter-section-main .multidropdown .drop-list[b-h5vksmog0g] {
  padding:5px 10px;
}

.recipe-filter-section-main .multidropdown .drop-list .list[b-h5vksmog0g] {
  color:var(--wd-color-brand-red);
  display:flex;
}

.recipe-filter-section-main .multidropdown .drop-list .list p[b-h5vksmog0g] {
  font-weight:600;
  margin:0;
  font-size:.75em;
}

.recipe-filter-section-main .multidropdown .drop-list .list a[b-h5vksmog0g] {
  font-size:.625em;
  color:var(--wd-color-brand-red);
}

.recipe-filter-section-main .drop-select[b-h5vksmog0g] {
  background-color:#fff;
  border:1px solid #ccc;
  min-width:130px;
  height:34px;
  position:relative;
}

.recipe-filter-section-main .drop-select a.btn[b-h5vksmog0g] {
  font-size:.75em;
  color:var(--wd-color-text);
  padding-left:45px;
  font-weight:600;
  padding-right:15px;
  box-shadow:none !important;
  width:100%;
  text-align:left;
  line-height:19px;
}

.recipe-filter-section-main .drop-select a.btn[b-h5vksmog0g]:before {
  content:"Sort by";
  position:absolute;
  left:5px;
  font-weight:400;
}

.recipe-filter-section-main .drop-select li.dropdown-submenu:hover ul[b-h5vksmog0g] {
  display:block;
  left:100%;
}

.recipe-filter-section-main .drop-select .dropdown-submenu[b-h5vksmog0g] {
  position:relative;
}

.recipe-filter-section-main .btn-group.drop-select a.btn[b-h5vksmog0g]:after {
  display:block;
  content:" ";
  width:8px;
  height:8px;
  background-image:url(/Areas/V2/Images/drop-down.png);
  position:absolute;
  background-position:center;
  background-repeat:no-repeat;
  right:8px;
  top:12px;
  background-size:contain;
}

.recipe-filter-section-main .btn-group.drop-select.open a.btn[b-h5vksmog0g]:after {
  display:block;
  content:" ";
  width:8px;
  height:8px;
  background-image:url(/Areas/V2/Images/drop-up.png);
  position:absolute;
  background-position:center;
  background-repeat:no-repeat;
  right:8px;
  top:12px;
  background-size:contain;
}

.recipe-filter-section-main .saving-nos[b-h5vksmog0g] {
  height:30px;
  display:flex;
  align-items:center;
  background-color:var(--wd-color-brand-red);
  padding:0 10px;
  color:#fff;
}

.recipe-filter-section-main .saving-nos span[b-h5vksmog0g] {
  font-size:.625em;
}

.recipe-filter-section-main .saving-nos i.count[b-h5vksmog0g] {
  background-color:#fedb00;
  border:1px solid #fff;
  width:22px;
  height:22px;
  text-align:center;
  line-height:20px;
  border-radius:50px;
  margin-right:5px;
  font-size:.625em;
  color:var(--wd-color-brand-red);
  font-style:normal;
  font-weight:600;
  position:relative;
}

.recipe-filter-section-main .saving-nos i.count[b-h5vksmog0g]:after {
  content:"";
  font-family:fontawesome;
  position:absolute;
  top:-4px;
  background-color:#fff;
  height:10px;
  width:10px;
  line-height:10px;
  left:15px;
  text-align:center;
  font-size:.4375em;
  border-radius:50px;
  -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
  -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
  box-shadow:0 0 5px 0 rgba(0,0,0,.75);
}

@media(max-width:767px) {
  .recipe-filter-section-main .filter-outer>div:last-child[b-h5vksmog0g] {
    display:none !important;
  }
  .recipe-filter-section-main .fiter-stripe h3.sub-heading[b-h5vksmog0g] {
    display:none;
  }
  .recipe-filter-section-main .fiter-stripe .saving-nos[b-h5vksmog0g] {
    display:none;
  }
  .recipe-filter-section-main .flex-list[b-h5vksmog0g] {
    width:100%;
  }
}

.recipe-filter-section-main .mob-search .searchbar[b-h5vksmog0g] {
  transition:2s all;
  width:0;
  padding:0;
  overflow:hidden;
}

.recipe-filter-section-main .dropdown.multidropdown[b-h5vksmog0g] {
  display:flex;
}

.recipe-filter-section-main .mob-search .searchbtn[b-h5vksmog0g] {
  background-color:#fff !important;
  width:40px !important;
  height:35px;
  position:static !important;
  padding:5px 10px;
  border:1px solid #d0d0d0 !important;
}

.recipe-filter-section-main .toggle-class .mob-search .searchbar[b-h5vksmog0g] {
  transition:2s all;
  width:100%;
}

.recipe-filter-section-main .toggle-class .btn-group.drop-select[b-h5vksmog0g] {
  display:none;
}

@media(min-width:768px) and (max-width:991px) {
  .recipe-filter-section-main .headline h2[b-h5vksmog0g] {
    font-size:1.5em;
  }
}

.recipe-filter-section-main .product-list[b-h5vksmog0g] {
  border-right:1px solid #979797;
  margin-top:30px;
  padding:15px;
  min-height:340px;
}

.recipe-filter-section-main .product-list h2[b-h5vksmog0g] {
  font-size:1.25em;
  color:var(--wd-color-brand-red);
  font-weight:600;
  margin-bottom:8px;
}

.recipe-filter-section-main .product-list img.flag[b-h5vksmog0g] {
  position:absolute;
  top:40px;
  left:20px;
  width:65px;
}

.recipe-filter-section-main .product-list .left-info[b-h5vksmog0g] {
  position:absolute;
  top:40px;
  left:20px;
  background-color:#3c3c3b;
  color:#fff;
  font-size:.75em;
  padding:3px 14px;
}

.recipe-filter-section-main .product-list span[b-h5vksmog0g] {
  display:block;
  color:var(--wd-color-text);
  font-size:.75em;
  margin-top:2px;
}

.recipe-filter-section-main .product-list p[b-h5vksmog0g] {
  font-size:.8125em;
  color:var(--wd-color-text);
  margin-bottom:0;
}

.recipe-filter-section-main .product-list a[b-h5vksmog0g] {
  font-size:.75em;
  color:var(--wd-color-brand-red);
}

.recipe-filter-section-main .product-list .add-btn[b-h5vksmog0g] {
  display:block;
  border:1px solid var(--wd-color-brand-red);
  padding:7px 15px;
  background-color:#fff;
  margin:10px 0;
  font-weight:900;
  color:var(--wd-color-brand-red);
}

.recipe-filter-section-main .product-list .add-btn i[b-h5vksmog0g] {
  background-color:var(--wd-color-brand-red);
  color:#fff;
  font-size:.75em;
  width:20px;
  border-radius:50px;
  height:20px;
  line-height:20px;
  text-align:center;
  margin-right:5px;
  border:1px solid var(--wd-color-brand-red);
}

.recipe-filter-section-main .product-list .add-btn:hover[b-h5vksmog0g] {
  background-color:var(--wd-color-brand-red);
  color:#fff;
}

.recipe-filter-section-main .product-list .add-btn:hover i[b-h5vksmog0g] {
  border:1px solid #fff;
  line-height:20px;
}

.recipe-filter-section-main .product-list .coupon-add-btn[b-h5vksmog0g] {
  display:block;
  margin:10px 0;
  background-color:transparent;
  border:none;
  color:var(--wd-color-text);
  font-weight:600;
  font-size:.875em;
  padding:5px 10px;
}

@media(max-width:767px) {
  .recipe-filter-section-main .product-list[b-h5vksmog0g] {
    border:none;
    display:flex;
    padding:0;
    min-height:auto;
    margin-bottom:20px;
  }
  .recipe-filter-section-main .product-list .product-img[b-h5vksmog0g] {
    min-width:150px;
  }
}

.recipe-filter-section-main .product-main>div:nth-child(3n-0) .product-list[b-h5vksmog0g] {
  border-right:none !important;
}

.recipe-filter-section-main .main-modal h4.modal-title[b-h5vksmog0g] {
  color:var(--wd-color-brand-red);
  font-size:1em;
  font-weight:600;
}

.recipe-filter-section-main .main-modal .modal-header[b-h5vksmog0g] {
  border:none;
}

.recipe-filter-section-main .main-modal .product-list[b-h5vksmog0g] {
  border:none;
  margin:0;
  padding:5px;
  min-height:100%;
}

.recipe-filter-section-main .main-modal .product-list .add-btn[b-h5vksmog0g] {
  padding:7px 10px;
  font-size:.75em;
}

.recipe-filter-section-main .main-modal .product-list .add-btn i[b-h5vksmog0g] {
  font-size:.625em;
  width:18px;
  height:18px;
  line-height:17px;
  margin-right:2px;
}

.recipe-filter-section-main .main-modal .more-info[b-h5vksmog0g] {
  padding:5px;
}

.recipe-filter-section-main .main-modal .more-info h3[b-h5vksmog0g] {
  font-size:.875em;
  color:var(--wd-color-text);
  font-weight:600;
  margin:0;
  margin-bottom:10px;
}

.recipe-filter-section-main .main-modal .more-info p[b-h5vksmog0g] {
  color:var(--wd-color-text);
  font-size:.75em;
  word-wrap:break-word;
}

.recipe-filter-section-main .main-modal .related-product h2[b-h5vksmog0g] {
  font-size:1em;
}

.recipe-filter-section-main .main-modal .related-product p[b-h5vksmog0g] {
  font-size:.75em;
}

.recipe-filter-section-main .main-modal .total-count[b-h5vksmog0g] {
  margin:20px -15px;
  margin-bottom:0;
}

.recipe-filter-section-main a.main-link[b-h5vksmog0g] {
  color:var(--wd-color-brand-red);
  display:block;
  margin:10px 0;
}

.recipe-filter-section-main .heading[b-h5vksmog0g] {
  background-color:var(--wd-color-brand-red);
  padding:15px 10px;
}

.recipe-filter-section-main .heading h2[b-h5vksmog0g] {
  margin:0;
  color:#fff;
  font-size:.875em;
}

.recipe-filter-section-main .toggle-class .toggle-active[b-h5vksmog0g] {
  display:none;
  transition:3s all;
}

.recipe-filter-section-main .blue-bg[b-h5vksmog0g] {
  background-color:var(--wd-color-accent-purple) !important;
}

.recipe-filter-section-main .blue-outline[b-h5vksmog0g] {
  min-height:150px;
  background-color:#56b7e6;
  margin-bottom:20px;
}

.recipe-filter-section-main .d-block[b-h5vksmog0g] {
  display:block;
}

.recipe-filter-section-main .m-auto[b-h5vksmog0g] {
  margin:0 auto;
}

@media(min-width:1200px) {
  .recipe-filter-section-main .p-lg-0[b-h5vksmog0g] {
    padding:0;
  }
}

.recipe-filter-section-main .tab-view[b-h5vksmog0g] {
  display:none;
}

@media(max-width:1200px) {
  .recipe-filter-section-main .save-list[b-h5vksmog0g] {
    min-height:332px;
  }
  .recipe-filter-section-main .tab-view[b-h5vksmog0g] {
    display:block;
    text-align:center;
    margin:50px 0;
  }
  .recipe-filter-section-main .tab-view a[b-h5vksmog0g] {
    color:var(--wd-color-brand-red);
  }
}

.recipe-filter-section-main img.close-icon[b-h5vksmog0g] {
  height:24px;
  width:24px;
  cursor:pointer;
  margin-right:7px;
}

@media(max-width:991px) {
  .recipe-filter-section-main img.close-icon[b-h5vksmog0g] {
    margin-right:4px;
  }
}

@media(max-width:767px) {
  .recipe-filter-section-main img.close-icon[b-h5vksmog0g] {
    width:24px;
    height:24px;
  }
}

.recipe-filter-section-main .dropdown-footer .a[b-h5vksmog0g] {
  color:var(--wd-color-brand-red);
  text-decoration:underline;
  margin-left:20px;
  font-size:1em;
  font-family: var(--wd-font-body);
  letter-spacing:-.27px;
}

.recipe-filter-section-main .filter-modal .header-modal[b-h5vksmog0g] {
  padding:10px 15px;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.15);
}

.recipe-filter-section-main .filter-modal .modal-dialog .modal-footer[b-h5vksmog0g] {
  text-align:center;
  border:none;
  padding:5px 0;
}

.recipe-filter-section-main .red-link[b-h5vksmog0g] {
  color:var(--wd-color-brand-red);
  text-decoration:underline;
  font-size:.75em;
}

@media(max-width:991px) {
  .recipe-filter-section-main .red-link[b-h5vksmog0g] {
    font-size:.875em;
    line-height:1.57;
    letter-spacing:-.23px;
  }
}

.m-0[b-h5vksmog0g] {
  margin:0;
}

.filter-backdrop[b-h5vksmog0g] {
  z-index:10;
}
/* /Components/Pages/Rewards.razor.rz.scp.css */
/* ---- Migrated from wwwroot/scss/WD/refreshRewards-wd.scss (retired global bundle) ----
   Deduped the file's own repeated @keyframes stretch/.btn-dot-loading boilerplate.

   .container_faq .faq (a stray rule targeting Components/Shared/PageSections.razor's markup,
   not this page's) was relocated to PageSections.razor.css instead — same "owning component"
   reasoning as SiteFooter.razor.css's earlier rescue.

   ::deep usage: this page's benefit-cards slick slider (.member-rewards .topSlider.sliderXS,
   home.js-equivalent behavior handled by the globally-loaded _slick.min.js/_recipeSelector-style
   self-init) wraps the original Blazor-rendered slides in fresh .slick-track/.slick-slide/
   .slick-dots elements with no scope attribute — same mechanism already proven for Home.razor's
   hero carousel and recipe rail (see Home.razor.css). ::deep inserted right after ".topSlider"
   for those; ".sliderXS" itself (the slider's own wrapper div, Blazor-owned) and the slide
   content inside it stayed plain.

   Dead/unreachable, carried over unchanged (grepped this page's actual markup and the rest of
   Components/ — none of these classes appear anywhere, confirming they're leftovers from a
   design that was reworked before this app rebuilt the page):
     - ".winn-rewards..." (~150 lines) and ".RefreshRewards-deals..." (~250 lines) — neither
       wrapper class appears in Rewards.razor at all.
     - ".App-rewards__section..." (~250 lines) — an EARLIER-authored copy of the same app-promo
       widget this file also styles under ".RewardsAppSection" (the class Rewards.razor actually
       renders) later in the same source; superseded in-file, never removed. (Home.razor.css has
       its own separate, alive ".App-rewards__section" copy for Home.razor's identically-named
       section — unrelated to this dead one.)
     - ".RanksAndAwards-Main..." and ".Rewardsfaq-btn..." — not implemented anywhere in this app.
     - ".rewards-termslink .rewardsterms-descr" / "a" — the div they'd target
       (Rewards.razor's <div class="row rewards-termslink"></div>) is permanently empty in the
       current implementation; the rule for the div itself stays, its dead descendants don't.
*/
@keyframes stretch-b-944fxz66nh {
  0% {
    transform:scale(.5);
    background-color:var(--wd-color-brand-red);
  }
  50% {
    background-color:var(--wd-color-brand-red);
  }
  100% {
    transform:scale(1);
    background-color:#fff;
  }
}

.btn-dot-loading.btn--loading[b-944fxz66nh] {
  font-size:0;
}

.btn-dot-loading.btn--loading .btn-span[b-944fxz66nh] {
  display:flex !important;
  justify-content:center;
}

.btn-dot-loading.btn--loading .btn-span b[b-944fxz66nh] {
  animation-direction:alternate;
  animation-duration:.5s;
  animation-fill-mode:none;
  animation-iteration-count:infinite;
  animation-name:stretch-b-944fxz66nh;
  animation-play-state:running;
  animation-timing-function:ease-out;
  border-radius:100%;
  display:block;
  height:10px;
  margin:0 1px;
  width:10px;
  animation-delay:.1s;
  margin:0 5px;
}

.btn-dot-loading.btn--loading .btn-span b:first-child[b-944fxz66nh] {
  animation-delay:0s;
  margin:0;
}

.btn-dot-loading.btn--loading .btn-span b:last-child[b-944fxz66nh] {
  animation-delay:.2s;
  margin:0;
}

.btn-dot-loading b[b-944fxz66nh] {
  font-weight:normal;
}

.btn-dot-loading .btn-span[b-944fxz66nh] {
  display:none;
}

.winn-rewards .winn-section .winn-head h2[b-944fxz66nh] {
  font-size:2.25em;
  color:var(--wd-color-accent-purple);
  font-family: var(--wd-font-body);
  text-align:center;
  font-weight:700;
  margin-bottom:85px;
  margin-top:50px;
}

@media(min-width:100px) and (max-width:991px) {
  .winn-rewards .winn-section .winn-head h2[b-944fxz66nh] {
    font-size:1.625em;
  }
}

.winn-rewards .winn-section .winn-para[b-944fxz66nh] {
  margin-bottom:25px;
}

@media(min-width:767px) and (max-width:991px) {
  .winn-rewards .winn-section .winn-para[b-944fxz66nh] {
    justify-content:center;
    display:flex;
    flex-flow:wrap;
    margin:0 -30px;
  }
}

.winn-rewards .winn-section .winn-para .winn-slide[b-944fxz66nh] {
  padding:0;
}

@media(min-width:767px) and (max-width:991px) {
  .winn-rewards .winn-section .winn-para .winn-slide[b-944fxz66nh] {
    flex-basis:50%;
  }
}

.winn-rewards .winn-section .winn-para .winn-slide .winn-box-border[b-944fxz66nh] {
  min-height:243px;
  margin:10px 20px 10px 20px;
  box-shadow:0 3px 6px rgba(0,0,0,.1);
  border:2px solid #ddd;
  border-radius:10px;
  text-align:center;
  position:relative;
}

@media(min-width:100px) and (max-width:991px) {
  .winn-rewards .winn-section .winn-para .winn-slide .winn-box-border[b-944fxz66nh] {
    margin-bottom:50px !important;
    min-height:200px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .winn-rewards .winn-section .winn-para .winn-slide .winn-box-border[b-944fxz66nh] {
    margin:10px 10px 10px 10px;
  }
}

.winn-rewards .winn-section .winn-para .winn-box-textarea[b-944fxz66nh] {
  padding:40px;
  padding-top:0 !important;
}

@media(min-width:992px) and (max-width:1199px) {
  .winn-rewards .winn-section .winn-para .winn-box-textarea[b-944fxz66nh] {
    padding:10px 25px;
  }
}

@media(min-width:1200px) {
  .winn-rewards .winn-section .winn-para .winn-box-textarea[b-944fxz66nh] {
    padding:40px 25px;
  }
}

.winn-rewards .winn-section .winn-para h3[b-944fxz66nh] {
  font-size:2em;
  color:var(--wd-color-accent-purple);
  font-family: var(--wd-font-body);
  text-align:center;
  font-weight:700;
  margin-bottom:16px;
}

@media(min-width:100px) and (max-width:991px) {
  .winn-rewards .winn-section .winn-para h3[b-944fxz66nh] {
    font-size:1.375em;
  }
}

.winn-rewards .winn-section .winn-para img[b-944fxz66nh] {
  margin-top:-73px !important;
  margin:auto;
}

@media(min-width:100px) and (max-width:991px) {
  .winn-rewards .winn-section .winn-para img[b-944fxz66nh] {
    margin-top:-50px !important;
  }
}

.winn-rewards .winn-section .winn-para p[b-944fxz66nh] {
  text-align:initial;
  font-size:1.125em;
  color:var(--wd-color-text);
}

@media(min-width:100px) and (max-width:991px) {
  .winn-rewards .winn-section .winn-para p[b-944fxz66nh] {
    font-size:1em;
  }
}

.RefreshRewards-deals .exclusiveDealsSection[b-944fxz66nh] {
  width:100%;
  padding:0;
}

.RefreshRewards-deals .exclusiveDealsSection .deals-headSection[b-944fxz66nh] {
  text-align:center;
}

@media(min-width:100px) and (max-width:767px) {
  .RefreshRewards-deals .exclusiveDealsSection .deals-headSection[b-944fxz66nh] {
    margin-top:-12px;
  }
}

.RefreshRewards-deals .exclusiveDealsSection .deals-headSection h2[b-944fxz66nh] {
  font-size:2.25em;
  color:#fff;
  font-family: var(--wd-font-body);
  text-align:center;
  font-weight:700;
  margin-bottom:35px;
  background-color:var(--wd-color-accent-purple);
  padding:30px;
}

@media(min-width:100px) and (max-width:991px) {
  .RefreshRewards-deals .exclusiveDealsSection .deals-headSection h2[b-944fxz66nh] {
    font-size:1.625em;
  }
}

.RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section[b-944fxz66nh] {
  margin:auto;
  display:table;
}

.RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection[b-944fxz66nh] {
  background-color:#fff;
  min-height:295px;
  margin:10px 15px 10px 15px;
  box-shadow:0 3px 6px rgba(0,0,0,.1);
  border:2px solid #ddd;
  border-radius:10px;
  text-align:center;
  position:relative;
  max-width:824px;
}

@media(min-width:100px) and (max-width:767px) {
  .RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection[b-944fxz66nh] {
    max-width:100%;
    margin:-11px 35px 10px 35px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection[b-944fxz66nh] {
    max-width:750px;
    margin:10px 25px 10px 25px;
  }
}

@media(min-width:991px) and (max-width:1199px) {
  .RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection[b-944fxz66nh] {
    margin:auto;
  }
}

.RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .btn-headers[b-944fxz66nh] {
  border-bottom:1px solid #ddd;
}

@media(min-width:100px) and (max-width:767px) {
  .RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .btn-headers[b-944fxz66nh] {
    border:0;
  }
}

.RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .btn-headers .header-link.active[b-944fxz66nh] {
  border-bottom:3px solid #56b7e6;
}

@media(min-width:100px) and (max-width:767px) {
  .RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .btn-headers .header-link.active[b-944fxz66nh] {
    border-bottom:1px solid #ddd;
    width:100%;
    margin:auto;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .btn-headers .header-link.active h3[b-944fxz66nh] {
    border-bottom:3px solid #56b7e6;
    margin-left:49px;
    margin-right:52px;
  }
}

@media(min-width:1200px) {
  .RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .btn-headers .header-link[b-944fxz66nh] {
    padding-bottom:11px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .btn-headers .header-link[b-944fxz66nh] {
    padding-left:0;
    border-bottom:1px solid #ddd;
  }
}

.RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .btn-headers .header-link h3[b-944fxz66nh] {
  font-size:1.375em;
  font-weight:700;
}

@media(min-width:100px) and (max-width:767px) {
  .RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .btn-headers .header-link h3[b-944fxz66nh] {
    padding-bottom:15px;
    margin-bottom:0 !important;
  }
}

.RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .btn-headers .header-link a[b-944fxz66nh] {
  color:var(--wd-color-accent-purple);
}

.RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .txt-DescPart[b-944fxz66nh] {
  display:flex;
}

@media(min-width:100px) and (max-width:767px) {
  .RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .txt-DescPart .img-sec[b-944fxz66nh] {
    display:table;
    margin:auto;
    padding-left:0 !important;
  }
}

.RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .txt-DescPart .img-sec.mystery-img[b-944fxz66nh] {
  padding-top:20px;
  padding-left:20px;
}

.RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .txt-DescPart .img-sec.deal-img[b-944fxz66nh] {
  padding-top:30px;
  padding-left:40px;
}

.RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .txt-DescPart .img-sec.booster-img[b-944fxz66nh] {
  padding-top:40px;
  padding-left:20px;
}

.RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .txt-DescPart .detail-text[b-944fxz66nh] {
  text-align:left;
  padding-top:15px;
  padding-bottom:15px;
  padding-right:15px;
}

@media(min-width:100px) and (max-width:767px) {
  .RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .txt-DescPart .detail-text[b-944fxz66nh] {
    padding-right:30px;
    padding-left:12px;
  }
}

@media(min-width:768px) and (max-width:1199px) {
  .RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .txt-DescPart .detail-text[b-944fxz66nh] {
    padding-left:25px;
  }
}

.RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .txt-DescPart .detail-text h4[b-944fxz66nh] {
  text-align:left;
  font-size:1.375em;
  color:var(--wd-color-accent-purple);
  font-weight:700;
}

@media(min-width:100px) and (max-width:991px) {
  .RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .txt-DescPart .detail-text h4[b-944fxz66nh] {
    font-size:1.25em;
  }
}

.RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .txt-DescPart .detail-text p[b-944fxz66nh] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.33;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  text-align:left;
  padding-top:8px;
  padding-bottom:20px;
}

@media(min-width:100px) and (max-width:991px) {
  .RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .txt-DescPart .detail-text p[b-944fxz66nh] {
    font-size:1em;
  }
}

.RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .txt-DescPart .detail-text .icon-right[b-944fxz66nh] {
  padding-bottom:20px;
}

@media(min-width:100px) and (max-width:767px) {
  .RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .txt-DescPart .detail-text .icon-right[b-944fxz66nh] {
    margin-left:0;
    padding-bottom:3px;
  }
}

.RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .txt-DescPart .detail-text .icon-right a[b-944fxz66nh] {
  color:var(--wd-color-brand-red);
  cursor:pointer;
  font-size:1.125em;
  font-weight:700;
  text-decoration:none !important;
}

.RefreshRewards-deals .exclusiveDealsSection .RewardsMain-Section .Deals-boxSection .txt-DescPart .detail-text .icon-right a i[b-944fxz66nh] {
  font-family:'FontAwesome';
  top:1px;
  position:relative;
  left:2px;
}

.RefreshRewards-deals .linksSection[b-944fxz66nh] {
  margin:auto;
  display:table;
  margin-top:20px;
  margin-bottom:20px;
}

@media(min-width:992px) and (max-width:1199px) {
  .RefreshRewards-deals .linksSection[b-944fxz66nh] {
    margin-top:35px;
  }
}

.RefreshRewards-deals .linksSection a[b-944fxz66nh] {
  padding:11px 10px;
  width:246px;
  font-size:1.125rem !important;
  font-weight:600;
}

.RefreshRewards-deals .linksSection p[b-944fxz66nh] {
  margin-top:14px;
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.27px;
  color:var(--wd-color-text);
  padding-bottom:0;
  text-align:center;
}

@media(min-width:100px) and (max-width:991px) {
  .RefreshRewards-deals .linksSection p[b-944fxz66nh] {
    font-size:1em;
  }
}

.RefreshRewards-deals .linksSection p .link[b-944fxz66nh] {
  color:var(--wd-color-brand-red);
  text-decoration:underline;
  padding:0;
  font-weight:normal;
  display:inline;
}

@media(min-width:100px) and (max-width:991px) {
  .RefreshRewards-deals .linksSection p .link[b-944fxz66nh] {
    font-size:1em;
  }
}

.RefreshRewards-deals .linksSection p .link:hover[b-944fxz66nh] {
  font-weight:600;
}

.App-rewards__section[b-944fxz66nh] {
  background-color:var(--wd-color-brand-red);
  margin-top:112px;
}

.App-rewards__section[b-944fxz66nh] {
  background-color:#F9DFCC !important;
}

@media(min-width:100px) and (max-width:767px) {
  .App-rewards__section[b-944fxz66nh] {
    display:block;
    margin-top:40px;
  }
}

.App-rewards__section .app-reward-main[b-944fxz66nh] {
  display:flex;
  flex-direction:row-reverse;
}

@media(min-width:100px) and (max-width:767px) {
  .App-rewards__section .app-reward-main[b-944fxz66nh] {
    flex-direction:column-reverse;
    flex-wrap:wrap;
  }
}

.App-rewards__section .app-reward-main .Header-image .app_bg[b-944fxz66nh] {
  display:block;
  width:385px;
  height:350px;
  position:absolute;
  background-color:#fcca4a;
  border-radius:0 60px;
  top:21%;
  right:9%;
  z-index:0;
}

@media(min-width:1200px) {
  .App-rewards__section .app-reward-main .Header-image .app_bg[b-944fxz66nh] {
    top:21%;
    right:9%;
  }
}

@media(min-width:992px) and (max-width:1199px) {
  .App-rewards__section .app-reward-main .Header-image .app_bg[b-944fxz66nh] {
    width:340px;
    top:23%;
    right:-10%;
  }
}

@media(max-width:767px) {
  .App-rewards__section .app-reward-main .Header-image .app_bg[b-944fxz66nh] {
    width:250px;
    height:250px;
    position:absolute;
    background-color:#fcca4a;
    border-radius:0 60px;
    top:16%;
    right:32%;
  }
}

.App-rewards__section .app-reward-main .app-reward-content-main[b-944fxz66nh] {
  padding:30px;
}

@media(min-width:100px) and (max-width:767px) {
  .App-rewards__section .app-reward-main .app-reward-content-main[b-944fxz66nh] {
    padding:12px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .App-rewards__section .app-reward-main .app-reward-content-main[b-944fxz66nh] {
    padding-top:20px;
    padding-left:0;
    padding-bottom:0;
  }
}

@media(min-width:992px) and (max-width:1199px) {
  .App-rewards__section .app-reward-main .app-reward-content-main[b-944fxz66nh] {
    padding:20px;
    width:100%;
  }
}

.App-rewards__section .app-reward-main .app-reward-content-main h2[b-944fxz66nh] {
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.59px;
  font-size:2.25em;
  color:#fff;
  font-family: var(--wd-font-body);
}

@media(min-width:100px) and (max-width:991px) {
  .App-rewards__section .app-reward-main .app-reward-content-main h2[b-944fxz66nh] {
    font-size:1.625em;
  }
}

.App-rewards__section .app-reward-main .app-reward-content-main h2[b-944fxz66nh] {
  color:var(--wd-color-brand-red) !important;
}

.App-rewards__section .app-reward-main .app-reward-content-main h2[b-944fxz66nh] {
  margin-top:20px !important;
  margin-bottom:10px !important;
}

.App-rewards__section .app-reward-main .app-reward-content-main p[b-944fxz66nh] {
  font-size:1.125em;
  padding-bottom:20px;
  color:#fff;
  font-family: var(--wd-font-body);
}

@media(min-width:100px) and (max-width:991px) {
  .App-rewards__section .app-reward-main .app-reward-content-main p[b-944fxz66nh] {
    font-size:1em;
  }
}

.App-rewards__section .app-reward-main .app-reward-content-main p[b-944fxz66nh] {
  color:#000000 !important;
}

.App-rewards__section .app-reward-main .app-reward-content-main p[b-944fxz66nh] {
  margin:0 !important;
  padding-bottom:20px !important;
}

.App-rewards__section .app-reward-main .app-reward-content-main ul[b-944fxz66nh] {
  color:#fff;
  padding-bottom:20px;
  font-family: var(--wd-font-body);
  font-size:1.125rem;
  padding-left:20px;
}

.App-rewards__section .app-reward-main .app-reward-content-main ul li[b-944fxz66nh] {
  list-style:disc;
}

.App-rewards__section .app-reward-main .app-reward-content-main ul li p[b-944fxz66nh] {
  margin:0 !important;
  padding:0 !important;
}

.App-rewards__section .app-reward-main .app-reward-content-main ul[b-944fxz66nh] {
  color:#000000 !important;
}

.App-rewards__section .app-reward-main .app-reward-content-main .terms-text[b-944fxz66nh] {
  color:#fff;
}

@media(min-width:1200px) {
  .App-rewards__section .app-reward-main .app-reward-content-main .terms-text[b-944fxz66nh] {
    font-size:1.125em;
  }
}

.App-rewards__section .app-reward-main .app-reward-content-main .terms-text[b-944fxz66nh] {
  color:#000000 !important;
}

.App-rewards__section .app-reward-main .app-reward-content-main .rewards-click[b-944fxz66nh] {
  color:#fff;
  text-decoration:underline;
  display:inline;
}

.App-rewards__section .app-reward-main .app-reward-content-main .rewards-click[b-944fxz66nh] {
  color:#000000 !important;
}

@media(min-width:100px) and (max-width:767px) {
  .App-rewards__section .app-reward-main .app-reward-content-main .rewards-click[b-944fxz66nh] {
    display:inline-block;
  }
}

.App-rewards__section .app-reward-main .app-reward-content-main .rewards-click:hover[b-944fxz66nh] {
  font-weight:600;
}

.App-rewards__section .app-reward-main .app-reward-content-main .app-reward-join .app-btn-Join-Rewards-section[b-944fxz66nh] {
  padding-bottom:30px;
  padding-top:30px;
}

.App-rewards__section .app-reward-main .app-reward-content-main .app-reward-join .app-btn-Join-Rewards-section .app-btn-Join-Rewards[b-944fxz66nh] {
  border:1px solid #fff;
  background-color:var(--wd-color-brand-red);
  color:#fff;
  width:246px;
}

.App-rewards__section .app-reward-main .app-reward-content-main .app-reward-join .app-btn-Join-Rewards-section .app-btn-Join-Rewards:hover[b-944fxz66nh] {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
}

@media(min-width:100px) and (max-width:767px) {
  .App-rewards__section .app-reward-main .app-reward-content-main .app-reward-join .app-btn-Join-Rewards-section .app-btn-Join-Rewards[b-944fxz66nh] {
    margin:auto;
    display:table;
  }
}

.App-rewards__section .app-reward-main .app-reward-content-main .app-reward-join-btn[b-944fxz66nh] {
  display:flex;
  padding-top:42px;
}

@media(min-width:768px) and (max-width:991px) {
  .App-rewards__section .app-reward-main .app-reward-content-main .app-reward-join-btn[b-944fxz66nh] {
    padding-top:60px;
    padding-bottom:24px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .App-rewards__section .app-reward-main .app-reward-content-main .app-reward-join-btn[b-944fxz66nh] {
    display:flex;
    padding-bottom:42px;
  }
}

.App-rewards__section .app-reward-main .app-reward-content-main .app-reward-join-btn .Btn-download[b-944fxz66nh] {
  padding-right:10px;
}

@media(min-width:100px) and (max-width:767px) {
  .App-rewards__section .app-reward-main .app-reward-content-main .app-reward-join-btn .Btn-download[b-944fxz66nh] {
    width:auto;
    margin:auto;
  }
}

.App-rewards__section .app-reward-main .app-reward-content-main .app-reward-join-btn .Btn-get[b-944fxz66nh] {
  padding-left:10px;
}

@media(min-width:100px) and (max-width:767px) {
  .App-rewards__section .app-reward-main .app-reward-content-main .app-reward-join-btn .Btn-get[b-944fxz66nh] {
    width:auto;
    margin:auto;
  }
}

.rewards-termslink[b-944fxz66nh] {
  text-align:center;
  margin-top:40px;
  margin-bottom:40px;
}

.rewards-termslink .rewardsterms-descr[b-944fxz66nh] {
  color:var(--wd-color-text);
  font-size:1.125em;
}

@media(min-width:100px) and (max-width:991px) {
  .rewards-termslink .rewardsterms-descr[b-944fxz66nh] {
    font-size:1em;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .rewards-termslink[b-944fxz66nh] {
    padding:25px;
    margin-top:0;
    margin-bottom:0;
  }
}

.rewards-termslink a[b-944fxz66nh] {
  color:var(--wd-color-brand-red);
  cursor:pointer;
  text-decoration:underline;
  font-weight:600;
}

.Rewardsfaq-btn[b-944fxz66nh] {
  margin:auto;
  display:table;
  margin-top:0;
  margin-bottom:25px;
}

@media(min-width:992px) and (max-width:1199px) {
  .Rewardsfaq-btn[b-944fxz66nh] {
    margin-bottom:35px;
  }
}

@media(min-width:100px) and (max-width:991px) {
  .Rewardsfaq-btn[b-944fxz66nh] {
    margin-bottom:55px;
  }
}

.Rewardsfaq-btn a[b-944fxz66nh] {
  padding:11px 10px;
  width:246px;
  font-size:1.125rem !important;
  font-weight:600;
}

.Rewardsfaq-btn p[b-944fxz66nh] {
  margin-top:14px;
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.27px;
  color:var(--wd-color-text);
  padding-bottom:0;
  text-align:center;
}

@media(min-width:100px) and (max-width:991px) {
  .Rewardsfaq-btn p[b-944fxz66nh] {
    font-size:1em;
    padding-bottom:12px;
  }
}

.Rewardsfaq-btn p .link[b-944fxz66nh] {
  color:var(--wd-color-brand-red);
  text-decoration:underline;
  padding:0;
  font-weight:normal;
  display:inline;
}

@media(min-width:100px) and (max-width:991px) {
  .Rewardsfaq-btn p .link[b-944fxz66nh] {
    font-size:1em;
  }
}

.Rewardsfaq-btn p .link:hover[b-944fxz66nh] {
  font-weight:600;
}

.member-rewards .topSlider[b-944fxz66nh]  .slick-initialized .slick-slide {
  display:flex !important;
  justify-content:center;
}

.member-rewards .topSlider[b-944fxz66nh]  .slick-slider .slick-track {
  height:370px;
  display:flex;
  z-index:0;
}

.member-rewards .topSlider[b-944fxz66nh]  .slick-dots li button::before {
  color:#d9d9d9;
}

.member-rewards .topSlider[b-944fxz66nh]  .slick-dots li.slick-active button::before {
  color:var(--wd-color-text) !important;
}

.member-rewards .topSlider[b-944fxz66nh]  .slick-dots li button::before {
  font-size:15px;
}

.member-rewards .topSlider[b-944fxz66nh]  .slick-slide {
  margin:0 15px;
  display:flex !important;
  justify-content:center;
}

.member-rewards .topSlider.sliderXS[b-944fxz66nh]  .slick-track {
  height:500px;
  display:flex;
}

.RanksAndAwards-Main[b-944fxz66nh] {
  padding:90px 0;
}

.RanksAndAwards-Main .topBottomBorder[b-944fxz66nh] {
  margin:0 auto;
  width:85%;
  max-width:1200px;
  border-top:3px solid var(--wd-color-bread);
  border-bottom:3px solid var(--wd-color-bread);
  height:194px;
}

.CustomerReaction-Main .testimonial-container .testimonial.one[b-944fxz66nh] {
  max-width:384px;
  max-height:230px;
  margin-top:58px;
}

.CustomerReaction-Main .testimonial-container .testimonial.two[b-944fxz66nh] {
  max-width:500px;
  max-height:230px;
}

.CustomerReaction-Main .testimonial-container .testimonial.three[b-944fxz66nh] {
  max-width:527px;
  max-height:294px;
  margin-top:58px;
}

.CustomerReaction-Main .testimonial-container .testimonial.four[b-944fxz66nh] {
  max-width:384px;
  max-height:280px;
}

.linkToTerms[b-944fxz66nh] {
  margin:48px 24px;
  text-align:center;
}

.linkToTerms .linkToTermsBtn[b-944fxz66nh] {
  font-family: var(--wd-font-body);
  font-size:18px;
  font-weight:700;
  line-height:22px;
  letter-spacing:-.2222222238779068px;
  text-align:center;
  color:var(--wd-color-brand-red);
  text-decoration:underline;
}

@media(min-width:100px) and (max-width:767px) {
  .linkToTerms .linkToTermsBtn[b-944fxz66nh] {
    font-size:16px;
  }
}

/* The webchat__keyboard-help__ and .chatbotModel .modal-header rules that used to sit here moved
   to Components/Rewards/ChatbotWidget.razor.css, which owns this widget on both of its routes.
   Neither could ever match from this file: this stylesheet is scoped to Rewards.razor, so Blazor
   appends ITS scope attribute to each selector's subject, and both subjects live elsewhere — the
   keyboard-help nodes are generated by the third-party WebChat bundle, and .modal-header would be
   rendered by ChatbotWidget, a child component with its own separate scope. */

/* ---- Page shell width ----------------------------------------------------------------------
   Un-caps the shared page shell for this route. _app-wd-legacy-content.scss:15325 caps
   .container-fluid__full at max-width:1170px on purpose: live's own rule there sets only
   background-color, and the cap compensates for the ~18 templates that render straight from that
   wrapper without the nested .container live uses to constrain width. That rule is load-bearing
   for those pages and must not be removed globally — see its own comment.

   /rewards is not one of them. Live serves this route full-viewport-width: its
   .container-fluid__full computes to max-width:none, and its .AccordionWithImage-Main measures
   1512px at a 1512px viewport against our 1170px (verified via CDP 2026-08-26, same wrapper chain
   on both sides). The cap therefore made the whole page narrower than live — most visibly on the
   testimonials block (1200px on live vs 1112px here).

   Scoped rather than global: .container-fluid__full is rendered by Rewards.razor itself, so
   Blazor's scope attribute confines this to /rewards and the other shells keep their cap. */
.container-fluid__full[b-944fxz66nh] {
    max-width: 100%;
}
/* /Components/Pages/ShopLanding.razor.rz.scp.css */
/* Migrated from wwwroot/scss/WD/shopLanding-wd.scss (retired global bundle — it was linked
   unconditionally in App.razor even though every rule is namespaced under .shop-landing and
   only ShopLanding.razor renders that class, confirmed via grep across Components/).
   Compiled locally with `sass --style=expanded` to flatten this file's nested Sass syntax
   before moving it here (Blazor's CSS isolation processes plain CSS, not Sass).

   No ::deep anywhere in this file: this page has zero client-side DOM building — every class
   here (.shop-landing__hero/__marketplace/__heading/__cards/__card/__card-logo/__card-copy/
   __ctas/__cta/__faq) is rendered directly by ShopLanding.razor's own markup via CMS-driven
   @foreach loops, so it's all Blazor-owned and plain scoping applies throughout.
*/

/* /shop landing page — new-brand page, spec from Figma 95yc81hqL01Pr1jk7tKyvy node 663:1017
   (annotation nodes 663:4670 desktop / 663:4671 mobile carry the written spec).
   Every rule is namespaced under .shop-landing: this file is linked globally in App.razor
   (project convention) and must never affect another page. */
.shop-landing[b-yijm50upoi] {
    --shop-red: var(--wd-color-brand-red);
    --shop-plum: #973163;
    --shop-disabled-bg: #ebebeb;
    --shop-disabled-text: #d9d9d9;
    font-family: var(--wd-font-body);
    background: #fff;
    padding-bottom: 48px;
}

.shop-landing__hero[b-yijm50upoi] {
    display: flex;
    justify-content: center;
    /* spec: banner centered with a little white space between the header and the image,
     not extending to the page edges */
    padding: 24px 16px 0;
}

    .shop-landing__hero img[b-yijm50upoi] {
        display: block;
        width: 100%;
        max-width: 1214px;
        height: auto;
    }

.shop-landing__marketplace[b-yijm50upoi] {
    max-width: 1471px;
    margin: 0 auto;
    padding: 0 16px;
    text-align: center;
}

.shop-landing__heading[b-yijm50upoi] {
    margin: 48px 0 0;
    /* An h1 — wd-headlines.scss already forces WD Sassy here via !important (this selector is
     on its list), so this literal value never actually renders; tokenized for accuracy rather
     than leaving a stale "WD Shopper" that misdescribes what the page really shows. */
    font-family: var(--wd-font-display);
    font-weight: 700;
    font-size: 45px;
    line-height: 1.1;
    color: var(--shop-red);
    /* Routes.razor's <FocusOnNavigate Selector="h1"> focuses the h1 on navigation; legacy
     pages suppress the resulting UA focus ring (h1 isn't interactive) — match that. */
}

    .shop-landing__heading:focus[b-yijm50upoi] {
        outline: none;
    }

.shop-landing__disclaimer[b-yijm50upoi] {
    margin: 16px 0 0; /* spec: 16px between headline and disclaimer */
    font-size: 14px;
    color: #000;
}

.shop-landing__cards[b-yijm50upoi] {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 28px; /* spec: 24-32px horizontal gutter */
    margin: 40px 0 0; /* spec: 32-48px between disclaimer and card row */
    padding: 0;
    list-style: none;
}

.shop-landing__card[b-yijm50upoi] {
    display: flex;
    flex-direction: column;
    width: 275px;
    min-height: 420px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 0 40px 0 40px; /* card mirrors the CTA corner motif (rendered design) */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    text-align: left;
}

.shop-landing__card-logo[b-yijm50upoi] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 125px; /* spec: logo image 275x125 centered at the top of the block */
}

    .shop-landing__card-logo img[b-yijm50upoi] {
        display: block;
        width: 272px;
        height: 115px;
        object-fit: contain;
    }

.shop-landing__card-copy[b-yijm50upoi] {
    /* spec: WD Shopper 12/18, black, bulleted, left aligned, box centered under image */
    align-self: center;
    width: 246px;
    margin: 14px 0 0;
    padding: 0 0 0 18px;
    font-size: 12px;
    line-height: 18px;
    color: #000;
    list-style: disc; /* legacy bundles reset ul list-style globally; spec says bulleted */
}

    .shop-landing__card-copy li[b-yijm50upoi] {
        list-style: disc;
    }

        .shop-landing__card-copy li + li[b-yijm50upoi] {
            margin-top: 10px;
        }

.shop-landing__ctas[b-yijm50upoi] {
    display: flex;
    flex-direction: column;
    align-items: center; /* spec: center-aligned within the card */
    gap: 8px; /* spec: 8px gap between stacked CTAs */
    /* spec: at least 24px between the last bullet and the CTA group; the auto top
     margin additionally bottom-aligns the button stacks so they sit level across
     the row (Figma: all cards 420 tall with CTAs at the same height) */
    margin: auto 0 20px;
    padding: 24px 36px 0;
}

.shop-landing__cta[b-yijm50upoi] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 203px;
    height: 40px; /* spec: 203x40 */
    border-radius: 0 15px 0 15px; /* spec: 15px top-right + bottom-left corners only */
    background: var(--shop-red);
    font-family: var(--wd-font-body);
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}

    .shop-landing__cta:hover[b-yijm50upoi], .shop-landing__cta:focus[b-yijm50upoi] {
        background: #c31817;
        color: #fff;
        text-decoration: none;
    }

    .shop-landing__cta:focus-visible[b-yijm50upoi] {
        outline: 2px solid #000;
        outline-offset: 2px;
    }

.shop-landing__cta--plum[b-yijm50upoi] {
    background: var(--shop-plum);
}

    .shop-landing__cta--plum:hover[b-yijm50upoi], .shop-landing__cta--plum:focus[b-yijm50upoi] {
        background: #7d2852;
    }

.shop-landing__cta--disabled[b-yijm50upoi] {
    background: var(--shop-disabled-bg);
    color: var(--shop-disabled-text);
    cursor: default;
    pointer-events: none;
}

.shop-landing__faq[b-yijm50upoi] {
    margin: 48px 0 0;
    font-size: 14px;
    color: #000;
}

    .shop-landing__faq a[b-yijm50upoi] {
        font-weight: 700;
        color: var(--shop-red);
        text-decoration: underline;
    }

        .shop-landing__faq a:hover[b-yijm50upoi] {
            color: #c31817;
        }

.shop-landing[b-yijm50upoi] {
    /* tablet: 2x2 card grid (developer-confirmed; Figma only ships 1728/393 frames) */
}

@media (max-width: 1249px) {
    .shop-landing__cards[b-yijm50upoi] {
    }
}

@media (max-width: 767px) {
    .shop-landing[b-yijm50upoi] {
        /* spec (mobile annotation): banner extends the width of the screen */
    }

    .shop-landing__hero[b-yijm50upoi] {
        padding: 0;
    }

        .shop-landing__hero img[b-yijm50upoi] {
            max-width: none;
        }

    .shop-landing__heading[b-yijm50upoi] {
        margin-top: 24px;
        font-size: 25px; /* spec: mobile 25px */
    }

    .shop-landing__disclaimer[b-yijm50upoi] {
        font-size: 12px;
    }

    .shop-landing__cards[b-yijm50upoi] {
    }

    .shop-landing__card-logo[b-yijm50upoi] {
        height: 115px; /* spec: mobile logo slot 275x115 */
    }

        .shop-landing__card-logo img[b-yijm50upoi] {
            height: 115px;
        }

    .shop-landing__faq[b-yijm50upoi] {
        max-width: 306px;
        margin-left: auto;
        margin-right: auto;
        font-size: 12px; /* spec: mobile 12px, wraps to 2 lines */
    }
}
/* /Components/Pages/ShoppingDepartments.razor.rz.scp.css */
/* Blazor's enhanced-navigation focus management sets tabindex="-1" + .focus() on this
   page's <h1> after navigation (for screen-reader announcement) — tabindex="-1"
   elements are never reachable via keyboard Tab order, so hiding the visual ring here
   costs nothing accessibility-wise while removing the distracting blue outline box. */
[tabindex="-1"]:focus[b-f06wba22ny] {
  outline: none;
}

/* Live's static markup has a whitespace text node between each </li> and <li>;
   since .deptUl li is display:inline-block, that whitespace collapses to a ~3.84px
   gap between cards on the same row (measured via getBoundingClientRect diffing
   against live). Razor's @foreach strips whitespace-only text nodes between markup
   elements (including entity/NBSP substitutes), so column-gap reproduces the same
   effect without relying on a literal whitespace node — and unlike a fixed margin,
   it doesn't add a spurious offset to the first card of a wrapped row.
*/
.deptUl[b-f06wba22ny] {
  display: flex;
  flex-wrap: wrap;
  column-gap: 3.84375px;
}

/* ---- moved from inline style="" ---- */
.PageTitle[b-f06wba22ny] {
  font-family: var(--wd-font-display);
}
.Page_Desc[b-f06wba22ny] {
  font-family: var(--wd-font-body);
}
.deptImg[b-f06wba22ny] {
  width: 100%;
}
.deptDesc[b-f06wba22ny] {
  margin-left: 30px;
}
.deptDesc__text[b-f06wba22ny] {
  font-family: var(--wd-font-body);
}
.brochureLink[b-f06wba22ny] {
  font-weight: bold;
  font-family: var(--wd-font-body);
  color: var(--wd-color-brand-red);
}
/* /Components/Pages/StoreDetails.razor.rz.scp.css */
/* Scoped to StoreDetails.razor. Moved from wwwroot/scss/WD/storedetails-wd.scss (was linked
   as a page-specific <link> in StoreDetails.razor's HeadContent; Blazor's scoped-CSS bundle,
   already linked globally in App.razor, now carries it instead). Content unchanged from the
   live-site-matching source, except a byte-for-byte duplicate keyframes/btn-dot-loading block
   was removed. */

@keyframes stretch-b-ke6q4u5gor {
  0% {
    transform:scale(.5);
    background-color:var(--wd-color-brand-red);
  }
  50% {
    background-color:var(--wd-color-brand-red);
  }
  100% {
    transform:scale(1);
    background-color:#fff;
  }
}
.btn-dot-loading.btn--loading[b-ke6q4u5gor] {
  font-size:0;
}
.btn-dot-loading.btn--loading .btn-span[b-ke6q4u5gor] {
  display:flex !important;
  justify-content:center;
}
.btn-dot-loading.btn--loading .btn-span b[b-ke6q4u5gor] {
  animation-direction:alternate;
  animation-duration:.5s;
  animation-fill-mode:none;
  animation-iteration-count:infinite;
  animation-name:stretch-b-ke6q4u5gor;
  animation-play-state:running;
  animation-timing-function:ease-out;
  border-radius:100%;
  display:block;
  height:10px;
  margin:0 1px;
  width:10px;
  animation-delay:.1s;
  margin:0 5px;
}
.btn-dot-loading.btn--loading .btn-span b:first-child[b-ke6q4u5gor] {
  animation-delay:0s;
  margin:0;
}
.btn-dot-loading.btn--loading .btn-span b:last-child[b-ke6q4u5gor] {
  animation-delay:.2s;
  margin:0;
}
.btn-dot-loading b[b-ke6q4u5gor] {
  font-weight:normal;
}
.btn-dot-loading .btn-span[b-ke6q4u5gor] {
  display:none;
}
#StoreDetailSec1[b-ke6q4u5gor] {
  margin-top:35px;
  padding:0 0 15px 0;
  margin-bottom:-38px;
}
#StoreDetailSec1 .store-hours-detail img[b-ke6q4u5gor] {
  margin-bottom:3px;
}
#StoreDetailSec1 .mob_num[b-ke6q4u5gor] {
  color:var(--wd-color-text);
}
#StoreDetailSec1 label[b-ke6q4u5gor] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
}
#StoreDetailSec1 p[b-ke6q4u5gor] {
  color:var(--wd-color-text);
  margin-top:7px;
}
#StoreDetailSec1 .mob_num[b-ke6q4u5gor] {
  color:var(--wd-color-brand-red);
}
#StoreDetailSec1 .mob_num:hover[b-ke6q4u5gor] {
  font-weight:600;
}
#StoreDetailSec1 .mob_num i[b-ke6q4u5gor] {
  position:relative;
  top:2px;
}
#StoreDetailSec1 .locator__container h1[b-ke6q4u5gor] {
  font-family: var(--wd-font-body);
  font-size:2.875em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.59px;
  color:var(--wd-color-brand-red);
}
#StoreDetailSec1 h1[b-ke6q4u5gor] {
  font-family: var(--wd-font-body);
  font-size:2.25em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.59px;
  color:var(--wd-color-text);
}
#StoreDetailSec1 .weather[b-ke6q4u5gor] {
  padding-top:16px;
  display:flex;
  align-items:center;
  background:#efae20;
  padding:11px 18px 11px 19px;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  border-radius:4px;
  margin:0 18px 0 0;
  position:relative;
  overflow:hidden;
  gap:15px;
  z-index:0;
}
#StoreDetailSec1 .weather .storeWeatherAlert .storeWorkingHours[b-ke6q4u5gor] {
  color:var(--wd-color-brand-red);
  font-weight:bold;
  text-align:left;
}
#StoreDetailSec1 .weather .storeWeatherAlert .alertMsg[b-ke6q4u5gor] {
  font-weight:bold;
  text-align:left;
}
#StoreDetailSec1 .weather .storeWeatherAlert .link[b-ke6q4u5gor] {
  color:var(--wd-color-brand-red);
}
#StoreDetailSec1 .weather .thunderIcon i[b-ke6q4u5gor]::before {
  font-size:60px;
}
#StoreDetailSec1 .weather .weatheralert[b-ke6q4u5gor] {
  font-family: var(--wd-font-body);
  font-size:16px;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-brand-red);
  text-align:left;
}
#StoreDetailSec1 .weather .imgbck[b-ke6q4u5gor] {
  background-color:#fedb00;
  border-radius:50%;
  width:32px;
  height:32px;
  margin:0 8px 0 0;
  padding:3px 8px;
}
#StoreDetailSec1 .weather[b-ke6q4u5gor]::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:200%;
  height:100%;
  background:url("https://i.gifer.com/wr.gif") center center/cover no-repeat;
  opacity:.2;
  z-index:-1;
}
#StoreDetailSec1 .mapdiv h2[b-ke6q4u5gor] {
  padding-top:20px;
  padding-bottom:10px;
  font-family: var(--wd-font-body);
  font-size:1.375em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.22;
  letter-spacing:-.25px;
  color:var(--wd-color-brand-red);
}
#StoreDetailSec1 .stores_head h2[b-ke6q4u5gor] {
  font-size:1.125em;
  font-weight:600;
}
#StoreDetailSec1 .stores_head .closed__hrs[b-ke6q4u5gor] {
  margin-bottom:25px;
}
#StoreDetailSec1 .active-label[b-ke6q4u5gor] {
  font-weight:600;
  color:var(--wd-color-text);
  padding-right:5px;
}
#StoreDetailSec1 .label_sec[b-ke6q4u5gor] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.25;
  letter-spacing:-.29px;
  color:var(--wd-color-brand-red);
  text-decoration:underline !important;
  padding-left:4px;
  display:inline-block;
}
#StoreDetailSec1 .label_sec:hover[b-ke6q4u5gor] {
  font-weight:600;
}
#StoreDetailSec1 .label_sec:disabled[b-ke6q4u5gor] {
  color:var(--wd-color-text);
}
#StoreDetailSec1 .mt-50[b-ke6q4u5gor] {
  margin-top:50px;
}
#StoreDetailSec1 .ht-2[b-ke6q4u5gor] {
  height:2px;
}
#StoreDetailSec1 .pb-6[b-ke6q4u5gor] {
  padding-top:6px;
}
#StoreDetailSec1 .pb-6 svg[b-ke6q4u5gor] {
  margin-right:16px;
}
#StoreDetailSec1 .align_center[b-ke6q4u5gor] {
  display:flex;
  align-items:center;
}
#StoreDetailSec1 .w-80[b-ke6q4u5gor] {
  width:80%;
}
#StoreDetailSec1 .w-20[b-ke6q4u5gor] {
  width:20%;
}
#StoreDetailSec1 .store_head[b-ke6q4u5gor] {
  font-size:2.25em;
  line-height:normal;
  letter-spacing:-.59px;
  color:var(--wd-color-brand-red);
}
#StoreDetailSec1 .w-50[b-ke6q4u5gor] {
  width:57%;
}
@media(min-width:992px) and (max-width:1200px) {
  #StoreDetailSec1 .w-50[b-ke6q4u5gor] {
    width:64%;
  }
}
#StoreDetailSec1 .w-50.stores_head[b-ke6q4u5gor] {
  margin-left:10px;
}
#StoreDetailSec1 .dis_flex[b-ke6q4u5gor] {
  display:flex;
  align-items:flex-end;
  margin-bottom:32px;
  margin-right:5px;
}
#StoreDetailSec1 .My_storeDesk[b-ke6q4u5gor] {
  float:right;
  background-color:#fff;
  border:none;
}
#StoreDetailSec1 .clrWDred[b-ke6q4u5gor] {
  color:var(--wd-color-brand-red) !important;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  text-decoration:underline !important;
}
#StoreDetailSec1 .clrWDred:hover[b-ke6q4u5gor] {
  font-weight:600;
}
#StoreDetailSec1 .clrWDred:disabled[b-ke6q4u5gor] {
  color:var(--wd-color-text);
}
#StoreDetailSec1 .MakeMyStore-Desk[b-ke6q4u5gor] {
  color:var(--wd-color-text) !important;
  font-size:1em;
  font-weight:600;
  margin-bottom:-5px;
  margin-top:0;
  font-family: var(--wd-font-body);
}
#StoreDetailSec1 .MyStore-Desk[b-ke6q4u5gor] {
  font-size:1.5em;
  margin-right:5px;
  color:var(--wd-color-brand-red);
  text-decoration:none !important;
  font-family:FontAwesome;
  vertical-align:sub;
}
#StoreDetailSec1 .MakeMyStore-Desk:hover[b-ke6q4u5gor],#StoreDetailSec1 .MakeMyStore-Mob:hover[b-ke6q4u5gor],#StoreDetailSec1 .MyStore-Mob:hover[b-ke6q4u5gor],#StoreDetailSec1 .MyStore-Desk:hover[b-ke6q4u5gor] {
  cursor:pointer;
}
#StoreDetailSec1 .MakeMyStore-Desk:focus[b-ke6q4u5gor],#StoreDetailSec1 .MakeMyStore-Mob:focus[b-ke6q4u5gor],#StoreDetailSec1 .MyStore-Mob:focus[b-ke6q4u5gor],#StoreDetailSec1 .MyStore-Desk:focus[b-ke6q4u5gor] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
  display:inline-block;
}
#StoreDetailSec1 .MakeMyStore-Desk.My_storeDesk:hover[b-ke6q4u5gor],#StoreDetailSec1 .MakeMyStore-Desk.My_storeDesk:focus[b-ke6q4u5gor] {
  cursor:default;
}
#StoreDetailSec1 .MakeMyStore-Desk.My_storeDesk i:hover[b-ke6q4u5gor],#StoreDetailSec1 .MakeMyStore-Desk.My_storeDesk i:focus[b-ke6q4u5gor] {
  cursor:default;
}
#StoreDetailSec1 .image-slider .carousel-item[b-ke6q4u5gor] {
  padding:0 !important;
}
#StoreDetailSec1 .image-slider .carousel-control-prev[b-ke6q4u5gor],#StoreDetailSec1 .image-slider .carousel-control-next[b-ke6q4u5gor] {
  color:var(--wd-color-primary-hover);
  opacity:1;
  top:25px;
}
#StoreDetailSec1 .image-slider .carousel-control-next[b-ke6q4u5gor] {
  right:-50px;
}
#StoreDetailSec1 .image-slider .carousel-control-prev[b-ke6q4u5gor] {
  left:-50px;
}
#StoreDetailSec1 .image-slider .carousel-indicators li[b-ke6q4u5gor] {
  background-color:#333;
  height:4px;
  border:1px solid #fff;
  border-radius:10px;
  opacity:.3;
}
#StoreDetailSec1 .image-slider .carousel-indicators .active[b-ke6q4u5gor] {
  opacity:1;
}
#StoreDetailSec1 .image-slider .carousel-indicators[b-ke6q4u5gor] {
  bottom:0;
  position:relative;
  margin-top:20px;
}
#StoreDetailSec1 .image-slider .carousel-control-next-icon[b-ke6q4u5gor],#StoreDetailSec1 .image-slider .carousel-control-prev-icon[b-ke6q4u5gor] {
  width:52px;
  height:52px;
  line-height:52px;
  background-color:#fff;
  box-shadow:0 1px 4px 0 rgba(0,0,0,.3);
  border-radius:50%;
  background-image:none;
  font-size:1.375em;
}
#StoreDetailSec1 .carousel-indicators li[b-ke6q4u5gor] {
  box-sizing:content-box;
  -webkit-box-flex:0;
  -ms-flex:0 1 auto;
  flex:0 1 auto;
  width:30px;
  height:3px;
  margin-right:3px;
  margin-left:3px;
  text-indent:-999px;
  cursor:pointer;
  background-color:#d0d0d0;
  background-clip:padding-box;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  opacity:.5;
  -webkit-transition:opacity .6s ease;
  transition:opacity .6s ease;
  border:none;
}
#StoreDetailSec1 .carousel-indicators li .active[b-ke6q4u5gor] {
  width:30px;
  background-color:#333 !important;
}
#StoreDetailSec1 .carousel__left__icon:focus[b-ke6q4u5gor],#StoreDetailSec1 .carousel__right__icon:focus[b-ke6q4u5gor] {
  display:flex;
}
#StoreDetailSec1 .carousel-indicators[b-ke6q4u5gor] {
  position:absolute;
  right:0;
  left:0;
  z-index:15;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding-left:0;
  margin-right:15%;
  margin-left:15%;
  list-style:none;
}
#StoreDetailSec1 .slide[b-ke6q4u5gor] {
  height:auto !important;
}
#StoreDetailSec1 .carousel-indicators[b-ke6q4u5gor] {
  padding-left:95px;
  margin-bottom:-35px;
}
#StoreDetailSec1 .carousel-indicators li:focus[b-ke6q4u5gor],#StoreDetailSec1 .carousel-indicators li.active:focus[b-ke6q4u5gor] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}
#StoreDetailSec1 .box-shadow[b-ke6q4u5gor] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  margin-top:65px;
}
#StoreDetailSec1 .tag_style[b-ke6q4u5gor] {
  padding-right:15px;
  color:var(--wd-color-brand-red);
  font-size:18px;
}
#StoreDetailSec1 .mapdiv[b-ke6q4u5gor] {
  padding:50px;
}
#StoreDetailSec1 .mapdiv hr[b-ke6q4u5gor] {
  width:100%;
  height:1px;
  background-color:#979797;
  border:solid 1px #979797;
  opacity:.48;
}
#StoreDetailSec1 .dis-inflex[b-ke6q4u5gor] {
  display:inline-flex;
}
#StoreDetailSec1 .dis-flex[b-ke6q4u5gor] {
  display:flex;
}
#StoreDetailSec1 .mob-none[b-ke6q4u5gor] {
  display:none;
}
#StoreDetailSec1 .m-left0[b-ke6q4u5gor] {
  margin-left:0 !important;
  margin-top:0 !important;
}
#StoreDetailSec1 .cut-line[b-ke6q4u5gor] {
  width:60%;
}
#StoreDetailSec1 .cut-line img[b-ke6q4u5gor] {
  position:relative;
  top:-13px;
  left:-22px;
  width:22px;
}
#StoreDetailSec1 .slider-info[b-ke6q4u5gor] {
  margin-top:0;
}
#StoreDetailSec1 .dis_flex[b-ke6q4u5gor] {
  margin-bottom:7px;
  justify-content:space-between;
}
#StoreDetailSec1 .p-0[b-ke6q4u5gor] {
  padding:0 !important;
}
#StoreDetailSec1 .d-flex[b-ke6q4u5gor] {
  display:-webkit-box !important;
  display:-ms-flexbox !important;
  display:flex !important;
}
#StoreDetailSec1 .fal[b-ke6q4u5gor],#StoreDetailSec1 .far[b-ke6q4u5gor] {
  font-family:'Font Awesome 5 Free';
}
#StoreDetailSec1 .Mystr_btn[b-ke6q4u5gor] {
  border:none;
  background-color:#fff;
}
#StoreDetailSec1 .mb-3[b-ke6q4u5gor] {
  margin-top:6px;
}
#StoreDetailSec1 .mapGoogleStoreDetails .gm-style>.gmnoprint>.gmnoprint[b-ke6q4u5gor] {
  background-color:var(--wd-color-brand-red) !important;
}
#StoreDetailSec1 .mapGoogleStoreDetails .gm-style>.gmnoprint>.gmnoprint button[title="Zoom in"][b-ke6q4u5gor] {
  background-color:var(--wd-color-brand-red) !important;
}
#StoreDetailSec1 .mapGoogleStoreDetails .gm-style>.gmnoprint>.gmnoprint button[title="Zoom in"][b-ke6q4u5gor]:after {
  font-family:"Font Awesome 5 Free";
  /* map zoom-in — Font Awesome codepoint, written as a CSS escape rather than the raw
     UTF-8 glyph live serves, so it survives any file re-encoding. */
  content:"\f00e";
  color:#fff;
  font-weight:600;
  font-size:2em;
}
#StoreDetailSec1 .mapGoogleStoreDetails .gm-style>.gmnoprint>.gmnoprint button[title="Zoom out"][b-ke6q4u5gor] {
  background-color:var(--wd-color-brand-red) !important;
}
#StoreDetailSec1 .mapGoogleStoreDetails .gm-style>.gmnoprint>.gmnoprint button[title="Zoom out"][b-ke6q4u5gor]:after {
  font-family:"Font Awesome 5 Free";
  /* map zoom-out — Font Awesome codepoint, written as a CSS escape rather than the raw
     UTF-8 glyph live serves, so it survives any file re-encoding. */
  content:"\f010";
  color:#fff;
  font-weight:600;
  font-size:2em;
}
#StoreDetailSec1 .mapGoogleStoreDetails .gm-style button[title="Toggle fullscreen view"][b-ke6q4u5gor] {
  background-color:var(--wd-color-brand-red) !important;
  border-radius:4px !important;
}
#StoreDetailSec1 .mapGoogleStoreDetails .gm-style button[title="Toggle fullscreen view"][b-ke6q4u5gor]:after {
  font-family:"Font Awesome 5 Free";
  /* map fullscreen — Font Awesome codepoint, written as a CSS escape rather than the raw
     UTF-8 glyph live serves, so it survives any file re-encoding. */
  content:"\f065";
  color:#fff;
  font-weight:600;
  font-size:2em;
}
#StoreDetailSec1 .mapGoogleStoreDetails .gm-style button[title="Toggle fullscreen view"][b-ke6q4u5gor]::after {
  font-family:"Font Awesome 5 Free";
  /* map fullscreen (::after) — Font Awesome codepoint, written as a CSS escape rather than the raw
     UTF-8 glyph live serves, so it survives any file re-encoding. */
  content:"\f065";
  color:#fff;
  font-weight:600;
  font-size:2em;
}
#StoreDetailSec1 .mapGoogleStoreDetails .gm-style button[title="Toggle fullscreen view"] img[b-ke6q4u5gor] {
  display:none;
}
#StoreDetailSec1 .mapGoogleStoreDetails .gm-style>.gmnoprint>.gmnoprint button[title="Zoom in"] img[b-ke6q4u5gor] {
  display:none;
}
#StoreDetailSec1 .mapGoogleStoreDetails .gm-style>.gmnoprint>.gmnoprint button[title="Zoom out"] img[b-ke6q4u5gor] {
  display:none;
}
#StoreDetailSec1 .mapGoogleStoreDetails[b-ke6q4u5gor] {
  width:100%;
  height:300px;
  margin-bottom:10px;
  border-radius:4px;
}
#StoreDetailSec1 .backBtn[b-ke6q4u5gor] {
  color:var(--wd-color-brand-red);
  align-content:center;
  margin-top:10px;
  margin-bottom:20px;
  margin-left:5px;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  display:inline-block;
}
#StoreDetailSec1 .backBtn:hover[b-ke6q4u5gor] {
  cursor:pointer;
}
#StoreDetailSec1 .backBtn:focus[b-ke6q4u5gor] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
  display:inline-block !important;
}
#StoreDetailSec1 .backBtn label[b-ke6q4u5gor] {
  cursor:pointer;
}
#StoreDetailSec1 .backBtn .backBtn__arrow[b-ke6q4u5gor] {
  font-size:1.5em;
  margin-left:5px;
  margin-right:10px;
  font-weight:600;
  display:inline-flex;
  vertical-align:bottom;
}
#StoreDetailSec1 .carousel__left__icon[b-ke6q4u5gor] {
  left:-25px;
  color:var(--wd-color-primary-hover) !important;
  opacity:1;
  position:absolute;
  top:40%;
  bottom:0;
  z-index:1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:52px;
  height:52px;
  text-align:center;
  -webkit-transition:opacity .15s ease;
  transition:opacity .15s ease;
}
#StoreDetailSec1 .carousel__right__icon[b-ke6q4u5gor] {
  right:-19px;
  color:var(--wd-color-primary-hover) !important;
  opacity:1;
  position:absolute;
  top:40%;
  bottom:0;
  z-index:1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:52px;
  text-align:center;
  -webkit-transition:opacity .15s ease;
  transition:opacity .15s ease;
  height:52px;
}
#StoreDetailSec1 ul li[b-ke6q4u5gor] {
  height:auto;
  padding-left:0;
  display:flex;
  padding-right:13px;
  align-items:baseline;
  margin:0 auto;
}
@media(min-width:768px) and (max-width:992px) {
  #StoreDetailSec1 ul li[b-ke6q4u5gor] {
    margin-bottom:10px;
    margin-right:35px !important;
  }
}
#StoreDetailSec1 ul .groDelivery[b-ke6q4u5gor] {
  margin-top:-2px;
}
#StoreDetailSec1 ul .curPickup[b-ke6q4u5gor] {
  margin-top:-2px;
}
#StoreDetailSec1 .w-100[b-ke6q4u5gor] {
  width:100% !important;
}
#StoreDetailSec1 .MakeMyStore-Mob label:focus[b-ke6q4u5gor] {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}
#StoreDetailSec1 .carousel-inner[b-ke6q4u5gor] {
  position:relative;
  width:100%;
  overflow:hidden;
}
#StoreDetailSec1 .carousel__background[b-ke6q4u5gor],#StoreDetailSec1 #StoredetailSlide .bx-prev[b-ke6q4u5gor],#StoreDetailSec1 #StoredetailSlide .bx-next[b-ke6q4u5gor] {
  width:52px;
  height:52px;
  line-height:52px;
  background-color:#fff;
  -webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.3);
  box-shadow:0 1px 4px 0 rgba(0,0,0,.3);
  border-radius:50%;
  background-image:none;
  font-size:1.375em;
}
#StoreDetailSec1 #StoreDetailsCarousel li[b-ke6q4u5gor] {
  margin:0 10px 0 0;
  width:42px;
  height:4px;
}
#StoreDetailSec1 h1[b-ke6q4u5gor] {
  font-weight:700;
  font-stretch:normal;
  font-style:normal;
  line-height:1.12;
  letter-spacing:.65px;
  color:var(--wd-color-brand-red);
  margin-top:20px;
}
#StoreDetailSec1 h2[b-ke6q4u5gor] {
  color:var(--wd-color-brand-red);
  font-size:1.375em;
}
#StoreDetailsSec2[b-ke6q4u5gor] {
  padding-bottom:20px;
}
.storedetail_v2 .store-info-section svg[b-ke6q4u5gor] {
  position:relative;
  top:5px;
}
.storedetail_v2 .store-info-section .mob_num svg[b-ke6q4u5gor] {
  top:1px;
}
.storedetail_v2 .store-info-section .store-hour[b-ke6q4u5gor] {
  display:flex;
  margin:16px 0;
}
.storedetail_v2 .store-info-section .store-hour p[b-ke6q4u5gor] {
  padding-left:5px;
  margin-top:-1px !important;
}
.storedetail_v2 .store-info-section .store-hour i[b-ke6q4u5gor] {
  padding-right:5px;
}
.storedetail_v2 .store-info-section .store-hour img[b-ke6q4u5gor] {
  margin-bottom:3px;
}
.storedetail_v2 .store-info-section .store-hour .openingSoon-lable[b-ke6q4u5gor] {
  font-weight:bold !important;
  color:var(--wd-color-brand-red) !important;
  margin:0;
}
.storedetail_v2 .store-info-section .store-hour .openingSoon-lable img[b-ke6q4u5gor] {
  height:35px;
  width:35px;
}
.storedetail_v2 .pharmacy-section svg[b-ke6q4u5gor] {
  position:relative;
  top:1px;
}
.storedetail_v2 .store__details__slider[b-ke6q4u5gor] {
  padding:0 !important;
  margin-bottom:20px !important;
}
@media(min-width:768px) and (max-width:991px) {
  .storedetail_v2 .store__details__slider[b-ke6q4u5gor] {
    padding-right:10px;
  }
}
.storedetail_v2 .store__details__slider .image[b-ke6q4u5gor] {
  height:300px;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  border-radius:4px;
}
@media(max-width:767px) {
  .storedetail_v2 .store__details__slider .image[b-ke6q4u5gor] {
    height:194px;
  }
}
@media(min-width:768px) and (max-width:991px) {
  .storedetail_v2 .store__details__slider .image[b-ke6q4u5gor] {
    height:220px;
  }
}
.storedetail_v2 .store__details__slider .slick-list[b-ke6q4u5gor] {
  border-radius:4px;
}
.storedetail_v2 .store__details__slider ul.slick-dots[b-ke6q4u5gor] {
  bottom:0;
  position:relative;
}
.storedetail_v2 .store__details__slider ul.slick-dots li[b-ke6q4u5gor] {
  display:inline-block !important;
}
.storedetail_v2 .store__details__slider ul.slick-dots li button[b-ke6q4u5gor]::before {
  font-size:10px;
}
#StoreDetailsSec2[b-ke6q4u5gor] {
  padding-bottom:20px;
}
@media only screen and (max-width:992px) {
  #StoreDetailSec1[b-ke6q4u5gor] {
    margin:0;
    margin-top:27px;
    margin-bottom:-31px;
  }
  #StoreDetailSec1 h2[b-ke6q4u5gor] {
    font-size:1.125em;
  }
  #StoreDetailSec1 #MakeMyStore[b-ke6q4u5gor] {
    font-size:.95em;
  }
  #StoreDetailSec1 .w-20[b-ke6q4u5gor] {
    width:40%;
  }
  #StoreDetailSec1 .pl-lg-0[b-ke6q4u5gor] {
    padding:0;
  }
  #StoreDetailSec1 .m-left25[b-ke6q4u5gor] {
    margin-left:25px;
  }
  #StoreDetailSec1 h2[b-ke6q4u5gor] {
    font-weight:bold !important;
    font-family: var(--wd-font-body);
    padding-top:10px;
  }
  #StoreDetailSec1 .image-slider .carousel-indicators[b-ke6q4u5gor] {
    padding-left:57px;
  }
  #StoreDetailSec1 .w-80[b-ke6q4u5gor] {
    width:60%;
  }
  #StoreDetailSec1 .store_head[b-ke6q4u5gor] {
    font-size:1.375em !important;
    margin-left:25px;
    margin-top:15px;
    margin-right:25px;
  }
  #StoreDetailSec1 .mar-l-r20[b-ke6q4u5gor] {
    margin-left:30px;
    margin-right:30px;
  }
  #StoreDetailSec1 .mapdiv[b-ke6q4u5gor] {
    padding:0 25px 25px 25px;
  }
  #StoreDetailSec1 .My_storeDesk[b-ke6q4u5gor] {
    float:none;
    padding-left:0;
    margin-top:10px;
  }
  #StoreDetailSec1 .p-25[b-ke6q4u5gor] {
    padding:25px;
  }
  #StoreDetailSec1 .box-shadow[b-ke6q4u5gor] {
    margin-top:40px;
  }
  #StoreDetailSec1 .backBtn[b-ke6q4u5gor] {
    margin-left:20px;
    margin-top:24px;
  }
  #StoreDetailSec1 .locator__container[b-ke6q4u5gor] {
    padding-bottom:23px;
    width:781px;
    margin-left:auto;
    margin-right:auto;
  }
  #StoreDetailSec1 .dis_flex a[b-ke6q4u5gor] {
    font-size:.875em;
  }
  #StoreDetailSec1 .MakeMyStore-Desk[b-ke6q4u5gor] {
    font-size:.875em;
  }
  #StoreDetailSec1 .backBtn__arrow[b-ke6q4u5gor] {
    font-size:1.125em !important;
    vertical-align:unset !important;
  }
  #StoreDetailSec1 .active-label[b-ke6q4u5gor] {
    font-size:.875em !important;
  }
  #StoreDetailSec1 label[b-ke6q4u5gor] {
    font-size:1em !important;
  }
  #StoreDetailSec1 .label_sec[b-ke6q4u5gor] {
    font-size:1em !important;
  }
  #StoreDetailSec1 .othreslabel[b-ke6q4u5gor] {
    font-size:.875em !important;
  }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
  .weather[b-ke6q4u5gor] {
    margin-left:0;
  }
  #StoreDetailSec1 .store_head[b-ke6q4u5gor] {
    font-size:2.875em !important;
  }
  .stores-details .Mw-100[b-ke6q4u5gor] {
    width:40%;
  }
  .stores-details .slide[b-ke6q4u5gor] {
    margin-right:0;
    margin-left:0;
  }
  .stores-details .carousel-indicators[b-ke6q4u5gor] {
    margin-bottom:-21px;
  }
}
@media only screen and (min-width:992px) and (max-width:1200px) {
  #StoreDetailSec1[b-ke6q4u5gor] {
    padding:0;
  }
  #StoreDetailSec1 .slide[b-ke6q4u5gor] {
    margin-right:23px !important;
    margin-left:29px !important;
  }
  #StoreDetailSec1 .mar-l-r20[b-ke6q4u5gor] {
    margin-left:40px;
    margin-right:40px;
  }
  #StoreDetailSec1 .locator__container[b-ke6q4u5gor] {
    width:970px;
    padding-left:25px;
    padding-right:25px;
    margin:auto;
  }
  #StoreDetailSec1 .locator__container h1[b-ke6q4u5gor] {
    margin-left:0;
  }
  #StoreDetailSec1 .dis_flex[b-ke6q4u5gor] {
    margin-left:0;
  }
  #StoreDetailSec1 .backBtn__arrow[b-ke6q4u5gor] {
    margin-left:31px !important;
  }
  #StoreDetailSec1 .My_storeDesk[b-ke6q4u5gor] {
    margin-right:15px;
  }
  .storedetail_v2 .store-info-section li[b-ke6q4u5gor] {
    margin-right:10px !important;
  }
  .storedetail_v2 .Services-section ul[b-ke6q4u5gor] {
    margin-right:149px;
  }
  .storedetail_v2 .pharmacy-section .main-btn[b-ke6q4u5gor] {
    width:230px !important;
  }
}
@media(min-width:1200px) {
  .locator__container[b-ke6q4u5gor],.locator__container-sm[b-ke6q4u5gor],.locator__container-md[b-ke6q4u5gor],.locator__container-lg[b-ke6q4u5gor],.locator__container-xl[b-ke6q4u5gor] {
    max-width:1170px;
    margin:auto;
    padding-left:25px;
    padding-right:25px;
  }
  .storedetail_v2 .Services-section ul[b-ke6q4u5gor] {
    margin-right:251px;
  }
  .storedetail_v2 .store-info-section li[b-ke6q4u5gor] {
    margin-right:30px !important;
  }
}
@media screen and (min-width:100px) and (max-width:767px) {
  #StoreDetailSec1 .locator__container[b-ke6q4u5gor] {
    width:auto;
  }
  #StoreDetailSec1 .desk-none[b-ke6q4u5gor] {
    display:none !important;
  }
  #StoreDetailSec1 .mob-none[b-ke6q4u5gor] {
    display:block;
  }
  #StoreDetailSec1 .Mw-100[b-ke6q4u5gor] {
    width:100%;
  }
  #StoreDetailSec1 .Mdis-blk[b-ke6q4u5gor] {
    display:block;
  }
  .storedetail_v2 .Services-section ul[b-ke6q4u5gor] {
    margin-right:72px;
  }
  .slider-red-box[b-ke6q4u5gor] {
    margin-right:auto;
    min-height:0;
  }
}
@media screen and (min-width:768px) and (max-width:992px) {
  #StoreDetailSec1[b-ke6q4u5gor] {
    padding:0;
    margin-left:-6px;
    margin-right:-6px;
  }
  #StoreDetailSec1 .store_head[b-ke6q4u5gor] {
    margin-left:31px;
  }
  #StoreDetailSec1 .m-left25[b-ke6q4u5gor] {
    margin-left:31px;
  }
  #StoreDetailSec1 .make-my-store-block[b-ke6q4u5gor] {
    margin-bottom:12px;
    padding-right:31px;
  }
  #StoreDetailSec1 .make-my-store-block .make-my-store[b-ke6q4u5gor] {
    font-size:1.125em;
  }
  #StoreDetailSec1 .mapdiv[b-ke6q4u5gor] {
    padding:48px 59px 48px 60px;
  }
  #StoreDetailSec1 .mapdiv h2[b-ke6q4u5gor] {
    margin-top:10px;
    padding-top:0;
  }
  #StoreDetailSec1 .mapGoogleStoreDetails[b-ke6q4u5gor] {
    width:100%;
    margin-top:0;
    height:220px;
  }
  #StoreDetailSec1 .image-slider[b-ke6q4u5gor] {
    padding:0 27px !important;
  }
  #StoreDetailSec1 .image-slider .carousel-indicators[b-ke6q4u5gor] {
    margin-bottom:-20px;
  }
  #StoreDetailSec1 .carousel__background[b-ke6q4u5gor] {
    width:40px;
    height:40px;
    line-height:40px;
  }
  #StoreDetailSec1 .backBtn[b-ke6q4u5gor] {
    margin-bottom:0;
  }
  #StoreDetailSec1 .mt-50[b-ke6q4u5gor] {
    margin-top:60px;
  }
  #StoreDetailSec1 .My_storeDesk[b-ke6q4u5gor] {
    float:right;
    margin-right:23px;
  }
  #StoreDetailSec1 .Mw-100[b-ke6q4u5gor] {
    width:50%;
  }
  #StoreDetailSec1 .Mdis-blk[b-ke6q4u5gor] {
    display:flex;
  }
  #StoreDetailSec1 .MakeMyStore-Desk[b-ke6q4u5gor],#StoreDetailSec1 .active-label[b-ke6q4u5gor],#StoreDetailSec1 .label[b-ke6q4u5gor] {
    line-height:1.43;
    letter-spacing:-.25px;
  }
  #StoreDetailSec1 .dis_flex a[b-ke6q4u5gor],#StoreDetailSec1 .label_sec[b-ke6q4u5gor] {
    line-height:normal;
    letter-spacing:-.23px;
    padding-right:5px;
  }
  #StoreDetailSec1 h2[b-ke6q4u5gor] {
    font-size:1.375em;
    line-height:1.22;
    letter-spacing:-.25px;
  }
  .storedetail_v2 .Services-section ul[b-ke6q4u5gor] {
    margin-right:352px;
  }
}
@media only screen and (max-width:1024px) {
  #StoreDetailSec1 .mob_num[b-ke6q4u5gor] {
    text-decoration:none;
  }
}
@media all and (-ms-high-contrast:none) {
  .cut-line img[b-ke6q4u5gor],.cut-line svg[b-ke6q4u5gor] {
    position:absolute;
    left:10px;
    top:-16px;
  }
  *[b-ke6q4u5gor]::-ms-backdrop,.cut-line img[b-ke6q4u5gor],.cut-line svg[b-ke6q4u5gor] {
    position:absolute;
    left:10px;
    top:-16px;
  }
}
input[b-ke6q4u5gor]::-ms-reveal,.search input[b-ke6q4u5gor]::-ms-clear {
  display:none;
}
.slider-info[b-ke6q4u5gor] {
  padding:20px 0 40px 0;
}
.mt-lg-30[b-ke6q4u5gor] {
  margin-bottom:30px;
}
.make-my-store-block[b-ke6q4u5gor] {
  float:right;
  margin-bottom:15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-family: var(--wd-font-body);
  font-weight:normal;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
}
@media(max-width:767px) {
  .make-my-store-block[b-ke6q4u5gor] {
    display:inline-block;
  }
}
.make-my-store-block .make-my-store[b-ke6q4u5gor] {
  width:246px;
  max-width:100%;
  padding:0 25px;
  height:48px;
  font-family: var(--wd-font-body);
  display:inline-block;
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}
.make-my-store-block .make-my-store:hover[b-ke6q4u5gor] {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
}
.make-my-store-block .my-store[b-ke6q4u5gor] {
  color:var(--wd-color-text);
  /* !important on these two only, which live does NOT need. Live wins this on source order alone:
     its .main-btn declares background/border normally, so the later .my-store rule overrides them.
     Our rebrand of that shared rule (_app-wd-legacy-content.scss:15448) made the brand red
     !important to force it over the legacy hexes site-wide, and that beat this rule on the cascade
     — the state badge rendered solid red instead of live's white outline. Overriding here rather
     than dropping the !important there keeps the change to this one control; verified against live
     served with _tempStore=115, which computes rgb(255,255,255) on a #3c3c3b border. */
  background-color:#fff !important;
  /* Live draws this border in the same gray as the label, so it takes the same token the line
     above already does — the sanctioned mapping retires that gray for text-black. */
  border:1px solid var(--wd-color-text) !important;
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
  display:inline-block;
}
@media(max-width:767px) {
  .make-my-store-block .my-store[b-ke6q4u5gor] {
    margin-bottom:16px;
  }
}
.make-my-store-block ._\5f findstore_link[b-ke6q4u5gor] {
  color:var(--wd-color-brand-red);
  font-size:1em;
  letter-spacing:-.22px;
  margin-left:32px;
  padding-right:15px;
  font-weight:600;
}
@media(max-width:767px) {
  .make-my-store-block ._\5f findstore_link[b-ke6q4u5gor] {
    padding:0;
    margin:0 auto;
    text-align:center;
  }
}
.make-my-store-block ._\5f findstore_link[b-ke6q4u5gor]::after {
  /* find-a-different-store chevron — Font Awesome codepoint, written as a CSS escape rather than the raw
     UTF-8 glyph live serves, so it survives any file re-encoding. */
  content:"\f105";
  font:normal normal normal 14px/1 FontAwesome;
  font-size:larger;
  position:relative;
  top:0;
  font-weight:normal;
  left:5px;
}
.make-my-store-block .openingSoonBtn[b-ke6q4u5gor] {
  border:solid 1px var(--wd-color-border);
  color:var(--wd-color-text);
  background:#fff;
  padding:10px 30px;
  font-size:1.125em;
  font-weight:bold;
  line-height:1.39;
  letter-spacing:-.03px;
  text-align:center;
  width:180px;
  height:auto;
  align-items:center;
  display:block;
  text-decoration:none;
  pointer-events:none;
}
@media(max-width:991px) {
  .storedetail_v2[b-ke6q4u5gor] {
    margin-bottom:5px;
  }
}
.storedetail_v2 .col-sm-6[b-ke6q4u5gor] {
  padding:0;
}
.storedetail_v2 .shadow-box-blocks[b-ke6q4u5gor] {
  background-color:#fff;
  padding:11px 27px 11px 19px;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  margin:16px 32px 16px 0;
  border-radius:4px;
}
@media(min-width:768px) and (max-width:991px) {
  .storedetail_v2 .shadow-box-blocks[b-ke6q4u5gor] {
    margin:16px 32px;
  }
}
.storedetail_v2 .shadow-box-blocks h2[b-ke6q4u5gor] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:bold;
  line-height:1.36;
  letter-spacing:-.31px;
  color:var(--wd-color-brand-red);
  margin:0 0 10px 0;
}
@media(min-width:768px) and (max-width:991px) {
  .storedetail_v2 .Services-section[b-ke6q4u5gor] {
    margin-bottom:57px;
  }
}
.storedetail_v2 .store-info-section label[b-ke6q4u5gor] {
  margin:16px 0;
}
.storedetail_v2 .store-info-section .link-row[b-ke6q4u5gor] {
  margin-top:24px;
}
.storedetail_v2 .store-info-section .link-row .tag_style[b-ke6q4u5gor] {
  padding-right:5px !important;
}
.storedetail_v2 .store-info-section .p_16[b-ke6q4u5gor] {
  padding-bottom:16px;
}
.storedetail_v2 .store-info-section .avail-info[b-ke6q4u5gor] {
  margin:16px 0 0 0;
}
.storedetail_v2 .pharmacy-section .pharm-quick-info[b-ke6q4u5gor] {
  background-color:var(--wd-color-bread);
  padding:16px;
  margin:8px 0;
  border-radius:4px;
}
.storedetail_v2 .pharmacy-section .pharm-quick-info .close[b-ke6q4u5gor] {
  font-size:30px;
  float:right;
  color:var(--wd-color-text);
  opacity:1;
  margin-top:-4px;
}
.storedetail_v2 .pharmacy-section .pharm-hour[b-ke6q4u5gor] {
  margin:16px 0;
  display:flex;
  align-items:baseline;
}
.storedetail_v2 .pharmacy-section .pharm-hour .fa-clock[b-ke6q4u5gor] {
  padding:4px;
}
.storedetail_v2 .pharmacy-section .pharm-hour p[b-ke6q4u5gor] {
  padding-left:5px;
}
.storedetail_v2 .pharmacy-section .pharm-hour img[b-ke6q4u5gor] {
  margin-bottom:3px;
}
.storedetail_v2 .pharmacy-section .avail-info[b-ke6q4u5gor] {
  margin:16px 0 24px 0;
}
.storedetail_v2 .pharmacy-section .col-md-6[b-ke6q4u5gor] {
  padding:0;
}
.storedetail_v2 .pharmacy-section .main-btn[b-ke6q4u5gor] {
  width:265px;
  height:48px;
  margin-bottom:8px;
}
.storedetail_v2 .pharmacy-section .pharm-new-acc[b-ke6q4u5gor] {
  text-align:right;
  margin-top:14px;
}
.storedetail_v2 .pharmacy-section .pharm-new-acc a[b-ke6q4u5gor] {
  font-size:1em;
  font-weight:600;
  letter-spacing:-.27px;
  color:var(--wd-color-brand-red);
}
.storedetail_v2 .pharmacy-section .pharm-new-acc a i[b-ke6q4u5gor] {
  border:solid var(--wd-color-brand-red);
  border-width:0 2px 2px 0;
  display:inline-block;
  padding:3px;
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  margin-right:5px;
}
.storedetail_v2 .Liquor-section .Liquor-hour[b-ke6q4u5gor] {
  margin:16px 0;
  display:flex;
  align-items:baseline;
}
.storedetail_v2 .Liquor-section .Liquor-hour .fa-clock[b-ke6q4u5gor] {
  padding:4px;
}
.storedetail_v2 .Liquor-section .Liquor-hour p[b-ke6q4u5gor] {
  padding-left:5px;
}
.storedetail_v2 .Liquor-section .Liquor-hour img[b-ke6q4u5gor] {
  margin-bottom:3px;
}
.storedetail_v2 .Liquor-section .avail-info[b-ke6q4u5gor] {
  margin-top:16px;
}
.storedetail_v2 .fa-phone[b-ke6q4u5gor] {
  padding:4px;
}
.storedetail_v2 .Services-section .services-sub-block[b-ke6q4u5gor] {
  margin:16px 0;
}
.storedetail_v2 .Services-section h3[b-ke6q4u5gor] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:bold;
  line-height:1.36;
  letter-spacing:-.31px;
  color:var(--wd-color-brand-red);
  margin:0 0 0 0;
}
.storedetail_v2 .Services-section ul[b-ke6q4u5gor] {
  column-count:2;
}
.storedetail_v2 .store-img-block[b-ke6q4u5gor] {
  padding:18px 0;
}
.storedetail_v2 .store-img-block img[b-ke6q4u5gor] {
  width:100%;
}
@media(min-width:992px) {
  .storedetail_v2 .main-block-map[b-ke6q4u5gor] {
    float:right;
    position:sticky;
    top:68px;
    margin-top:15px;
  }
  .storedetail_v2 .main-block-map .streetStoreView[b-ke6q4u5gor] {
    height:307px;
  }
}
@media only screen and (min-device-width:768px) and (max-device-width:991px) {
  .storedetail_v2 .col-sm-6[b-ke6q4u5gor] {
    padding:0;
    padding-left:10px;
  }
  .storedetail_v2 .pharmacy-section[b-ke6q4u5gor] {
    padding-bottom:34px;
  }
  .storedetail_v2 .pharmacy-section .pharm-login-acc[b-ke6q4u5gor] {
    padding-bottom:15px;
  }
  .storedetail_v2 .pharmacy-section .pharm-new-acc[b-ke6q4u5gor] {
    margin-top:-46px;
  }
  .storedetail_v2 .main-block-map[b-ke6q4u5gor] {
    padding:32px;
    padding-bottom:7px;
    display:flex;
    justify-content:space-between;
  }
  .storedetail_v2 .main-block-map .streetStoreView[b-ke6q4u5gor] {
    height:220px;
  }
  .storedetail_v2 .store-img-block[b-ke6q4u5gor] {
    padding:0;
  }
}
@media(max-width:767px) {
  .make-my-store-block[b-ke6q4u5gor] {
    float:none;
    text-align:left;
    margin:24px 0;
    padding-left:35px;
    padding-right:35px;
    margin-bottom:15px;
    display:flex;
    flex-direction:column-reverse;
  }
  .make-my-store-block .make-my-store[b-ke6q4u5gor] {
    width:200px;
    height:auto;
    font-family: var(--wd-font-body);
    font-size:1.125em;
    margin-bottom:10px;
    padding:15px;
  }
  .weather[b-ke6q4u5gor] {
    display:flex;
    margin-left:-35px;
    margin-right:-35px;
    flex-direction:column-reverse;
  }
  .storedetail_v2 .col-sm-6[b-ke6q4u5gor] {
    padding:0;
  }
  .storedetail_v2 .store-info-section li[b-ke6q4u5gor] {
    padding-top:13px;
  }
  .storedetail_v2 .pharmacy-section .main-btn[b-ke6q4u5gor] {
    width:202px;
  }
  .storedetail_v2 .pharmacy-section .pharm-new-acc[b-ke6q4u5gor],.storedetail_v2 .pharmacy-section .pharm-login-acc[b-ke6q4u5gor] {
    text-align:center;
  }
  .storedetail_v2 .shadow-box-blocks[b-ke6q4u5gor] {
    margin:16px 24px;
  }
  .storedetail_v2 .mapGoogleStoreDetails[b-ke6q4u5gor] {
    margin-top:16px;
    height:177px !important;
  }
  .storedetail_v2 .main-btn[b-ke6q4u5gor] {
    text-align:center;
  }
  .storedetail_v2 .pharm-new-acc[b-ke6q4u5gor],.storedetail_v2 .pharm-login-acc[b-ke6q4u5gor] {
    text-align:center;
  }
  .storedetail_v2 .link-row div[b-ke6q4u5gor] {
    margin:12px 0;
  }
  .storedetail_v2 .store-mob-accordin[b-ke6q4u5gor] {
    cursor:pointer;
  }
  .storedetail_v2 .store-mob-accordin:hover[b-ke6q4u5gor] {
    outline:2px solid var(--wd-color-focus-ring) !important;
    outline-offset:-1px;
    display:inline-block;
  }
  .storedetail_v2 .store-mob-accordin:focus[b-ke6q4u5gor] {
    outline:2px solid var(--wd-color-focus-ring) !important;
    outline-offset:-1px;
    display:inline-block;
  }
  .storedetail_v2 .store-mob-accordin:active[b-ke6q4u5gor] {
    outline:2px solid var(--wd-color-focus-ring) !important;
    outline-offset:-1px;
    display:inline-block;
  }
  .storedetail_v2 .store-mob-accordin i[b-ke6q4u5gor] {
    float:right;
    padding-top:3px;
  }
  .storedetail_v2 .main-block-map[b-ke6q4u5gor] {
    padding:0 24px;
  }
  .storedetail_v2 .main-block-map .streetStoreView[b-ke6q4u5gor] {
    height:177px;
  }
  .store-map[b-ke6q4u5gor] {
    padding:0;
  }
}
@media(min-width:768px) {
  .storedetail_v2 .collapse.dont-collapse-sm[b-ke6q4u5gor] {
    display:block;
    height:auto !important;
    visibility:visible;
  }
  .storedetail_v2 .store-info-section ul[b-ke6q4u5gor] {
    display:inline-flex;
    padding-top:19px;
  }
  .storedetail_v2 .store-info-section li[b-ke6q4u5gor] {
    margin-right:43px;
  }
}
@media only screen and (min-width:992px) {
  #StoreDetailSec1 .weather[b-ke6q4u5gor] {
    align-items:flex-start;
  }
}
@media(min-width:992px) {
  .storedetail_v2 .pharmacy-section .pharm-new-acc[b-ke6q4u5gor] {
    margin-top:14px !important;
  }
}
/* /Components/Pages/WaterSourcing.razor.rz.scp.css */
.water-table[b-ao08e9ek01] {
    color: #000000;
    width: 100%;
    height: 525.176471px;
}

.col-city[b-ao08e9ek01] {
    width: 198pt;
}

.col-code[b-ao08e9ek01] {
    width: 73pt;
}

.col-type[b-ao08e9ek01] {
    width: 91pt;
}

.col-source[b-ao08e9ek01] {
    width: 621pt;
}

.water-header-row[b-ao08e9ek01] {
    height: 32pt;
}

.water-data-row[b-ao08e9ek01] {
    height: 16pt;
}

.xl63[b-ao08e9ek01] {
    color: var(--wd-color-brand-red);
    background: white;
    border-width: medium medium 1pt;
    border-style: none none solid;
    border-bottom-color: #dddddd;
    text-align: left;
}

.xl63.col-city[b-ao08e9ek01] {
    height: 32pt;
}
/* /Components/Pages/WeatherUpdate.razor.rz.scp.css */
/* ---- moved from inline style="" attributes (this page's other rules intentionally stay in
   /css/pages/weather-update.css, linked via HeadContent — see comment at top of
   WeatherUpdate.razor) ---- */
.intro-wrap[b-5uaorng2z3] {
    padding: 15px;
}

.status-message[b-5uaorng2z3] {
    font-size: 20px;
}

.full-width[b-5uaorng2z3] {
    width: 100%;
}

.hidden-row[b-5uaorng2z3] {
    display: none;
}
/* /Components/Pages/WeeklyAd.razor.rz.scp.css */
/* Scoped to WeeklyAd.razor. Moved from wwwroot/scss/WD/weeklyAd-wd.scss (was linked as a
   page-specific <link> in this page's HeadContent). No ::deep needed anywhere in this file:
   weeklyAd.js (the only page-specific script) does no DOM styling injection at all — it only
   dynamically appends a <script> tag that loads a third-party Custom Element widget
   (<ideal-circular-view>, already statically rendered by this page's own markup); that
   widget's internal rendering is opaque third-party content this CSS was never targeting
   anyway. Every real selector below is rendered directly by this page.

   A large "change store" dropdown/accordion block (.changestore__dropdown, .changeMyStore,
   .change_store__accordion, .txtSearchzip, .store__result, etc.) doesn't match anything
   anywhere in Components/ — grepped for it; it's not this page's own markup, and it's not the
   separate #Find-store-modal (a different, globally-rendered modal in App.razor). Pre-existing
   dead CSS carried over unchanged, same treatment as other dead blocks found elsewhere in this
   migration. A byte-for-byte duplicate keyframes/btn-dot-loading block was removed (same
   boilerplate seen across several other per-page bundles, see StoreDetails.razor.css). */

@keyframes stretch-b-1ujoqdwlic {
  0% {
    transform:scale(.5);
    background-color:var(--wd-color-brand-red);
  }
  50% {
    background-color:var(--wd-color-brand-red);
  }
  100% {
    transform:scale(1);
    background-color:#fff;
  }
}
.btn-dot-loading.btn--loading[b-1ujoqdwlic] {
  font-size:0;
}
.btn-dot-loading.btn--loading .btn-span[b-1ujoqdwlic] {
  display:flex !important;
  justify-content:center;
}
.btn-dot-loading.btn--loading .btn-span b[b-1ujoqdwlic] {
  animation-direction:alternate;
  animation-duration:.5s;
  animation-fill-mode:none;
  animation-iteration-count:infinite;
  animation-name:stretch-b-1ujoqdwlic;
  animation-play-state:running;
  animation-timing-function:ease-out;
  border-radius:100%;
  display:block;
  height:10px;
  margin:0 1px;
  width:10px;
  animation-delay:.1s;
  margin:0 5px;
}
.btn-dot-loading.btn--loading .btn-span b:first-child[b-1ujoqdwlic] {
  animation-delay:0s;
  margin:0;
}
.btn-dot-loading.btn--loading .btn-span b:last-child[b-1ujoqdwlic] {
  animation-delay:.2s;
  margin:0;
}
.btn-dot-loading b[b-1ujoqdwlic] {
  font-weight:normal;
}
.btn-dot-loading .btn-span[b-1ujoqdwlic] {
  display:none;
}
.container-fluid[b-1ujoqdwlic],.border-topBtm[b-1ujoqdwlic] {
  background-color:#fff;
}
@media(min-width:768px) {
  .border-topBtm .container[b-1ujoqdwlic] {
    padding:0 32px;
  }
}
/* /Components/RecipesLanding/FavoriteRecipesSection.razor.rz.scp.css */
/* Ported from legacy's Areas/V2/Sass/components/_recipeFavContainer.scss (WD banner — that
   banner's own _recipeFavContainer-wd.scss is just an @import of this file with WD's
   variables/wdtheme values, so those values are inlined directly below instead of re-deriving
   them via a mixin). $font-* / $charcoal-grey* / banner_lbl_color resolved from
   Areas/V2/Sass/variables/_variables.scss and _wdtheme.scss. */

.FavContainer[b-f3iz52n3kd] {
  margin: 0 auto;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .FavContainer[b-f3iz52n3kd] { width: 970px; }
}

@media (min-width: 1200px) {
  .FavContainer[b-f3iz52n3kd] { width: 1170px; }
}

@media (max-width: 991px) and (min-width: 768px) {
  .FavContainer[b-f3iz52n3kd] { width: 750px; }
}

.FavContainer .outerdots[b-f3iz52n3kd] {
  margin: 32px 0 64px 0;
  border: dashed 1px #979797;
}

.FavContainer .dot-line-box[b-f3iz52n3kd] {
  min-height: 281px;
  height: auto;
  padding: 43px 0 42px 0;
  display: grid;
  text-align: center;
}

.FavContainer .dot-line-box img[b-f3iz52n3kd] {
  margin-bottom: 35px;
}

.FavContainer .dot-line-box h3[b-f3iz52n3kd] {
  margin: 0 0 8px;
  font-family: var(--wd-font-body);
  font-size: 1.125em;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.18;
  letter-spacing: -0.25px;
  text-align: center;
  color: var(--wd-color-text);
  min-height: 33px;
}

.FavContainer .dot-line-box p[b-f3iz52n3kd] {
  font-family: var(--wd-font-body);
  font-size: 1em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: -0.18px;
  text-align: center;
  color: var(--wd-color-text);
  width: 50%;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .FavContainer .dot-line-box[b-f3iz52n3kd] { padding: 33px 9px 32px; }
  .FavContainer .dot-line-box h3[b-f3iz52n3kd] { font-size: 1.125em; }
  .FavContainer .dot-line-box p[b-f3iz52n3kd] { width: 100%; font-size: .875em; line-height: 1.43; letter-spacing: -0.25px; }
}

@media (max-width: 1024px) and (min-width: 768px) {
  .FavContainer .dot-line-box h3[b-f3iz52n3kd] { font-size: 1.125em; min-height: 0; }
  .FavContainer .dot-line-box p[b-f3iz52n3kd] { width: 80%; font-size: .875em; min-height: 0; }
  .FavContainer .dot-line-box img[b-f3iz52n3kd] { margin-bottom: 28px; }
}

.FavContainer .d-padding[b-f3iz52n3kd] {
  padding: 0 15px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .FavContainer .d-padding[b-f3iz52n3kd] { padding: 0 7px; }
}

@media (max-width: 767px) {
  .FavContainer .d-padding[b-f3iz52n3kd] { padding: 0; }
}

.FavContainer h2[b-f3iz52n3kd] {
  margin: 80px 0 40px 0px;
  font-family: var(--wd-font-body);
  font-size: 2.25em;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.59px;
  color: var(--wd-color-brand-red);
}

@media (max-width: 991px) {
  .FavContainer h2[b-f3iz52n3kd] {
    margin: 55px 0px 24px 0px;
    font-size: 1.375em;
    line-height: 1.27;
    letter-spacing: -0.37px;
  }
}

.FavContainer .AllrecipeSec[b-f3iz52n3kd] {
  text-align: right;
  margin-top: -45px;
}

@media (max-width: 767px) {
  .FavContainer .AllrecipeSec[b-f3iz52n3kd] { text-align: left; margin-top: 0px; }
}

.FavContainer a.see_recipe[b-f3iz52n3kd] {
  margin: 0px 14px 67px 15px;
  font-size: 1em;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: -0.27px;
  color: var(--wd-color-brand-red);
  text-decoration: none;
}

.FavContainer a.see_recipe:focus[b-f3iz52n3kd] {
  display: inline !important;
}

.FavContainer a.see_recipe .fa[b-f3iz52n3kd] {
  margin-left: 8px;
}

@media (min-width: 992px) and (min-width: 1199px) {
  .FavContainer a.see_recipe[b-f3iz52n3kd] { margin: 0px 0px 67px 15px; }
}

@media (max-width: 768px) {
  .FavContainer a.see_recipe[b-f3iz52n3kd] {
    margin: 0;
    font-size: .875em;
    line-height: 1.79;
    letter-spacing: -0.23px;
  }
}

.FavContainer .recipes-container[b-f3iz52n3kd] {
  margin: 32px -15px 25px -15px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .FavContainer .recipes-container[b-f3iz52n3kd] {
    display: flex;
    flex-wrap: wrap;
    margin: 32px -7px !important;
  }
}

@media (max-width: 991px) {
  .FavContainer .recipes-container[b-f3iz52n3kd] { margin: 32px 0 0px 0; }
}

.FavContainer .recipes-container .m-30[b-f3iz52n3kd] {
  margin: 0 0 30px 0;
}

@media (max-width: 767px) {
  .FavContainer .recipes-container .m-30[b-f3iz52n3kd] { margin: 0px !important; }
  .FavContainer .recipes-container .m-30:first-child[b-f3iz52n3kd] { margin-bottom: 30px !important; }
}

.FavContainer .recipes-card[b-f3iz52n3kd] {
  height: calc(100%);
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .12);
  background-color: #ffffff;
  padding: 16px 16px 16px 15px;
  flex-flow: row wrap;
  align-content: space-between;
  min-height: 410px;
  display: flex;
  border-radius: 4px;
}

@media (max-width: 767px) {
  .FavContainer .recipes-card[b-f3iz52n3kd] { margin-bottom: 30px; }
}

@media (min-width: 991px) and (max-width: 1199px) {
  .FavContainer .recipes-card[b-f3iz52n3kd] { min-height: 440px; }
}

.FavContainer .recipes-card:focus > h2[b-f3iz52n3kd],
.FavContainer .recipes-card:focus > h3[b-f3iz52n3kd] {
  color: var(--wd-color-brand-red) !important;
  font-weight: 600;
  border-bottom: 3px solid var(--wd-color-brand-red);
  padding-bottom: 15px;
}

/* ---- .dot-cards: the dashed-border zero-favorites card layered on top of .recipes-card
   above. Ported from bundles/sass/WD/recipeFavContainer-wd.css — that bundle's own <link> was
   removed from RecipesLanding.razor (see that page's .razor.css header comment) back when
   nothing on this page rendered .FavContainer yet, so these overrides never made it into this
   scoped file. Verified against a live authenticated capture: without this block the card
   falls back to .recipes-card's plain white box-shadow card instead of the dashed outline,
   and .item-image tiles/stretches the icon instead of centering it at a fixed 144px. ---- */
.FavContainer .recipes-container .dot-cards[b-f3iz52n3kd] {
  box-shadow: none;
  border: 2px #d0d0d0 dashed;
  padding: 8px 16px 16px 15px;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .FavContainer .recipes-container .dot-cards[b-f3iz52n3kd] { padding: 16px 16px 16px 15px; }
}

.FavContainer .recipes-container .dot-cards .item-image[b-f3iz52n3kd] {
  width: 100%;
  background-size: 144px;
  background-position: center;
  background-repeat: no-repeat;
  height: 178px;
  margin: 0;
}

@media (max-width: 767px) {
  .FavContainer .recipes-container .dot-cards .item-image[b-f3iz52n3kd] { height: 170px; }
}

@media (max-width: 1199px) and (min-width: 768px) {
  .FavContainer .recipes-container .dot-cards .item-image[b-f3iz52n3kd] { height: 169px; }
}

.FavContainer .recipes-container .dot-cards h3[b-f3iz52n3kd] {
  margin-top: 10px;
}

.FavContainer .recipes-container .dot-cards .slide-btm-left[b-f3iz52n3kd] {
  padding: 0;
  margin-bottom: 3px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .FavContainer .recipes-container .dot-cards .cook-time[b-f3iz52n3kd] { height: 68px; }
}

.FavContainer .recipes-card .item-image[b-f3iz52n3kd] {
  width: 100%;
  height: 165px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  border-radius: 4px;
}

@media (max-width: 767px) {
  .FavContainer .recipes-card .item-image[b-f3iz52n3kd] { height: 235px; }
}

.FavContainer .recipes-card .w-100[b-f3iz52n3kd] {
  width: 100%;
}

.FavContainer .recipes-card h2[b-f3iz52n3kd],
.FavContainer .recipes-card h3[b-f3iz52n3kd] {
  margin: 16px 0 8px 1px;
  font-family: var(--wd-font-body);
  font-size: 1.25em;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.33px;
  color: var(--wd-color-brand-red);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 991px) {
  .FavContainer .recipes-card h2[b-f3iz52n3kd],
  .FavContainer .recipes-card h3[b-f3iz52n3kd] { font-size: 1em; }
}

.FavContainer .recipes-card .cook-time[b-f3iz52n3kd] {
  height: 100px;
  overflow: hidden;
  font-family: var(--wd-font-body);
  font-size: 1em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.25px;
  color: var(--wd-color-text);
  margin: 8px 0 8px 1px;
}

@media (max-width: 768px) {
  .FavContainer .recipes-card .cook-time[b-f3iz52n3kd] { height: 130px; }
}

@media (max-width: 991px) {
  .FavContainer .recipes-card .cook-time[b-f3iz52n3kd] { font-size: .875em; height: auto; min-height: 65px; }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .FavContainer .recipes-card .cook-time[b-f3iz52n3kd] { height: 130px; }
}

.FavContainer .recipes-card .cook-time .oval-tag[b-f3iz52n3kd] {
  width: 24px;
  height: 24px;
  margin: 8px 7px 8px 0;
  padding: 7px;
  background-color: #4d4d4f;
  color: #ffffff;
  font-size: .625em;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  float: left;
}

.FavContainer .recipes-card .slide-btm-left[b-f3iz52n3kd],
.FavContainer .recipes-card .slide-btm-right[b-f3iz52n3kd] {
  color: var(--wd-color-brand-red);
  margin: 0;
  font-family: var(--wd-font-body);
  font-size: 1em;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: -0.27px;
}

.FavContainer .recipes-card .slide-btm-left a[b-f3iz52n3kd],
.FavContainer .recipes-card .slide-btm-right a[b-f3iz52n3kd] {
  color: var(--wd-color-brand-red);
  text-decoration: none;
}

.FavContainer .recipes-card .slide-btm-left a:hover[b-f3iz52n3kd],
.FavContainer .recipes-card .slide-btm-right a:hover[b-f3iz52n3kd] {
  font-weight: 600;
  cursor: pointer;
}

.FavContainer .recipes-card .slide-btm-left a i[b-f3iz52n3kd],
.FavContainer .recipes-card .slide-btm-right a i[b-f3iz52n3kd] {
  vertical-align: text-top;
}

@media (max-width: 991px) {
  .FavContainer .recipes-card .slide-btm-left[b-f3iz52n3kd],
  .FavContainer .recipes-card .slide-btm-right[b-f3iz52n3kd] { font-size: .875em; }
}

.FavContainer .recipes-card .slide-btm-left .fa[b-f3iz52n3kd] {
  margin-left: 8px;
  font-weight: bold;
  font-size: 1.125em;
  vertical-align: middle;
}

.FavContainer .recipes-card .slide-btm-right[b-f3iz52n3kd] {
  text-align: right;
}

.FavContainer .recipes-card .slide-btm-right button[b-f3iz52n3kd] {
  font-size: 1.5em;
  border: none;
  background-color: transparent;
}

/* ---- Desktop static grid: legacy renders up to 5 <li class="fav_recipe"> then uses
   window-width-driven JS (fav_count() in _recipeOverview.js) to reveal only as many as fit a
   complete row per breakpoint (2 mobile/via slider, 3 tablet, 4 desktop) so there's never a
   lonely partial last row. Reproduced here with nth-child instead of JS — same visible counts,
   no window-resize listener needed.

   Legacy's own CSS default for .favorite_recipe is display:none, min-width:768px→block — but
   fav_count() unconditionally sets it back to display:block via inline style on every single
   breakpoint branch it has, including its own <768px one. That default is only ever a pre-JS
   flash-of-content guard, not a real mobile/desktop distinction; ported literally (without also
   porting fav_count()) it would hide the mobile carousel entirely, so it's intentionally
   omitted here — .favorite_recipe just stays a plain block-level div at every width, and the
   .hidden-xs / .hidden-lg.hidden-md.hidden-sm utility classes already on its children (ul vs.
   .favorites-slider) are what actually switch grid vs. carousel per breakpoint. */
@media (min-width: 768px) and (max-width: 1199px) {
  .FavContainer li.fav_recipe:nth-child(n+4)[b-f3iz52n3kd] { display: none; }
}

@media (min-width: 1200px) {
  .FavContainer li.fav_recipe:nth-child(n+5)[b-f3iz52n3kd] { display: none; }
}

/* ---- Mobile slick carousel ---- */
.FavContainer .slick-prev[b-f3iz52n3kd]:before,
.FavContainer .slick-next[b-f3iz52n3kd]:before {
  content: '' !important;
  display: none !important;
}

.FavContainer .slick-next.slick-disabled[b-f3iz52n3kd]:before,
.FavContainer .slick-prev.slick-disabled[b-f3iz52n3kd]:before {
  display: none !important;
}

.FavContainer .favorites-slider[b-f3iz52n3kd] {
  padding: 0;
}

@media (max-width: 576px) {
  .FavContainer .favorites-slider[b-f3iz52n3kd] { margin-bottom: 0px; }
}

.FavContainer .favorites-slider .slick-slide[b-f3iz52n3kd] {
  padding: 10px;
}

.FavContainer .favorites-slider .slick-slide:focus[b-f3iz52n3kd] {
  outline: 2px solid var(--wd-color-focus-ring);
  outline-offset: -2px;
}

.FavContainer .favorites-slider .slick-slider button.slick-prev[b-f3iz52n3kd] {
  position: absolute;
  left: -40px;
  top: 50%;
  background-color: transparent;
  border: none;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 8px;
  background-position: center;
  font-size: 0;
}

.FavContainer .favorites-slider .slick-slider button.slick-prev[b-f3iz52n3kd]::before {
  content: "" !important;
  display: none !important;
}

.FavContainer .favorites-slider .slick-slider button.slick-prev:focus[b-f3iz52n3kd] {
  outline: 2px solid var(--wd-color-focus-ring);
}

.FavContainer .favorites-slider .slick-slider button.slick-next[b-f3iz52n3kd] {
  position: absolute;
  right: -40px;
  top: 50%;
  background-color: transparent;
  border: none;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 8px;
  background-position: center;
  font-size: 0;
}

.FavContainer .favorites-slider .slick-slider button.slick-next[b-f3iz52n3kd]::before {
  content: "" !important;
  display: none !important;
}

.FavContainer .favorites-slider .slick-dots[b-f3iz52n3kd] {
  bottom: -35px;
}

@media (max-width: 767px) {
  .FavContainer .favorites-slider .slick-dots[b-f3iz52n3kd] { bottom: -8px; }
}

.FavContainer .favorites-slider .slick-dots li.slick-active button[b-f3iz52n3kd] {
  background: #333333;
}

.FavContainer .favorites-slider .slick-dots li button[b-f3iz52n3kd] {
  height: 4px;
  padding: 0;
  background: var(--wd-color-border);
  width: 25px;
  margin-top: 10px;
}

.FavContainer .favorites-slider .slick-dots li button[b-f3iz52n3kd]::before {
  display: none;
}

@media (max-width: 767px) {
  .FavContainer .favorites-slider[b-f3iz52n3kd] { margin-top: 5px; }
  .FavContainer .favorites-slider .slick-arrow[b-f3iz52n3kd] { display: none !important; }
}
/* /Components/RecipesLanding/FeaturedRecipe.razor.rz.scp.css */
/* Moved from the original page .razor.css when FeaturedRecipe was extracted into its own
   component. Some rules below were shared with sibling components extracted from the same
   page and are intentionally duplicated verbatim in each — a selector that doesn't match
   anything in a given component's scope is simply inert there. */

.recipe-overview .slider-info-box[b-wuejhjjdsc] {
  border-radius:4px;
}

.recipe-overview .recipes-top[b-wuejhjjdsc] {
  margin-top:60px;
  margin-bottom:30px;
}

.recipe-overview .recipes-top .content-block-left img[b-wuejhjjdsc] {
  width:100%;
  border-radius:4px;
}

.recipe-overview .recipes-top h2[b-wuejhjjdsc] {
  font-size:2.25em;
  font-weight:bold;
  color:var(--wd-color-brand-red);
  letter-spacing:-.59px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
}

@media(max-width:767px) {
  .recipe-overview .recipes-top h2[b-wuejhjjdsc] {
    font-size:1.5em;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .recipe-overview .recipes-top[b-wuejhjjdsc] {
    margin-top:25px;
  }
}

.recipe-overview .recipes-top .content-block-right[b-wuejhjjdsc] {
  padding-left:30px;
}

.recipe-overview .recipes-top h2[b-wuejhjjdsc] {
  font-family: var(--wd-font-body);
  color:var(--wd-color-brand-red);
  font-size:2.25em;
  font-weight:bold;
  letter-spacing:-.59px;
}

@media(max-width:991px) {
  .recipe-overview .recipes-top h2[b-wuejhjjdsc] {
    font-size:1.375em;
    line-height:1.27;
    letter-spacing:-.37px;
    margin-top:3px;
  }
}

.recipe-overview .recipes-top p[b-wuejhjjdsc] {
  font-size:1em;
  color:var(--wd-color-text);
  line-height:1.38;
  letter-spacing:-.25px;
  margin-bottom:32px;
}

@media(max-width:991px) {
  .recipe-overview .recipes-top p[b-wuejhjjdsc] {
    font-size:.875em;
    color:var(--wd-color-text);
    line-height:1.43;
    letter-spacing:-.25px;
  }
}

.recipe-overview .main-btn[b-wuejhjjdsc] {
  font-family: var(--wd-font-body);
  width:145px;
  height:49px;
  /* !important beats the global .main-btn{background-color:var(--wd-color-brand-red)!important} in app-wd.min.css;
     renders as var(--wd-color-brand-red) (rgb(200,16,46)). */
  background-color:var(--wd-color-brand-red) !important;
  border:1px solid var(--wd-color-brand-red) !important;
}

.recipe-overview .content-block-right .main-btn[b-wuejhjjdsc] {
  width:173px;
  height:49px;
}

@media(min-width:100px) and (max-width:767px) {
  .recipe-overview .content-block-right .main-btn[b-wuejhjjdsc] {
    width:230px;
    height:46px;
  }
}

.recipe-overview .align-items-center[b-wuejhjjdsc] {
  align-items:center;
}

@media(min-width:992px) {
  .recipe-overview .d-lg-flex[b-wuejhjjdsc] {
    display:flex;
  }
}

.recipe-overview .insta-section .row[b-wuejhjjdsc] {
  margin:0 -15px;
  display:flex;
  flex-wrap:wrap;
}

@media(min-width:992px) and (max-width:1199px) {
  .recipe-filter-section-main .container[b-wuejhjjdsc] {
    width:970px;
    padding-right:15px;
    padding-left:15px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .recipe-filter-section-main .container[b-wuejhjjdsc] {
    width:750px;
    padding-right:15px;
    padding-left:15px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .recipe-filter-section-main .container[b-wuejhjjdsc] {
    padding-right:22px;
    padding-left:22px;
  }
}

.recipe-filter-section-main .main-btn[b-wuejhjjdsc] {
  border:1px solid var(--wd-color-brand-red);
  background-color:#fff;
  color:var(--wd-color-brand-red);
  font-size:.875em;
  padding:5px 15px;
  min-width:120px;
  font-weight:600;
}

.recipe-filter-section-main .align-items-center[b-wuejhjjdsc] {
  align-items:center;
}

@media(min-width:992px) {
  .d-lg-flex[b-wuejhjjdsc] {
    display:flex;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .recipe-overview .recipes-catgry .catgry-list .catgry-list-img-main:first-child[b-wuejhjjdsc] {
    padding:0;
    padding-right:15px;
  }
  .recipe-overview .recipes-catgry .catgry-list .catgry-list-img-main:last-child[b-wuejhjjdsc] {
    padding:0;
    padding-left:15px;
  }
  .recipe-overview .main-btn[b-wuejhjjdsc] {
    width:145px;
    height:49px;
    font-size:1.125em;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .recipe-overview .recipes-catgry .catgry-list .catgry-list-img-main[b-wuejhjjdsc] {
    padding:0;
  }
  .recipe-overview .recipes-top .content-block-right[b-wuejhjjdsc] {
    padding:0;
  }
  .recipe-overview .recipes-top .content-block-right .btn-content-block[b-wuejhjjdsc] {
    text-align:center;
  }
}

@media(min-width:1200px) {
  .recipe-filter-section-main .container[b-wuejhjjdsc] {
    width:1170px;
    padding-right:15px;
    padding-left:15px;
  }
  .recipe-filter-section-main .inner-banner img[b-wuejhjjdsc] {
    width:5000px;
  }
}
/* /Components/RecipesLanding/FilterBar.razor.rz.scp.css */
/* Moved from the original page .razor.css when FilterBar was extracted into its own
   component. Some rules below were shared with sibling components extracted from the same
   page and are intentionally duplicated verbatim in each — a selector that doesn't match
   anything in a given component's scope is simply inert there. */

.w-100[b-ibr209dv13] {
  width:100%;
}

.recipe-overview .d-flex[b-ibr209dv13] {
  display:flex;
}

.recipe-overview .multidropdown .dropdown-submenu>.dropdown-menu[b-ibr209dv13] {
  top:0;
  left:100%;
  margin-top:-6px;
  margin-left:-1px;
  -webkit-border-radius:0 6px 6px 6px;
  -moz-border-radius:0 6px 6px;
  border-radius:0 6px 6px 6px;
}

.recipe-overview .multidropdown .dropdown-submenu .dropdown-menu[b-ibr209dv13] {
  top:0;
  left:100%;
  margin-top:-1px;
}

.recipe-overview .multidropdown .dropdown-menu>li>a[b-ibr209dv13] {
  padding:5px 20px 5px 10px;
  color:var(--wd-color-text);
  font-size:.75em;
}

.recipe-overview .multidropdown .dropdown-submenu.pull-left>.dropdown-menu[b-ibr209dv13] {
  left:-100%;
  margin-left:10px;
  -webkit-border-radius:6px 0 6px 6px;
  -moz-border-radius:6px 0 6px 6px;
  border-radius:6px 0 6px 6px;
}

.recipe-overview .drop-select .open>.dropdown-menu[b-ibr209dv13] {
  display:block;
  width:100%;
}

.recipe-overview .drop-select .dropdown-submenu:hover .dropdown-menu[b-ibr209dv13] {
  top:0;
}

.recipe-overview .drop-select span.caret[b-ibr209dv13] {
  display:none;
}

.recipe-overview .drop-select ul.dropdown-menu[b-ibr209dv13] {
  min-width:100% !important;
}

.recipe-overview .modal.left .modal-dialog[b-ibr209dv13],.recipe-overview .modal.right .modal-dialog[b-ibr209dv13] {
  position:fixed;
  margin:auto;
  width:320px;
  height:100%;
  -webkit-transform:translate3d(0%,0,0);
  -ms-transform:translate3d(0%,0,0);
  -o-transform:translate3d(0%,0,0);
  transform:translate3d(0%,0,0);
}

@media(max-width:767px) {
  .recipe-overview .modal.left .modal-dialog[b-ibr209dv13],.recipe-overview .modal.right .modal-dialog[b-ibr209dv13] {
    width:100%;
  }
}

.recipe-overview .modal.left .modal-content[b-ibr209dv13],.recipe-overview .modal.right .modal-content[b-ibr209dv13] {
  height:100%;
  overflow-y:auto;
}

.recipe-overview .modal.left .modal-body[b-ibr209dv13],.recipe-overview .modal.right .modal-body[b-ibr209dv13] {
  padding:15px 15px 0;
}

.recipe-overview .modal.left.fade .modal-dialog[b-ibr209dv13] {
  left:-320px;
  -webkit-transition:opacity .3s linear,left .3s ease-out;
  -moz-transition:opacity .3s linear,left .3s ease-out;
  -o-transition:opacity .3s linear,left .3s ease-out;
  transition:opacity .3s linear,left .3s ease-out;
}

.recipe-overview .modal.left.fade.in .modal-dialog[b-ibr209dv13] {
  left:0;
}

.recipe-overview .modal.right.fade .modal-dialog[b-ibr209dv13] {
  right:-320px;
  -webkit-transition:opacity .3s linear,right .3s ease-out;
  -moz-transition:opacity .3s linear,right .3s ease-out;
  -o-transition:opacity .3s linear,right .3s ease-out;
  transition:opacity .3s linear,right .3s ease-out;
}

.recipe-overview .modal.right.fade.in .modal-dialog[b-ibr209dv13] {
  right:0;
}

.recipe-overview .main-modal .modal-content[b-ibr209dv13] {
  border:none;
  border-radius:0;
}

.recipe-overview .main-modal button.close[b-ibr209dv13] {
  opacity:1 !important;
  padding:5px;
  width:22px;
  margin:0;
}

.recipe-overview .recipes-filter[b-ibr209dv13] {
  background-color:#fff;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.15);
  padding:13px 0;
  position:relative;
  margin-bottom:50px;
}

.recipe-overview .recipes-filter p[b-ibr209dv13] {
  font-weight:600;
  color:var(--wd-color-text);
  margin:0;
  font-size:.75em;
  line-height:26px;
}

.recipe-overview .recipes-filter .filter-dropdown .filter-list[b-ibr209dv13] {
  padding:0;
  margin:0;
  list-style:none;
  display:flex;
}

.recipe-overview .recipes-filter .filter-dropdown .filter-list li[b-ibr209dv13] {
  margin-right:20px;
}

.recipe-overview .recipes-filter .filter-dropdown .filter-list li .dropdown.open .dropdown-menu[b-ibr209dv13] {
  top:34px;
  border:none;
  border-radius:0;
  padding:15px 0;
}

.recipe-overview .recipes-filter .filter-dropdown .filter-list li .dropdown button.dropdown-toggle[b-ibr209dv13] {
  border:none;
  background-color:transparent;
  color:var(--wd-color-brand-red);
  font-size:.75em;
  font-weight:500;
}

.recipe-overview .recipes-filter .filter-dropdown .filter-list li .dropdown .caret[b-ibr209dv13] {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  border:none;
  color:var(--wd-color-brand-red);
}

.recipe-overview .recipes-filter .filter-dropdown .filter-list li .dropdown .caret[b-ibr209dv13]::before {
  content:"";
  position:relative;
  top:-7px;
  right:0;
  font-size:10px;
}

.recipe-overview .recipes-filter .filter-link[b-ibr209dv13] {
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
}

.recipe-overview .recipes-filter .filter-link li[b-ibr209dv13] {
  margin-left:20px;
}

.recipe-overview .recipes-filter .filter-link li a[b-ibr209dv13] {
  color:var(--wd-color-brand-red);
  font-size:.75em;
  text-decoration:underline;
  font-weight:500;
}

.recipe-overview .border-right-b[b-ibr209dv13] {
  border-right:1px solid #9e9c9c;
}

.recipe-overview .justify-content-between[b-ibr209dv13] {
  justify-content:space-between;
}

.recipe-overview .megamenu[b-ibr209dv13] {
  position:inherit;
}

.recipe-overview .megamenu .dropdown-menu[b-ibr209dv13] {
  top:50px !important;
}

.recipe-overview .megamenu .dropdown-menu h2[b-ibr209dv13] {
  color:var(--wd-color-brand-red);
  font-size:16px;
  font-weight:600;
  margin:0;
}

.recipe-overview .megamenu .dropdown-menu ul.megamenu-list[b-ibr209dv13] {
  margin:10px 0;
  padding:0;
  list-style:none;
}

.recipe-overview .megamenu .dropdown-menu ul.megamenu-list li[b-ibr209dv13] {
  margin:5px 0;
}

.recipe-overview .megamenu.open button.dropdown-toggle[b-ibr209dv13] {
  position:relative;
}

.recipe-overview .megamenu.open button.dropdown-toggle[b-ibr209dv13]:after {
  content:"";
  width:0;
  height:0;
  border-left:15px solid transparent;
  border-right:15px solid transparent;
  border-top:15px solid #fff;
  position:absolute;
  left:0;
  right:0;
  margin:0 auto;
  bottom:-30px;
  z-index:9999;
}

.recipe-overview .megamenu.open button.dropdown-toggle[b-ibr209dv13]:before {
  content:"";
  width:0;
  height:0;
  border-left:20px solid transparent;
  border-right:20px solid transparent;
  border-top:20px solid #f5f5f5;
  position:absolute;
  left:0;
  right:0;
  margin:0 auto;
  bottom:-35px;
  z-index:999;
}

.recipe-overview .megamenu .dropdown-menu[b-ibr209dv13] {
  min-width:100%;
  width:100%;
  border:none;
  padding:30px 0 !important;
  border-radius:0;
  -webkit-box-shadow:inset 0 45px 14px -36px rgba(0,0,0,.09);
  -moz-box-shadow:inset 0 45px 14px -36px rgba(0,0,0,.09);
  box-shadow:inset 0 45px 14px -36px rgba(0,0,0,.09);
}

.recipe-overview .position-inherit[b-ibr209dv13] {
  position:inherit;
}

.recipe-overview .styled-checkbox[b-ibr209dv13] {
  position:absolute;
  opacity:0;
}

.recipe-overview .styled-checkbox+label[b-ibr209dv13] {
  position:relative;
  cursor:pointer;
  padding:0;
  font-weight:400;
  color:var(--wd-color-text);
  font-size:.75em;
}

.recipe-overview .styled-checkbox+label[b-ibr209dv13]:before {
  content:'';
  margin-right:10px;
  display:inline-block;
  vertical-align:text-top;
  width:15px;
  height:15px;
  background:#fff;
  border:1px solid #ccc;
  border-radius:3px;
}

.recipe-overview .styled-checkbox:focus+label[b-ibr209dv13]:before {
  box-shadow:0 0 0 3px rgba(0,0,0,.12);
}

.recipe-overview .styled-checkbox:disabled+label[b-ibr209dv13] {
  color:#b8b8b8;
  cursor:auto;
}

.recipe-overview .styled-checkbox:disabled+label[b-ibr209dv13]:before {
  box-shadow:none;
  background:#ddd;
}

.recipe-overview .styled-checkbox:checked+label[b-ibr209dv13]:after {
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:20px;
  height:15px;
  background-image:url(../../../Areas/V2/Sass/layout/images/tick.svg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

.recipe-overview .dropdown-footer .apply-btn[b-ibr209dv13] {
  border:1px solid var(--wd-color-brand-red);
  color:var(--wd-color-brand-red);
  font-weight:600;
  padding:6px 25px;
  background-color:transparent;
}

.recipe-overview .dropdown-footer a[b-ibr209dv13] {
  color:var(--wd-color-brand-red);
  text-decoration:underline;
  margin-left:20px;
  font-size:.75em;
}

.recipe-overview .w-100[b-ibr209dv13] {
  width:100%;
}

.recipe-overview .filter-modal[b-ibr209dv13] {
  top:30px;
}

.recipe-overview .filter-modal button.apply-btn-d[b-ibr209dv13] {
  border:1px solid var(--wd-color-border);
  color:var(--wd-color-text);
  background-color:transparent;
  padding:6px 40px;
  font-weight:600;
  font-size:.75em;
}

.recipe-overview .filter-modal .header-modal button.close[b-ibr209dv13] {
  opacity:1;
}

.recipe-overview .filter-modal .modal-dialog[b-ibr209dv13] {
  margin:0;
  border-radius:0;
  border:none;
}

.recipe-overview .filter-modal .modal-dialog .modal-content[b-ibr209dv13] {
  border:none;
  border-radius:0;
  padding-bottom:30px;
}

.recipe-overview .filter-modal .modal-dialog .modal-content h3[b-ibr209dv13] {
  color:var(--wd-color-brand-red);
  font-weight:600;
  font-size:16px;
  margin:0;
  margin-right:10px;
}

.recipe-overview .filter-modal .modal-dialog .modal-content .modal-body[b-ibr209dv13] {
  padding-bottom:0;
}

.recipe-overview button.filter-btn[b-ibr209dv13] {
  background-color:transparent;
  border:none;
  outline:0;
}

.recipe-overview button.filter-btn img[b-ibr209dv13] {
  height:20px;
}

.recipe-overview .filter-accordion[b-ibr209dv13] {
  margin:10px 0;
}

.recipe-overview .filter-accordion .panel.panel-default[b-ibr209dv13] {
  border:none;
  box-shadow:none;
  margin:0;
  border-top:1px solid #96969a !important;
  border-radius:0;
}

.recipe-overview .filter-accordion .panel.panel-default:last-child[b-ibr209dv13] {
  border-bottom:1px solid #96969a !important;
}

.recipe-overview .filter-accordion .panel.panel-default .panel-heading[b-ibr209dv13] {
  background-color:transparent !important;
  border:none;
  padding:8px 0;
}

.recipe-overview .filter-accordion .panel.panel-default .panel-heading h4.panel-title[b-ibr209dv13] {
  color:var(--wd-color-brand-red);
  font-weight:600;
  font-size:.875em;
  position:relative;
}

.recipe-overview .filter-accordion .panel.panel-default .panel-heading h4.panel-title a[b-ibr209dv13] {
  text-decoration:none;
}

.recipe-overview .filter-accordion .panel.panel-default .panel-heading h4.panel-title a[aria-expanded="true"][b-ibr209dv13] {
  display:inline-block;
}

.recipe-overview .filter-accordion .panel.panel-default .panel-heading h4.panel-title a[aria-expanded="true"][b-ibr209dv13]::before {
  font-family:FontAwesome;
  content:"";
  position:absolute;
  right:10px;
  top:3px;
  font-size:.75em;
}

.recipe-overview .filter-accordion .panel.panel-default .panel-heading h4.panel-title a[aria-expanded="false"][b-ibr209dv13] {
  display:inline-block;
}

.recipe-overview .filter-accordion .panel.panel-default .panel-heading h4.panel-title a[aria-expanded="false"][b-ibr209dv13]::before {
  font-family:FontAwesome;
  content:"";
  position:absolute;
  right:10px;
  top:3px;
  font-size:.75em;
}

.recipe-overview .filter-accordion .panel.panel-default .panel-body[b-ibr209dv13] {
  padding:0;
}

.recipe-overview .filter-accordion .panel.panel-default .panel-body ul[b-ibr209dv13] {
  margin:0;
  padding:0;
  list-style:none;
}

@media(min-width:100px) and (max-width:991px) {
  .recipe-filter-section-main[b-ibr209dv13] {
    z-index:11;
    position:unset;
  }
  .recipe-filter-section-main .apply-div[b-ibr209dv13] {
    padding-top:20px;
    justify-content:space-around;
  }
}

.recipe-filter-section-main .hr-line[b-ibr209dv13] {
  width:100%;
  height:1px;
  background-color:rgba(151,151,151,.32);
  float:left;
}

.recipe-filter-section-main .filterbtn[b-ibr209dv13] {
  background-color:transparent;
  border:none;
  cursor:pointer;
}

.recipe-filter-section-main .d-flex[b-ibr209dv13] {
  display:flex;
}

.recipe-filter-section-main .multidropdown .dropdown-submenu>.dropdown-menu[b-ibr209dv13] {
  top:0;
  left:100%;
  margin-top:-6px;
  margin-left:-1px;
  -webkit-border-radius:0 6px 6px 6px;
  -moz-border-radius:0 6px 6px;
  border-radius:0 6px 6px 6px;
}

.recipe-filter-section-main .multidropdown .dropdown-submenu .dropdown-menu[b-ibr209dv13] {
  top:0;
  left:100%;
  margin-top:-1px;
}

.recipe-filter-section-main .multidropdown .dropdown-menu>li>a[b-ibr209dv13] {
  padding:5px 20px 5px 10px;
  color:var(--wd-color-text);
  font-size:.75em;
}

.recipe-filter-section-main .multidropdown .dropdown-submenu.pull-left>.dropdown-menu[b-ibr209dv13] {
  left:-100%;
  margin-left:10px;
  -webkit-border-radius:6px 0 6px 6px;
  -moz-border-radius:6px 0 6px 6px;
  border-radius:6px 0 6px 6px;
}

.recipe-filter-section-main .drop-select .open>.dropdown-menu[b-ibr209dv13] {
  display:block;
  width:100%;
}

.recipe-filter-section-main .drop-select .dropdown-submenu:hover .dropdown-menu[b-ibr209dv13] {
  top:0;
}

.recipe-filter-section-main .drop-select span.caret[b-ibr209dv13] {
  display:none;
}

.recipe-filter-section-main .drop-select ul.dropdown-menu[b-ibr209dv13] {
  min-width:100% !important;
}

.recipe-filter-section-main .modal.left .modal-dialog[b-ibr209dv13],.recipe-filter-section-main .modal.right .modal-dialog[b-ibr209dv13] {
  position:fixed;
  margin:auto;
  width:320px;
  height:100%;
  -webkit-transform:translate3d(0%,0,0);
  -ms-transform:translate3d(0%,0,0);
  -o-transform:translate3d(0%,0,0);
  transform:translate3d(0%,0,0);
}

@media(max-width:767px) {
  .recipe-filter-section-main .modal.left .modal-dialog[b-ibr209dv13],.recipe-filter-section-main .modal.right .modal-dialog[b-ibr209dv13] {
    width:100%;
  }
}

.recipe-filter-section-main .modal.left .modal-content[b-ibr209dv13],.recipe-filter-section-main .modal.right .modal-content[b-ibr209dv13] {
  height:100%;
  overflow-y:auto;
}

.recipe-filter-section-main .modal.left .modal-body[b-ibr209dv13],.recipe-filter-section-main .modal.right .modal-body[b-ibr209dv13] {
  padding:15px 15px 0;
}

.recipe-filter-section-main .modal.left.fade .modal-dialog[b-ibr209dv13] {
  left:-320px;
  -webkit-transition:opacity .3s linear,left .3s ease-out;
  -moz-transition:opacity .3s linear,left .3s ease-out;
  -o-transition:opacity .3s linear,left .3s ease-out;
  transition:opacity .3s linear,left .3s ease-out;
}

.recipe-filter-section-main .modal.left.fade.in .modal-dialog[b-ibr209dv13] {
  left:0;
}

.recipe-filter-section-main .modal.right.fade .modal-dialog[b-ibr209dv13] {
  right:-320px;
  -webkit-transition:opacity .3s linear,right .3s ease-out;
  -moz-transition:opacity .3s linear,right .3s ease-out;
  -o-transition:opacity .3s linear,right .3s ease-out;
  transition:opacity .3s linear,right .3s ease-out;
}

.recipe-filter-section-main .modal.right.fade.in .modal-dialog[b-ibr209dv13] {
  right:0;
}

.recipe-filter-section-main .main-modal .modal-content[b-ibr209dv13] {
  border:none;
  border-radius:0;
}

.recipe-filter-section-main .main-modal button.close[b-ibr209dv13] {
  opacity:1 !important;
  padding:5px;
  width:22px;
  margin:0;
}

.recipe-filter-section-main .recipes-filter[b-ibr209dv13] {
  background-color:#fff;
  box-shadow:0 2px 14px 0 rgba(0,0,0,.15);
  padding:13px 0;
  position:relative;
  margin-bottom:50px;
}

.recipe-filter-section-main .recipes-filter h2[b-ibr209dv13] {
  color:var(--wd-color-text);
  margin:9px 31px 8px 0;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
}

@media(min-width:992px) and (max-width:1200px) {
  .recipe-filter-section-main .recipes-filter h2[b-ibr209dv13] {
    margin-right:19px;
  }
}

.recipe-filter-section-main .recipes-filter .filter-dropdown .filter-list[b-ibr209dv13] {
  padding:0;
  margin:0;
  list-style:none;
  display:flex;
}

.recipe-filter-section-main .recipes-filter .filter-dropdown .filter-list li[b-ibr209dv13] {
  margin-right:20px;
}

.recipe-filter-section-main .recipes-filter .filter-dropdown .filter-list li .dropdown.open .dropdown-menu[b-ibr209dv13] {
  top:34px;
  border:none;
  border-radius:0;
  padding:15px 0;
  font-size:initial;
}

.recipe-filter-section-main .recipes-filter .filter-dropdown .filter-list li .dropdown button.dropdown-toggle[b-ibr209dv13] {
  border:none;
  background-color:transparent;
  margin:10px 4px 9px 9px;
  color:var(--wd-color-text);
  font-size:1em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  font-family: var(--wd-font-body);
  line-height:1.38;
  letter-spacing:-.25px;
  padding-right:12px;
  text-transform:lowercase;
}

.recipe-filter-section-main .recipes-filter .filter-dropdown .filter-list li .dropdown button.dropdown-toggle[b-ibr209dv13]:first-letter {
  text-transform:capitalize;
}

@media(min-width:992px) and (max-width:1200px) {
  .recipe-filter-section-main .recipes-filter .filter-dropdown .filter-list li .dropdown button.dropdown-toggle[b-ibr209dv13] {
    margin-right:-13px;
  }
}

.recipe-filter-section-main .recipes-filter .filter-dropdown .filter-list li .dropdown .caret[b-ibr209dv13] {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  border:none;
  color:var(--wd-color-brand-red);
  margin-top:-9px;
}

.recipe-filter-section-main .recipes-filter .filter-dropdown .filter-list li .dropdown .caret[b-ibr209dv13]::before {
  content:"";
  position:relative;
  top:-6px;
  right:0;
  font-size:.625em;
}

.recipe-filter-section-main .recipes-filter .filter-link[b-ibr209dv13] {
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  color:var(--wd-color-brand-red);
}

.recipe-filter-section-main .recipes-filter .filter-link li[b-ibr209dv13] {
  margin-left:20px;
}

.recipe-filter-section-main .recipes-filter .filter-link li a[b-ibr209dv13] {
  color:var(--wd-color-brand-red);
  font-size:1em;
  font-family: var(--wd-font-body);
  text-decoration:underline;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.27px;
}

.recipe-filter-section-main .recipes-filter .filter-link li a:hover[b-ibr209dv13] {
  font-weight:600;
}

.recipe-filter-section-main .border-right-b[b-ibr209dv13] {
  border-right:1px solid #9e9c9c;
  width:13.66666667%;
}

.recipe-filter-section-main .justify-content-between[b-ibr209dv13] {
  justify-content:space-between;
}

.recipe-filter-section-main .megamenu[b-ibr209dv13] {
  position:inherit;
}

.recipe-filter-section-main .megamenu .dropdown-menu[b-ibr209dv13] {
  top:65px !important;
}

.recipe-filter-section-main .megamenu .dropdown-menu h2[b-ibr209dv13] {
  color:var(--wd-color-brand-red);
  font-size:1.375em;
  font-weight:bold;
  margin:0;
  font-family: var(--wd-font-body);
  line-height:1.18;
  letter-spacing:-.25px;
  margin-bottom:20px;
  text-transform:lowercase;
}

.recipe-filter-section-main .megamenu .dropdown-menu h2[b-ibr209dv13]:first-letter {
  text-transform:capitalize;
}

.recipe-filter-section-main .megamenu .dropdown-menu ul.megamenu-list[b-ibr209dv13] {
  margin:10px 0;
  padding:0;
  list-style:none;
}

.recipe-filter-section-main .megamenu .dropdown-menu ul.megamenu-list li[b-ibr209dv13] {
  margin:2px 0;
}

.recipe-filter-section-main .megamenu.open button.dropdown-toggle[b-ibr209dv13] {
  position:relative;
}

.recipe-filter-section-main .megamenu.open button.dropdown-toggle[b-ibr209dv13]:after {
  content:"";
  width:0;
  height:0;
  border-left:15px solid transparent;
  border-right:15px solid transparent;
  border-top:15px solid #fff;
  position:absolute;
  left:0;
  right:0;
  margin:0 auto;
  bottom:-33px;
  z-index:1005;
  margin-top:18px;
}

.recipe-filter-section-main .megamenu .dropdown-menu[b-ibr209dv13] {
  min-width:100%;
  width:100%;
  border:none;
  padding:30px 0 !important;
  border-radius:0;
  -webkit-box-shadow:inset 0 45px 14px -36px rgba(0,0,0,.09);
  -moz-box-shadow:inset 0 45px 14px -36px rgba(0,0,0,.09);
  box-shadow:inset 0 45px 14px -36px rgba(0,0,0,.09);
  transform:translate(0,70px) !important;
  inset:0 auto auto 0 !important;
}

.recipe-filter-section-main .position-inherit[b-ibr209dv13] {
  position:inherit;
}

.recipe-filter-section-main .styled-checkbox[b-ibr209dv13] {
  position:absolute;
  opacity:0;
}

.recipe-filter-section-main .styled-checkbox+label[b-ibr209dv13] {
  position:relative;
  cursor:pointer;
  padding:0;
  font-weight:400;
  color:var(--wd-color-text);
  font-size:1em;
  line-height:1.38;
  letter-spacing:-.22px;
  font-family: var(--wd-font-body);
  margin-bottom:10px;
  user-select:none;
}

.recipe-filter-section-main .styled-checkbox+label span:first-child[b-ibr209dv13] {
  text-transform:lowercase;
  display:inline-block;
}

.recipe-filter-section-main .styled-checkbox+label span:first-child[b-ibr209dv13]::first-letter {
  text-transform:capitalize;
}

@media(max-width:991px) {
  .recipe-filter-section-main .styled-checkbox+label[b-ibr209dv13] {
    font-size:.875em;
    line-height:1.43;
    letter-spacing:-.25px;
    margin-top:8px;
  }
}

.recipe-filter-section-main .styled-checkbox+label[b-ibr209dv13]:before {
  content:'';
  margin-right:10px;
  display:inline-block;
  vertical-align:middle;
  width:18px;
  height:18px;
  background:#fff;
  border:1px solid var(--wd-color-border);
  margin-top:-4px;
}

.recipe-filter-section-main .styled-checkbox:focus+label[b-ibr209dv13]:before {
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-1px;
}

.recipe-filter-section-main .styled-checkbox:disabled+label[b-ibr209dv13] {
  color:var(--wd-color-text);
  cursor:auto;
}

.recipe-filter-section-main .styled-checkbox:disabled+label[b-ibr209dv13]:before {
  border:1px solid var(--wd-color-border);
}

.recipe-filter-section-main .styled-checkbox:checked+label[b-ibr209dv13]:after {
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:18px;
  height:18px;
  background-image:url(/Areas/V2/Images/tick.svg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

@media(max-width:991px) {
  .recipe-filter-section-main .styled-checkbox:checked+label[b-ibr209dv13]:after {
    top:-3px !important;
  }
}

.recipe-filter-section-main .dropdown-footer .apply-btn[b-ibr209dv13] {
  font-weight:600;
  font-size:1.125em;
  padding:6px 25px;
  background-color:transparent;
  width:185px;
  height:49px;
  margin-left:-30px;
  font-family: var(--wd-font-body);
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}

.recipe-filter-section-main .dropdown-footer .apply-btn:hover[b-ibr209dv13] {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
}

.recipe-filter-section-main .dropdown-footer .apply-btn:focus[b-ibr209dv13] {
  border:solid 2px #fff !important;
}

.recipe-filter-section-main .dropdown-footer button.apply-btn[disabled][b-ibr209dv13] {
  cursor:default;
  pointer-events:none;
  opacity:.5;
}

.recipe-filter-section-main .dropdown-footer .clear-btn[b-ibr209dv13] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-stretch:normal;
  font-style:normal;
  line-height:1.57;
  letter-spacing:-.23px;
  color:var(--wd-color-brand-red);
  border:none;
  background:none;
  text-decoration:underline;
  margin-left:10px;
}

.recipe-filter-section-main .dropdown-footer .clear-btn:hover[b-ibr209dv13] {
  font-weight:600;
}

.recipe-filter-section-main .dropdown-footer .clear-btn[disabled][b-ibr209dv13] {
  opacity:.5;
  cursor:default;
  pointer-events:none;
  color:var(--wd-color-brand-red);
}

.recipe-filter-section-main .w-100[b-ibr209dv13] {
  width:100%;
}

.recipe-filter-section-main .filter-modal[b-ibr209dv13] {
  top:30px;
}

@media(max-width:991px) {
  .recipe-filter-section-main .filter-modal[b-ibr209dv13] {
    top:143px;
    padding-right:0 !important;
  }
  .recipe-filter-section-main .filter-modal .modal-dialog[b-ibr209dv13] {
    width:100%;
  }
}

.recipe-filter-section-main .filter-modal .modal-content[b-ibr209dv13] {
  background:#fff;
}

.recipe-filter-section-main .filter-modal .close[b-ibr209dv13] {
  opacity:1;
  margin-left:auto;
}

.recipe-filter-section-main .filter-modal button.apply-btn-d[b-ibr209dv13] {
  width:126px;
  height:49px;
  font-family: var(--wd-font-body);
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.39;
  letter-spacing:-.03px;
  padding:10px 40px;
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}

.recipe-filter-section-main .filter-modal button.apply-btn-d:hover[b-ibr209dv13] {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
}

.recipe-filter-section-main .filter-modal button.apply-btn-d:focus[b-ibr209dv13] {
  border:solid 2px #fff !important;
}

@media(min-width:768px) and (max-width:991px) {
  .recipe-filter-section-main .filter-modal button.apply-btn-d[b-ibr209dv13] {
    width:126px;
    height:49px;
  }
}

@media(max-width:767px) {
  .recipe-filter-section-main .filter-modal button.apply-btn-d[b-ibr209dv13] {
    width:230px;
    height:46px;
  }
}

.recipe-filter-section-main .filter-modal button.apply-btn-d[disabled][b-ibr209dv13] {
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
  opacity:.5;
}

.recipe-filter-section-main .filter-modal button.apply-btn-d[disabled]:focus[b-ibr209dv13] {
  border:solid 2px #fff !important;
}

.recipe-filter-section-main .filter-modal .header-modal button.close[b-ibr209dv13] {
  opacity:1;
}

.recipe-filter-section-main .filter-modal .modal-dialog[b-ibr209dv13] {
  margin:0;
  border-radius:0;
  border:none;
}

.recipe-filter-section-main .filter-modal .modal-dialog .modal-content[b-ibr209dv13] {
  border:none;
  border-radius:0;
  padding-bottom:30px;
}

.recipe-filter-section-main .filter-modal .modal-dialog .modal-content h3[b-ibr209dv13] {
  color:var(--wd-color-brand-red);
  font-weight:bold;
  font-size:1em;
  margin:0;
  margin-right:10px;
  font-family: var(--wd-font-body);
}

@media(max-width:991px) {
  .recipe-filter-section-main .filter-modal .modal-dialog .modal-content h3[b-ibr209dv13] {
    font-size:1.375em;
    line-height:1.27;
    letter-spacing:-.37px;
  }
}

.recipe-filter-section-main .filter-modal .modal-dialog .modal-content .modal-body[b-ibr209dv13] {
  padding-bottom:0;
}

.recipe-filter-section-main button.filter-btn[b-ibr209dv13] {
  background-color:transparent;
  border:none;
  outline:0;
  padding-left:20px;
  margin-left:-13px;
}

.recipe-filter-section-main button.filter-btn img[b-ibr209dv13] {
  height:20px;
  margin-left:-20px;
}

.recipe-filter-section-main .clear-btn-mob[b-ibr209dv13] {
  font-family: var(--wd-font-body);
  font-size:.875em;
  font-stretch:normal;
  font-style:normal;
  line-height:1.57;
  letter-spacing:-.23px;
  color:var(--wd-color-brand-red);
  border:none;
  background:none;
  text-decoration:underline;
  margin-left:10px;
}

.recipe-filter-section-main .clear-btn-mob[disabled][b-ibr209dv13] {
  color:var(--wd-color-brand-red);
  font-weight:normal;
  opacity:.5;
}

.recipe-filter-section-main .filter-accordion[b-ibr209dv13] {
  margin:10px 0;
}

.recipe-filter-section-main .filter-accordion .panel.panel-default[b-ibr209dv13] {
  border:none;
  box-shadow:none;
  margin:0;
  border-top:1px solid #96969a !important;
  border-radius:0;
}

.recipe-filter-section-main .filter-accordion .panel.panel-default:last-child[b-ibr209dv13] {
  border-bottom:1px solid #96969a !important;
}

.recipe-filter-section-main .filter-accordion .panel.panel-default .panel-heading[b-ibr209dv13] {
  background-color:transparent !important;
  border:none;
  padding:8px 0;
  margin-bottom:10px;
}

.recipe-filter-section-main .filter-accordion .panel.panel-default .panel-heading h4.panel-title[b-ibr209dv13] {
  color:var(--wd-color-brand-red);
  font-weight:bold;
  font-size:.875em;
  position:relative;
  font-family: var(--wd-font-body);
}

@media(max-width:991px) {
  .recipe-filter-section-main .filter-accordion .panel.panel-default .panel-heading h4.panel-title[b-ibr209dv13] {
    font-size:1.125em;
    line-height:1.22;
    letter-spacing:-.25px;
    color:var(--wd-color-brand-red);
    margin-top:4px;
  }
}

.recipe-filter-section-main .filter-accordion .panel.panel-default .panel-heading h4.panel-title a[b-ibr209dv13] {
  text-decoration:none;
  color:var(--wd-color-brand-red);
}

.recipe-filter-section-main .filter-accordion .panel.panel-default .panel-heading h4.panel-title a[aria-expanded="true"][b-ibr209dv13] {
  display:inline-block;
}

.recipe-filter-section-main .filter-accordion .panel.panel-default .panel-heading h4.panel-title a[aria-expanded="true"][b-ibr209dv13]::before {
  font-family:FontAwesome;
  content:"";
  position:absolute;
  right:3px;
  top:-6px;
  font-size:1.875em;
  font-weight:normal;
}

.recipe-filter-section-main .filter-accordion .panel.panel-default .panel-heading h4.panel-title a[aria-expanded="false"][b-ibr209dv13] {
  display:inline-block;
}

.recipe-filter-section-main .filter-accordion .panel.panel-default .panel-heading h4.panel-title a[aria-expanded="false"][b-ibr209dv13]::before {
  font-family:FontAwesome;
  content:"";
  position:absolute;
  right:3px;
  top:-6px;
  font-size:1.875em;
  font-weight:normal;
}

.recipe-filter-section-main .filter-accordion .panel.panel-default .panel-body[b-ibr209dv13] {
  padding:0;
}

.recipe-filter-section-main .filter-accordion .panel.panel-default .panel-body ul[b-ibr209dv13] {
  margin:0;
  padding:0;
  list-style:none;
}

@media(max-width:991px) {
  .recipe-filter-section-main .filter-accordion .panel.panel-default .panel-body ul[b-ibr209dv13] {
    margin-bottom:19px;
  }
}

.recipe-filter-section-main .clear-btn-mob[disabled][b-ibr209dv13] {
  color:#d37b8a;
}

.recipe-filter-section-main button.filter-btn[b-ibr209dv13] {
  margin-left:-36px;
}

.recipe-filter-section-main .recipes-filter .filter-link[b-ibr209dv13] {
  margin-right:-13px;
}

.recipe-filter-section-main .styled-checkbox:checked+label[b-ibr209dv13]:after {
  content:'';
  position:absolute;
  left:1px;
  top:2px;
  width:18px;
  height:18px;
  background-image:url(/Areas/V2/Images/tick.svg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

@media(max-width:991px) {
  .recipe-filter-section-main .styled-checkbox:checked+label[b-ibr209dv13]:after {
    top:0 !important;
  }
}

.recipe-overview .align-items-center[b-ibr209dv13] {
  align-items:center;
}

@media(min-width:991px) {
  .recipe-overview .mobile-only[b-ibr209dv13] {
    display:none !important;
  }
}

@media(max-width:992px) {
  .recipe-overview .webonly[b-ibr209dv13] {
    display:none !important;
  }
}

@media(min-width:767px) and (max-width:991px) {
  .recipe-overview .catgry-list button.red-border-btn.mobile-only[b-ibr209dv13] {
    display:none !important;
  }
}

.recipe-overview .insta-section .row[b-ibr209dv13] {
  margin:0 -15px;
  display:flex;
  flex-wrap:wrap;
}

@media(min-width:992px) and (max-width:1199px) {
  .recipe-filter-section-main .container[b-ibr209dv13] {
    width:970px;
    padding-right:15px;
    padding-left:15px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .recipe-filter-section-main .container[b-ibr209dv13] {
    width:750px;
    padding-right:15px;
    padding-left:15px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .recipe-filter-section-main .container[b-ibr209dv13] {
    padding-right:22px;
    padding-left:22px;
  }
}

.recipe-filter-section-main .align-items-center[b-ibr209dv13] {
  align-items:center;
}

@media(min-width:991px) {
  .recipe-filter-section-main .mobile-only[b-ibr209dv13] {
    display:none !important;
  }
}

@media(max-width:992px) {
  .recipe-filter-section-main .webonly[b-ibr209dv13] {
    display:none !important;
  }
}

@media(min-width:1200px) {
  .recipe-filter-section-main .container[b-ibr209dv13] {
    width:1170px;
    padding-right:15px;
    padding-left:15px;
  }
  .recipe-filter-section-main .inner-banner img[b-ibr209dv13] {
    width:5000px;
  }
}
/* /Components/RecipesLanding/HeroBanner.razor.rz.scp.css */
/* Moved from RecipesLanding.razor's inline <style> tag when HeroBanner got its own CSS-isolation
   scope, plus a few ancestor-qualified rules from RecipesLanding.razor.css (Blazor only scopes
   the rightmost class in a selector, so a parent-rendered ancestor class still matches). Some
   rules are duplicated verbatim across sibling components from the same page; a selector that
   doesn't match here is simply inert. */

.inner-banner img[b-ro11vrvmnu] {
    width: 100%;
}

.banner-heading[b-ro11vrvmnu] {
    width: 200px;
    height: 90px;
    font-size: 3em;
    margin-top: -15%;
    padding: 15px;
    border-radius: 10px;
    margin-left: 98px;
    background: var(--wd-color-brand-red);
    text-align: center;
    position: absolute;
    color: #fff;
    font-family: var(--wd-font-body);
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -.75px;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .banner-heading[b-ro11vrvmnu] {
        width: 160px;
        height: 74px;
        font-size: 2.375em;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .banner-heading[b-ro11vrvmnu] {
        width: 160px;
        height: 74px;
        font-size: 2.375em;
        margin-left: 18px;
    }
}

@media (min-width: 100px) and (max-width: 767px) {
    .banner-heading[b-ro11vrvmnu] {
        width: 130px;
        height: 57px;
        font-size: 1.875em;
        margin-top: -47%;
        padding: 9px;
        margin-left: 22px;
    }
}

.recipe-overview .p-0[b-ro11vrvmnu] {
  padding:0 !important;
}

.recipe-filter-section-main .p-0[b-ro11vrvmnu] {
  padding:0 !important;
}

@media(min-width:1200px) {
  .recipe-filter-section-main .container[b-ro11vrvmnu] {
    width:1170px;
    padding-right:15px;
    padding-left:15px;
  }
  .recipe-filter-section-main .inner-banner img[b-ro11vrvmnu] {
    width:5000px;
  }
}
/* /Components/RecipesLanding/MoodSection.razor.rz.scp.css */
/* Moved from the original page .razor.css when MoodSection was extracted into its own
   component. Some rules below were shared with sibling components extracted from the same
   page and are intentionally duplicated verbatim in each — a selector that doesn't match
   anything in a given component's scope is simply inert there. */

.recipe-overview .tab-only[b-ashbsn91p5] {
  display:none;
}

@media(min-width:768px) and (max-width:991px) {
  .recipe-overview .tab-only[b-ashbsn91p5] {
    display:block !important;
    margin-top:25px;
  }
}

.recipe-overview .recipes-catgry[b-ashbsn91p5] {
  margin-bottom:60px;
}

.recipe-overview .recipes-catgry h2[b-ashbsn91p5] {
  color:var(--wd-color-brand-red);
  font-weight:600;
  font-size:2.25em;
  font-weight:bold;
  font-family: var(--wd-font-body);
  letter-spacing:-.59px;
}

@media(max-width:767px) {
  .recipe-overview .recipes-catgry h2[b-ashbsn91p5] {
    font-size:20px;
  }
}

.recipe-overview .catgry-list[b-ashbsn91p5] {
  padding:30px 40px;
  border-bottom:1px solid #979797;
}

.recipe-overview .catgry-list .catgry-list-img-main[b-ashbsn91p5] {
  padding-left:15px;
  padding-right:15px;
}

@media(max-width:991px) {
  .recipe-overview .catgry-list[b-ashbsn91p5] {
    margin:0;
    padding-bottom:20px;
    padding:10px 0 13px;
    border-spacing:5px;
  }
}

@media(max-width:991px) {
  .recipe-overview .catgry-list .catgry-list-content[b-ashbsn91p5] {
    padding:0;
  }
}

@media(min-width:767px) and (max-width:991px) {
  .recipe-overview .catgry-list .catgry-list-content[b-ashbsn91p5] {
    display:flex;
    align-items:center;
  }
  .recipe-overview .catgry-list .catgry-list-content button.red-border-btn[b-ashbsn91p5] {
    margin-left:auto !important;
    display:block;
  }
}

.recipe-overview .catgry-list .catgry-list-content h3[b-ashbsn91p5] {
  font-size:1.375em;
  color:var(--wd-color-brand-red);
  font-weight:bold;
  margin-bottom:15px;
  line-height:1.18;
  letter-spacing:-.25px;
  font-family: var(--wd-font-body);
}

@media(max-width:1024px) and (min-width:767px) {
  .recipe-overview .catgry-list .catgry-list-content h3[b-ashbsn91p5] {
    font-size:1.125em;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .recipe-overview .catgry-list .catgry-list-content h3[b-ashbsn91p5] {
    font-size:1.125em;
    margin-top:10px;
  }
}

.recipe-overview .catgry-list .catgry-list-content p[b-ashbsn91p5] {
  color:var(--wd-color-text);
  font-size:1em;
  margin-bottom:15px;
}

@media(max-width:991px) and (min-width:100px) {
  .recipe-overview .catgry-list .catgry-list-content p[b-ashbsn91p5] {
    font-size:.875em;
  }
}

.recipe-overview .catgry-list .catgry-list-img[b-ashbsn91p5] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.12);
  padding:15px;
  border-radius:4px;
}

.recipe-overview .catgry-list .catgry-list-img img[b-ashbsn91p5] {
  width:100%;
  border-radius:4px;
  /* Live's tiles render as perfect squares only because its media library ships every
     recipe image pre-cropped to 828x828. Contentstack assets aren't guaranteed to match
     that convention (e.g. a raw portrait upload) — width:100% alone would stretch the
     tile taller than its neighbor. Force the square explicitly so every tile matches
     regardless of the source asset's native aspect ratio. */
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
}

@media(max-width:767px) {
  .recipe-overview .catgry-list .catgry-list-img[b-ashbsn91p5] {
    margin-bottom:20px;
  }
}

.recipe-overview .catgry-list .catgry-list-img a.item-link[b-ashbsn91p5] {
  margin-top:10px;
  display:block;
  color:var(--wd-color-brand-red);
  font-size:1em;
  text-decoration:none;
  font-weight:600;
}

.recipe-overview .catgry-list .catgry-list-img a.item-link i[b-ashbsn91p5] {
  font-size:10px;
  margin-left:6px;
}

.recipe-overview .catgry-list .catgry-list-img a.item-link .fa-chevron-right[b-ashbsn91p5] {
  margin-left:8px;
}

.recipe-overview .slider-inner-info .slider-inner-content a.item-link[b-ashbsn91p5] {
  margin-top:10px;
  display:block;
  color:var(--wd-color-brand-red);
  font-size:.875em;
  text-decoration:none;
  font-weight:600;
}

.recipe-overview .slider-inner-info .slider-inner-content a.item-link i[b-ashbsn91p5] {
  font-size:10px;
  margin-left:6px;
}

.recipe-overview .my-favorite-recipes .recipes-card .slide-btm-left .fa[b-ashbsn91p5],.recipe-overview .my-favorite-recipes .dot-cards .slide-btm-left .fa[b-ashbsn91p5] {
  margin-left:8px;
  font-weight:bold;
  font-size:18px;
}

.recipe-overview .list-all .fa[b-ashbsn91p5] {
  margin-left:8px;
  font-weight:bold;
  font-size:18px;
}

.recipe-overview .recipes-catgry h2[b-ashbsn91p5] {
  font-size:2.25em;
  color:var(--wd-color-brand-red);
  font-weight:bold;
  font-family: var(--wd-font-body);
  letter-spacing:-.59px;
}

@media(max-width:991px) {
  .recipe-overview .recipes-catgry h2[b-ashbsn91p5] {
    font-size:1.375em !important;
    line-height:1.27;
    letter-spacing:-.37px;
  }
}

.recipe-overview .recipes-catgry h2[b-ashbsn91p5] {
  font-size:2.25em;
  color:var(--wd-color-brand-red);
  font-weight:bold;
  font-family: var(--wd-font-body);
  letter-spacing:-.59px;
}

.recipe-filter-section-main .tab-only[b-ashbsn91p5] {
  display:none;
}

@media(min-width:768px) and (max-width:991px) {
  .recipe-filter-section-main .tab-only[b-ashbsn91p5] {
    display:block !important;
  }
}

.recipe-overview .main-btn[b-ashbsn91p5] {
  font-family: var(--wd-font-body);
  width:145px;
  height:49px;
  /* !important beats the global .main-btn{background-color:var(--wd-color-brand-red)!important} in app-wd.min.css;
     renders as var(--wd-color-brand-red) (rgb(200,16,46)). */
  background-color:var(--wd-color-brand-red) !important;
  border:1px solid var(--wd-color-brand-red) !important;
}

.recipe-overview .content-block-right .main-btn[b-ashbsn91p5] {
  width:173px;
  height:49px;
}

@media(min-width:100px) and (max-width:767px) {
  .recipe-overview .content-block-right .main-btn[b-ashbsn91p5] {
    width:230px;
    height:46px;
  }
}

.recipe-overview .align-items-center[b-ashbsn91p5] {
  align-items:center;
}

@media(min-width:991px) {
  .recipe-overview .mobile-only[b-ashbsn91p5] {
    display:none !important;
  }
}

@media(max-width:992px) {
  .recipe-overview .webonly[b-ashbsn91p5] {
    display:none !important;
  }
}

@media(min-width:992px) {
  .recipe-overview .d-lg-flex[b-ashbsn91p5] {
    display:flex;
  }
}

@media(min-width:767px) and (max-width:991px) {
  .recipe-overview .catgry-list button.red-border-btn.mobile-only[b-ashbsn91p5] {
    display:none !important;
  }
}

.recipe-overview .insta-section .row[b-ashbsn91p5] {
  margin:0 -15px;
  display:flex;
  flex-wrap:wrap;
}

@media(min-width:992px) and (max-width:1199px) {
  .recipe-filter-section-main .container[b-ashbsn91p5] {
    width:970px;
    padding-right:15px;
    padding-left:15px;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .recipe-filter-section-main .container[b-ashbsn91p5] {
    width:750px;
    padding-right:15px;
    padding-left:15px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .recipe-filter-section-main .container[b-ashbsn91p5] {
    padding-right:22px;
    padding-left:22px;
  }
}

.recipe-filter-section-main .main-btn[b-ashbsn91p5] {
  border:1px solid var(--wd-color-brand-red);
  background-color:#fff;
  color:var(--wd-color-brand-red);
  font-size:.875em;
  padding:5px 15px;
  min-width:120px;
  font-weight:600;
}

.recipe-filter-section-main .align-items-center[b-ashbsn91p5] {
  align-items:center;
}

@media(min-width:991px) {
  .recipe-filter-section-main .mobile-only[b-ashbsn91p5] {
    display:none !important;
  }
}

@media(max-width:992px) {
  .recipe-filter-section-main .webonly[b-ashbsn91p5] {
    display:none !important;
  }
}

@media(min-width:992px) {
  .d-lg-flex[b-ashbsn91p5] {
    display:flex;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .recipe-overview .recipes-catgry .catgry-list .catgry-list-img-main:first-child[b-ashbsn91p5] {
    padding:0;
    padding-right:15px;
  }
  .recipe-overview .recipes-catgry .catgry-list .catgry-list-img-main:last-child[b-ashbsn91p5] {
    padding:0;
    padding-left:15px;
  }
  .recipe-overview .main-btn[b-ashbsn91p5] {
    width:145px;
    height:49px;
    font-size:1.125em;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .recipe-overview .recipes-catgry .catgry-list .catgry-list-img-main[b-ashbsn91p5] {
    padding:0;
  }
  .recipe-overview .recipes-top .content-block-right[b-ashbsn91p5] {
    padding:0;
  }
  .recipe-overview .recipes-top .content-block-right .btn-content-block[b-ashbsn91p5] {
    text-align:center;
  }
}

@media(min-width:1200px) {
  .recipe-filter-section-main .container[b-ashbsn91p5] {
    width:1170px;
    padding-right:15px;
    padding-left:15px;
  }
  .recipe-filter-section-main .inner-banner img[b-ashbsn91p5] {
    width:5000px;
  }
}
/* /Components/Rewards/AppBanner.razor.rz.scp.css */
/* Moved from the original page .razor.css when AppBanner was extracted into its own
   component. Some rules below were shared with sibling components extracted from the same
   page and are intentionally duplicated verbatim in each — a selector that doesn't match
   anything in a given component's scope is simply inert there. */

.RanksAndAwards-Main .topBottomBorder .image-Container[b-1csjvvpdgt] {
  text-align:-webkit-center;
}

.RanksAndAwards-Main .topBottomBorder .image-Container .deskImg[b-1csjvvpdgt] {
  transform:translateY(-45px);
}

.RanksAndAwards-Main .topBottomBorder .image-Container .tabImg[b-1csjvvpdgt] {
  transform:translateY(-45px);
}

.RanksAndAwards-Main .topBottomBorder .titleDescriptionSection[b-1csjvvpdgt] {
  display:flex;
  align-items:center;
  padding:10px;
  height:100%;
}

.RanksAndAwards-Main .topBottomBorder .titleDescriptionSection .contentSection h2[b-1csjvvpdgt] {
  font-family: var(--wd-font-body);
  font-size:2.25em;
  font-style:normal;
  font-weight:700;
  line-height:42px;
  letter-spacing:-.59px;
  color:var(--wd-color-brand-red);
  margin:0 0 10px;
}

.RanksAndAwards-Main .topBottomBorder .titleDescriptionSection .contentSection p[b-1csjvvpdgt] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-style:normal;
  font-weight:400;
  line-height:22px;
  letter-spacing:-.222px;
}

@media(min-width:768px) and (max-width:991px) {
  .RanksAndAwards-Main .topBottomBorder[b-1csjvvpdgt] {
    height:174px;
    width:90%;
  }
  .RanksAndAwards-Main .topBottomBorder .image-Container[b-1csjvvpdgt] {
    text-align:-webkit-center;
  }
  .RanksAndAwards-Main .topBottomBorder .image-Container .tabImg[b-1csjvvpdgt] {
    transform:translateY(-20px);
  }
  .RanksAndAwards-Main .topBottomBorder .titleDescriptionSection[b-1csjvvpdgt] {
    display:flex;
    align-items:center;
    padding:10px;
    height:100%;
  }
  .RanksAndAwards-Main .topBottomBorder .titleDescriptionSection .contentSection[b-1csjvvpdgt] {
    padding-left:20px;
  }
  .RanksAndAwards-Main .topBottomBorder .titleDescriptionSection .contentSection h2[b-1csjvvpdgt] {
    font-family: var(--wd-font-body);
    font-size:1.625em;
    font-style:normal;
    font-weight:700;
    line-height:34px;
    letter-spacing:-.59px;
    color:var(--wd-color-brand-red);
  }
}

@media(min-width:992px) and (max-width:1024px) {
  .RanksAndAwards-Main .topBottomBorder .image-Container[b-1csjvvpdgt] {
    text-align:-webkit-center;
  }
  .RanksAndAwards-Main .topBottomBorder .image-Container .tabImg[b-1csjvvpdgt] {
    transform:translateY(-30px);
  }
  .RanksAndAwards-Main .topBottomBorder titleDescriptionSection[b-1csjvvpdgt] {
    padding-left:25px;
  }
  .RanksAndAwards-Main .topBottomBorder titleDescriptionSection .contentSection[b-1csjvvpdgt] {
    padding-left:25px;
  }
  .RanksAndAwards-Main .topBottomBorder titleDescriptionSection .contentSection h2[b-1csjvvpdgt] {
    font-size:2.25em;
    line-height:42px;
    letter-spacing:-.59px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .RanksAndAwards-Main[b-1csjvvpdgt] {
    padding:0 !important;
    z-index:0;
    position:relative;
  }
  .RanksAndAwards-Main .topBottomBorder[b-1csjvvpdgt] {
    width:85%;
    border-top:0;
    border-bottom:0;
    height:auto;
    padding:0;
    text-align:center;
  }
  .RanksAndAwards-Main .topBottomBorder .titleDescriptionSection[b-1csjvvpdgt] {
    flex-direction:column;
    margin-top:-65px;
    margin-bottom:45px;
  }
  .RanksAndAwards-Main .topBottomBorder .titleDescriptionSection .mobImageContainer[b-1csjvvpdgt] {
    display:flex !important;
    justify-content:center;
    z-index:2;
  }
  .RanksAndAwards-Main .topBottomBorder .titleDescriptionSection .mobImageContainer .mobImg[b-1csjvvpdgt] {
    transform:translateY(95px);
  }
  .RanksAndAwards-Main .topBottomBorder .titleDescriptionSection .contentSection[b-1csjvvpdgt] {
    border-top:3px solid var(--wd-color-bread);
    border-bottom:3px solid var(--wd-color-bread);
    padding-top:95px;
    z-index:1;
    margin-top:10px;
    margin-bottom:20px;
    padding-bottom:20px;
  }
  .RanksAndAwards-Main .topBottomBorder .titleDescriptionSection .contentSection h2[b-1csjvvpdgt] {
    font-size:1.375em;
    line-height:30px;
    letter-spacing:-.31px;
  }
  .RanksAndAwards-Main .topBottomBorder .titleDescriptionSection .contentSection p[b-1csjvvpdgt] {
    font-size:1em;
  }
}

.RewardsAppSection[b-1csjvvpdgt] {
  padding:130px 0 60px 0;
}

@media(min-width:100px) and (max-width:767px) {
  .RewardsAppSection[b-1csjvvpdgt] {
    padding:0;
  }
}

.RewardsAppSection .bannerBG[b-1csjvvpdgt] {
  margin:0 auto;
  width:85%;
  max-width:1200px;
  border-radius:60px;
  height:402px;
  background-color:var(--wd-color-brand-red);
}

@media(min-width:100px) and (max-width:767px) {
  .RewardsAppSection .bannerBG[b-1csjvvpdgt] {
    width:85%;
    border-radius:0;
    height:auto;
    padding:0;
    background-color:#fff;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .RewardsAppSection .bannerBG[b-1csjvvpdgt] {
    width:90%;
  }
}

@media(min-width:100px) and (max-width:881px) {
  .RewardsAppSection .bannerBG[b-1csjvvpdgt] {
    height:auto;
  }
}

@media(min-width:880px) and (max-width:1110px) {
  .RewardsAppSection .bannerBG[b-1csjvvpdgt] {
    height:424px;
  }
}

.RewardsAppSection .bannerBG .image-Container[b-1csjvvpdgt] {
  text-align:-webkit-center;
  height:inherit;
}

.RewardsAppSection .bannerBG .image-Container .deskImg[b-1csjvvpdgt] {
  transform:translateY(-95px);
}

.RewardsAppSection .bannerBG .image-Container .tabImg[b-1csjvvpdgt] {
  transform:translateY(-61px);
}

@media(min-width:768px) and (max-width:880px) {
  .RewardsAppSection .bannerBG .image-Container .tabImg[b-1csjvvpdgt] {
    transform:translateY(0);
  }
}

@media(min-width:881px) and (max-width:1030px) {
  .RewardsAppSection .bannerBG .image-Container .tabImg[b-1csjvvpdgt] {
    transform:translateY(-41px);
  }
}

.RewardsAppSection .bannerBG .titleDescriptionSection[b-1csjvvpdgt] {
  display:flex;
  align-items:center;
  padding:10px;
  height:100%;
}

@media(min-width:100px) and (max-width:767px) {
  .RewardsAppSection .bannerBG .titleDescriptionSection[b-1csjvvpdgt] {
    flex-direction:column;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .RewardsAppSection .bannerBG .titleDescriptionSection[b-1csjvvpdgt] {
    padding:10px 0;
  }
}

.RewardsAppSection .bannerBG .titleDescriptionSection .contentSection[b-1csjvvpdgt] {
  max-width:90%;
  margin-left:40px;
}

@media(min-width:768px) and (max-width:991px) {
  .RewardsAppSection .bannerBG .titleDescriptionSection .contentSection[b-1csjvvpdgt] {
    margin-left:25px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .RewardsAppSection .bannerBG .titleDescriptionSection .contentSection[b-1csjvvpdgt] {
    margin:0 auto;
    padding-top:175px;
    z-index:1;
    margin-top:10px;
    margin-bottom:20px;
    padding-bottom:20px;
    background-color:var(--wd-color-brand-red);
    border-radius:60px;
    padding-left:20px;
    padding-right:20px;
  }
}

.RewardsAppSection .bannerBG .titleDescriptionSection .contentSection h2[b-1csjvvpdgt] {
  font-family: var(--wd-font-body);
  font-size:2.25em;
  font-style:normal;
  font-weight:700;
  line-height:42px;
  letter-spacing:-.59px;
  color:#fff;
  margin:0 0 18px 0;
}

@media(min-width:100px) and (max-width:767px) {
  .RewardsAppSection .bannerBG .titleDescriptionSection .contentSection h2[b-1csjvvpdgt] {
    font-size:1.375em;
    line-height:30px;
    letter-spacing:-.31px;
  }
}

@media(min-width:768px) and (max-width:1024px) {
  .RewardsAppSection .bannerBG .titleDescriptionSection .contentSection h2[b-1csjvvpdgt] {
    margin:15px 0;
    font-size:2em;
  }
}

.RewardsAppSection .bannerBG .titleDescriptionSection .contentSection p[b-1csjvvpdgt] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-style:normal;
  font-weight:400;
  line-height:22px;
  letter-spacing:-.222px;
  color:#fff;
}

@media(min-width:100px) and (max-width:767px) {
  .RewardsAppSection .bannerBG .titleDescriptionSection .contentSection p[b-1csjvvpdgt] {
    font-size:1em;
  }
}

.RewardsAppSection .bannerBG .titleDescriptionSection .contentSection ul.appSec-points[b-1csjvvpdgt] {
  padding-left:15px;
  line-height:22px;
  letter-spacing:-.222px;
  font-size:1.125em;
}

@media(min-width:100px) and (max-width:767px) {
  .RewardsAppSection .bannerBG .titleDescriptionSection .contentSection ul.appSec-points[b-1csjvvpdgt] {
    font-size:1em;
  }
}

.RewardsAppSection .bannerBG .titleDescriptionSection .contentSection ul.appSec-points li[b-1csjvvpdgt] {
  list-style:disc;
  color:#fff;
}

.RewardsAppSection .bannerBG .titleDescriptionSection .contentSection .appdownload-Links[b-1csjvvpdgt] {
  margin-top:32px;
}

.RewardsAppSection .bannerBG .titleDescriptionSection .contentSection .appdownload-Links ul[b-1csjvvpdgt] {
  list-style:none;
  display:inline-flex;
  padding:0;
  margin:0;
}

.RewardsAppSection .bannerBG .titleDescriptionSection .contentSection .appdownload-Links ul .btn-align-right[b-1csjvvpdgt] {
  margin-left:12px;
  padding:0;
}

.RewardsAppSection .bannerBG .titleDescriptionSection .contentSection .appdownload-Links ul .btn-align-left[b-1csjvvpdgt] {
  margin-right:12px;
  padding:0;
}

@media(min-width:100px) and (max-width:767px) {
  .RewardsAppSection .bannerBG .titleDescriptionSection .contentSection .appdownload-Links ul[b-1csjvvpdgt] {
    flex-direction:column;
    align-items:center;
    width:-webkit-fill-available;
  }
  .RewardsAppSection .bannerBG .titleDescriptionSection .contentSection .appdownload-Links ul .btn-align-right[b-1csjvvpdgt] {
    margin-left:0;
    padding:0;
    margin-bottom:10px;
    display:flex;
    justify-content:center;
  }
  .RewardsAppSection .bannerBG .titleDescriptionSection .contentSection .appdownload-Links ul .btn-align-left[b-1csjvvpdgt] {
    margin-right:0;
    padding:0;
    margin-bottom:10px;
    display:flex;
    justify-content:center;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .RewardsAppSection .bannerBG .titleDescriptionSection .mobImageContainer[b-1csjvvpdgt] {
    display:flex !important;
    justify-content:center;
    z-index:2;
    margin-top:-200px;
  }
  .RewardsAppSection .bannerBG .titleDescriptionSection .mobImageContainer .mobImg[b-1csjvvpdgt] {
    transform:translateY(170px);
  }
}
/* /Components/Rewards/BenefitCards.razor.rz.scp.css */
/* Moved from the original page .razor.css when BenefitCards was extracted into its own
   component. Some rules below were shared with sibling components extracted from the same
   page and are intentionally duplicated verbatim in each — a selector that doesn't match
   anything in a given component's scope is simply inert there. */

.member-rewards[b-yl24ea7rrv] {
  position:relative;
  z-index:1;
}

.member-rewards .member-section[b-yl24ea7rrv] {
  width:95%;
  margin:0 auto;
  max-width:1200px;
}

.member-rewards .member-section .member-head h2[b-yl24ea7rrv] {
  font-family: var(--wd-font-body);
  font-size:2.25em;
  font-weight:700;
  line-height:42px;
  letter-spacing:-.5899999737739563px;
  text-align:center;
  color:var(--wd-color-brand-red);
  margin:48px 0 32px 0;
}

@media(min-width:100px) and (max-width:767px) {
  .member-rewards .member-section .member-head h2[b-yl24ea7rrv] {
    font-size:1.375em;
    margin:auto;
    margin-top:32px;
  }
}

.member-rewards .member-section .member-para[b-yl24ea7rrv] {
  text-align:center;
}

@media(min-width:767px) and (max-width:991px) {
  .member-rewards .member-section .member-para[b-yl24ea7rrv] {
    margin:auto;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .member-rewards .member-section .member-para[b-yl24ea7rrv] {
    display:flex;
    justify-content:center;
  }
}

.member-rewards .member-section .member-para .member-slide[b-yl24ea7rrv] {
  padding:15px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}

.member-rewards .member-section .member-para .member-slide .member-box-border[b-yl24ea7rrv] {
  display:flex;
  flex-direction:column;
  align-items:center;
  box-shadow:0 41px 89px 0 rgba(0,0,0,.05),0 0 89px 0 rgba(0,0,0,.05);
  padding:40px 16px;
  min-width:357px;
  max-width:384px;
  border-radius:32px;
  min-height:334px;
}

@media(min-width:391px) and (max-width:767px) {
  .member-rewards .member-section .member-para .member-slide .member-box-border[b-yl24ea7rrv] {
    padding:17px 16px 32px;
    min-width:342px;
    max-width:342px;
    border-radius:32px;
    min-height:242px;
  }
}

@media(min-width:100px) and (max-width:390px) {
  .member-rewards .member-section .member-para .member-slide .member-box-border[b-yl24ea7rrv] {
    padding:17px 16px 32px;
    min-width:auto;
    max-width:auto;
    border-radius:32px;
    min-height:242px;
  }
}

.member-rewards .member-section .member-para .member-slide .member-box-border .member-img[b-yl24ea7rrv] {
  width:auto;
  height:76px;
}

@media(min-width:100px) and (max-width:767px) {
  .member-rewards .member-section .member-para .member-slide .member-box-border .member-img[b-yl24ea7rrv] {
    width:60px;
    max-width:100%;
    max-height:100%;
    margin:auto;
    height:56px;
  }
}

.member-rewards .member-section .member-para h3[b-yl24ea7rrv] {
  font-size:1.375em;
  color:var(--wd-color-text);
  font-family: var(--wd-font-body);
  font-weight:700;
  line-height:30px;
  letter-spacing:-.3055555522441864px;
  text-align:center;
  margin:24px 0 32px 0;
}

@media(min-width:100px) and (max-width:991px) {
  .member-rewards .member-section .member-para h3[b-yl24ea7rrv] {
    font-size:1.125em;
  }
}

.member-rewards .member-section .member-para p[b-yl24ea7rrv] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  line-height:22px;
  letter-spacing:-.2222222238779068px;
  text-align:center;
  color:var(--wd-color-text);
}

@media(min-width:100px) and (max-width:767px) {
  .member-rewards .member-section .member-para p[b-yl24ea7rrv] {
    font-size:1em;
  }
}

.member-rewards .sliderXS[b-yl24ea7rrv] {
  width:500px;
  height:325px;
}

@media(min-width:100px) and (max-width:500px) {
  .member-rewards .topSlider.sliderXS[b-yl24ea7rrv] {
    width:-webkit-fill-available;
  }
}

@media(min-width:100px) and (max-width:350px) {
  .member-rewards .topSlider .slider .item img[b-yl24ea7rrv] {
    width:200px;
  }
}

.AccordionWithImage-Main .text-center .main-btn[b-yl24ea7rrv],.AccordionWithImage-Main .text-center .main-btn:focus[b-yl24ea7rrv],.AccordionWithImage-Main .text-center .main-btn:link[b-yl24ea7rrv],.AccordionWithImage-Main .text-center .main-btn:visited[b-yl24ea7rrv] {
  padding:12px 20px 12px 20px;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
}

.RefreshRewards-Header .Header-image .Desk-app[b-yl24ea7rrv] {
  height:100%;
}

.RefreshRewards-Header .RefreshRewards-Btn[b-yl24ea7rrv] {
  margin-top:31px;
  padding-bottom:30px;
}

@media(min-width:100px) and (max-width:767px) {
  .RefreshRewards-Header .RefreshRewards-Btn[b-yl24ea7rrv] {
    margin:25px auto 30px auto;
    display:table;
    padding-bottom:15px;
    margin-bottom:5px;
  }
  .RefreshRewards-Header .RefreshRewards-Btn.Get-acct[b-yl24ea7rrv] {
    padding-bottom:45px;
  }
}

@media(min-width:992px) and (max-width:1199px) {
  .RefreshRewards-Header .RefreshRewards-Btn[b-yl24ea7rrv] {
    padding-bottom:0;
  }
}

.RefreshRewards-Header .RefreshRewards-Btn .btn-refresh-rewards[b-yl24ea7rrv] {
  padding:11px 10px;
  height:48px;
  width:246px;
  border-radius:4px;
}

@media(min-width:768px) and (max-width:991px) {
  .RefreshRewards-Header .RefreshRewards-Btn .btn-refresh-rewards[b-yl24ea7rrv] {
    font-size:1.125em;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .RefreshRewards-Header .RefreshRewards-Btn .btn-refresh-rewards[b-yl24ea7rrv] {
    font-size:1.125em;
  }
}

.winn-rewards .winn-section .RefreshRewards-Btn[b-yl24ea7rrv] {
  margin:auto;
  display:table;
  margin-bottom:12px;
}

@media(min-width:100px) and (max-width:767px) {
  .winn-rewards .winn-section .RefreshRewards-Btn[b-yl24ea7rrv] {
    margin-top:-30px;
    margin-bottom:25px;
  }
}

.winn-rewards .winn-section .RefreshRewards-Btn .btn-refresh-rewards[b-yl24ea7rrv] {
  padding:11px 10px;
  width:246px;
}

@media(min-width:768px) and (max-width:991px) {
  .winn-rewards .winn-section .RefreshRewards-Btn .btn-refresh-rewards[b-yl24ea7rrv] {
    font-size:1.125em;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .winn-rewards .winn-section .RefreshRewards-Btn .btn-refresh-rewards[b-yl24ea7rrv] {
    font-size:1.125em;
  }
}

.App-rewards__section .app-reward-main .Header-image .Desk-app[b-yl24ea7rrv] {
  float:right;
}

.member-rewards .member-section .RefreshRewards-Btn[b-yl24ea7rrv] {
  margin:48px 0 24px 0;
  text-align:center;
}

@media(min-width:100px) and (max-width:767px) {
  .member-rewards .member-section .RefreshRewards-Btn[b-yl24ea7rrv] {
    margin:30px 0 24px 0;
    text-align:center;
    z-index:1;
    position:relative;
  }
}

.member-rewards .member-section .RefreshRewards-Btn .btn-refresh-rewards[b-yl24ea7rrv] {
  padding:11px 10px;
  width:246px;
}

@media(min-width:768px) and (max-width:991px) {
  .member-rewards .member-section .RefreshRewards-Btn .btn-refresh-rewards[b-yl24ea7rrv] {
    font-size:1.125em;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .member-rewards .member-section .RefreshRewards-Btn .btn-refresh-rewards[b-yl24ea7rrv] {
    font-size:1.125em;
  }
}


/* ---- Rules restored from live's own bundle ------------------------------------------------
   These 11 selectors are in live's _refreshRewards-wd bundle for this section but were absent
   from this file — dropped when the global bundle was split into per-component scoped CSS.
   Re-added so the port is complete, token-swapped like the rest of the file.

   Six are the xs slick-slider rules (.topSlider ...) which style the mobile-breakpoint
   duplicate of these cards, and do real work at that width.

   Five are .RefreshRewards-login rules. Those match nothing today and are inert: live's own
   signed-out markup renders only the CTA in this section, no login prompt (verified against
   live's HTML) — they appear to be a copy of the hero's styling that this section never used.
   Kept anyway rather than silently omitted, so the port stays a faithful copy of live and the
   rules are already in place if a prompt is ever added here. */
.member-rewards .member-section .RefreshRewards-login[b-yl24ea7rrv]  {
  display:table;
  margin:auto;
}
.member-rewards .member-section .RefreshRewards-login a[b-yl24ea7rrv]  {
  color:var(--wd-color-brand-red);
  cursor:pointer;
  text-decoration:underline;
}
.member-rewards .member-section .RefreshRewards-login a:hover[b-yl24ea7rrv]  {
  font-weight:600;
}
.member-rewards .member-section .RefreshRewards-login .RefreshRewards-logindescr[b-yl24ea7rrv]  {
  margin-bottom:30px;
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.27px;
  color:var(--wd-color-text);
  padding-bottom:0;
  display:inline-flex;
}
@media(min-width:100px) and (max-width:991px)  {
  .member-rewards .member-section .RefreshRewards-login .RefreshRewards-logindescr[b-yl24ea7rrv]  {
    font-size:1em;
  }
}
/* ---- xs slick-slider rules -----------------------------------------------------------------
   Every .slick-* element below is generated at runtime by _slick.min.js, so none of them carry
   this stylesheet's Blazor scope attribute and each needs ::deep — without it Blazor compiles
   e.g. `.slick-track` to `.slick-track[b-hash]`, which matches nothing. That is exactly what had
   happened: measured against live at 390px, our .slick-track and .slick-slide computed
   display:block where live has flex, and our slides were 371px wide against live's 341px —
   the 30px being the `margin:0 15px` below, which could never apply. ::deep is anchored on
   .topSlider (rendered by this component, so it does carry the attribute).

   The ::deep sits at each selector's first slick-generated element, which keeps the selector
   STRUCTURE identical to live's — deliberately, because two of these are dead on live and must
   stay dead here. slick adds both `slick-initialized` and `slick-slider` to the element it was
   called on, i.e. .topSlider itself, so live's `.topSlider .slick-initialized .slick-slide` and
   `.topSlider .slick-slider .slick-track` both ask for a DESCENDANT carrying those classes and
   never match. Rewriting them as `.topSlider.slick-initialized ...` would "fix" them into
   applying and change the rendering away from live: the height:370px would start fighting the
   height:500px that .sliderXS legitimately sets. Left as faithful no-ops. */
.member-rewards .topSlider[b-yl24ea7rrv]  .slick-initialized .slick-slide  {
  display:flex !important;
  justify-content:center;
}
.member-rewards .topSlider[b-yl24ea7rrv]  .slick-slider .slick-track  {
  height:370px;
  display:flex;
  z-index:0;
}
.member-rewards .topSlider[b-yl24ea7rrv]  .slick-dots li button::before  {
  color:#d9d9d9;
}
.member-rewards .topSlider[b-yl24ea7rrv]  .slick-dots li.slick-active button::before  {
  color:var(--wd-color-text) !important;
}
.member-rewards .topSlider[b-yl24ea7rrv]  .slick-dots li button::before  {
  font-size:15px;
}
.member-rewards .topSlider[b-yl24ea7rrv]  .slick-slide  {
  margin:0 15px;
  display:flex !important;
  justify-content:center;
}
.member-rewards .topSlider.sliderXS[b-yl24ea7rrv]  .slick-track  {
  height:500px;
  display:flex;
}

/* ---- Equal-height cards ---------------------------------------------------------------------
   The one deliberate deviation from live's CSS in this file, and it exists to reproduce live's
   LAYOUT rather than its stylesheet.

   Live's cards all come out at exactly 364px, so its two rows sit flush. Ours didn't: the third
   card's title ("Earn more with percent back offers") fits on one 30px line in live's Asap but
   wraps to two in the rebrand's WD Shopper — same 338px width, same 22px size, same text — which
   made that one card 26px taller. Because .member-slide is floated, a float row takes the height
   of its tallest member, so row two was pushed down by that 26px and a ragged gap opened between
   the two rows that live doesn't have.

   Raising min-height to the tallest real card equalises all six, closing the gap. Live's own
   334px value is kept in the rule above and only the desktop breakpoint is overridden, so the
   tablet/mobile rules that follow live exactly are untouched.

   This is compensation for the font swap, not a porting fix — if the brand font or this copy
   changes, re-measure. The alternative fixes were reverting the page to Asap (a sitewide rebrand
   reversal) or shortening CMS copy to fit, neither of which is ours to decide. */
@media (min-width: 992px) {
    .member-rewards .member-section .member-para .member-slide .member-box-border[b-yl24ea7rrv] {
        min-height: 360px;
    }
}
/* /Components/Rewards/ChatbotWidget.razor.rz.scp.css */
/* Chatbot widget styling. Renders on /rewards and /about/contact (via PageSections).

   SOURCE OF TRUTH: live authors this widget's stylesheet in the CMS itself — the /rewards
   "page_content"/"RewardsPage" datasource's `pagetext_css` field (a <style> block, 10.8KB,
   34 rules). Every rule below is that field's, ported 1:1 with two deliberate classes of
   change, both recorded inline where they occur:
     1. Colors and fonts go through the brand tokens, NOT live's literals. Live still authors the
        pre-rebrand red and the legacy Asap/Segoe UI stacks; _wd-colors.scss:15 records the client
        email that retires that red (first entry in its list) into --wd-color-brand-red, and
        _wd-typography.scss:15 records the "no legacy-font fallback" direction that retires Asap
        into --wd-font-body. Matching live's literals here would revert both, and
        check-before-commit.sh's retired-literal guard would reject them anyway. Out-of-scope
        literals per that same email (functional/status colors and third-party experiences) keep
        live's exact value: the #ff0000 hover, WebChat's #337ab7 link blue, #666 and #2c2c2c
        (neither gray is in the retired list).
     2. #webchat's descendants need ::deep — see that section's comment.

   Scoping: this stylesheet is scoped, so a selector only matches elements Blazor itself renders.
   That is why the widget stays real markup instead of a MarkupString of the authored HTML, and
   why the three header glyphs are colored via the buttons rather than the svg (see below).

   NOT ported from pagetext_css, each verified individually rather than assumed:
     - .chat-alert-dot and its @keyframes blink/glow. No element carries that class in live's own
       authored markup, and querySelector('.chat-alert-dot') on live returns null — dead on live.
     - @keyframes floatIn. No selector in the field references it.
     - -webkit-/-moz-/-o- prefixed `transition` on .chatBtn. Live's own computed value is
       "background-color 0.2s ease-out" from the unprefixed longhand; -moz-/-o- have not been
       needed for years and add nothing measurable.
   .Chatbot-icon and #iFrameTest came from inline style="..." attributes on the authored markup
   (same values, verified against live's computed styles). */

.Chatbot-icon[b-qd620ukbf6] {
    cursor: pointer;
    width: 80px;
    margin: 0 auto;
    position: fixed;
    z-index: 9999;
    bottom: 40px;
    right: 40px;
    max-width: 416px;
    margin-right: 16px;
    padding: 0;
    box-shadow: 0 41px 89px 0 rgba(0, 0, 0, .05), 0 0 89px 0 rgba(0, 0, 0, .05);
    border-radius: 50%;
}

#iFrameTest[b-qd620ukbf6] {
    display: none;
    height: 480px;
    margin: 0 auto;
    position: fixed;
    z-index: 9999;
    bottom: 126px;
    right: 40px;
    max-width: 416px;
    margin-right: 16px;
    padding: 0;
    border-radius: 14px;
}

/* ---- Launcher prompt bubble ----------------------------------------------------------------
   Dormant on live as well as here: it ships opacity:0 / translateY(20px) and only becomes
   visible with .show, which nothing on live adds (verified — live computes opacity:0 and
   querySelector('#chat-prompt.show') is null there too). Ported in full, .show included, so the
   reveal works identically if either side's JS ever starts adding it.
   pointer-events:none is ours and has no counterpart on live, deliberately: an opacity:0 bubble
   is still a hit-target, so live's computed pointer-events:auto leaves an invisible ~250x60
   click-blocker just above the launcher icon. Nothing to match there. */
#chat-prompt[b-qd620ukbf6] {
    position: fixed;
    bottom: 137px;
    right: 51px;
    background: #ffffff;
    border-left: 5px solid var(--wd-color-brand-red);
    border-bottom: 2px solid var(--wd-color-brand-red);
    border-radius: 12px;
    padding: 14px 18px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    display: flex;
    align-items: center;
    z-index: 9999;
    font-family: var(--wd-font-body);
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
    pointer-events: none;
}

#chat-prompt.show[b-qd620ukbf6] {
    opacity: 1;
    transform: translateY(0);
}

/* The bubble's downward caret. content is U+F0D7 (Font Awesome 5 Free "caret-down") — a Private
   Use Area codepoint, so it looks like an empty string in most editors and diffs but is a real
   26px glyph on live. The face is declared site-wide in _app-wd-legacy-content.scss with
   wwwroot/bundles/webfonts/fa-solid-900.woff2 behind it, so it resolves on both routes. */
#chat-prompt[b-qd620ukbf6]:before {
    border: none;
    font-family: "Font Awesome 5 Free";
    content: "\f0d7";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    color: var(--wd-color-brand-red);
    position: absolute;
    bottom: -4px;
    right: 35px;
    margin: 0 auto;
    z-index: 100;
    line-height: 0;
    font-size: 26px;
}

.chat-pubble-content[b-qd620ukbf6] {
    display: flex;
    align-items: center;
    gap: 12px;
    animation: pulse-b-qd620ukbf6 2s infinite;
}

.chat-emoji[b-qd620ukbf6] {
    font-size: 30px;
    display: inline-block;
    animation: robotBounce-b-qd620ukbf6 2s ease-in-out infinite;
}

.chat-title[b-qd620ukbf6] {
    font-weight: bold;
    font-size: 16px;
    color: #2c2c2c;
    display: flex;
    align-items: center;
    gap: 6px;
}

.chat-subtext[b-qd620ukbf6] {
    font-size: 13px;
    color: #666;
}

.chat-close[b-qd620ukbf6] {
    background: none;
    border: none;
    font-size: 16px;
    margin-left: 10px;
    cursor: pointer;
    color: #2c2c2c;
}

@keyframes pulse-b-qd620ukbf6 {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.03); }
}

@keyframes robotBounce-b-qd620ukbf6 {
    0% { transform: translateY(0) rotate(0deg); }
    25% { transform: translateY(-2px) rotate(-3deg); }
    50% { transform: translateY(2px) rotate(3deg); }
    75% { transform: translateY(-2px) rotate(-2deg); }
    100% { transform: translateY(0) rotate(0deg); }
}

/* ---- Panel banner ------------------------------------------------------------------------- */
#webchat-banner[b-qd620ukbf6] {
    align-items: center;
    background-color: var(--wd-color-brand-red);
    display: flex;
    height: 50px;
    padding: 0 20px;
    justify-content: space-between;
    border-radius: 15px 15px 0 0;
}

#webchat-banner h1[b-qd620ukbf6] {
    color: #FFFFFF;
    font-family: var(--wd-font-body);
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.22px;
    margin: 0;
}

/* Both confirm modals are nested INSIDE #webchat-banner (live's authored markup puts them there
   too), so the 28px round-icon-button rule must never be written as `#webchat-banner button` —
   that also matches the four .chatBtn buttons in the two modal footers, and an id beats
   `.chatbotModel .chatBtn`, so their width/height/border-radius all lose. Measured before this
   was split back out to live's own two selectors: the modal Yes/No buttons computed
   28x28 / border-radius:50% against live's 80px / 6px, i.e. text-overflowing circles. */
#webchat-banner .header-content-close-btn[b-qd620ukbf6],
button.chatClosebtn[b-qd620ukbf6] {
    background-color: inherit;
    border-radius: 50%;
    overflow: hidden;
    padding: 3px;
    width: 28px;
    height: 28px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

#webchat-banner .header-content-close-btn:hover[b-qd620ukbf6],
#webchat-banner .chatClosebtn:hover[b-qd620ukbf6] {
    background-color: #ff0000;
}

/* Moved from inline style="..." attributes on the authored markup's header action row. */
.webchat-header-actions[b-qd620ukbf6] {
    display: flex;
}

.header-content-close-btn[b-qd620ukbf6] {
    margin-right: 5px;
}

/* The three header glyphs are white on the red banner.
   Set on the BUTTONS, not on the svg: the svgs render as MarkupStrings (const strings in the
   code-behind), so Blazor never stamps this stylesheet's scope attribute on them and a rule
   targeting .webchat-svg-icon directly could never match. The buttons ARE Blazor-rendered, so the
   scoped rule applies there, and `color` is inherited — which is exactly what the paths'
   fill="currentColor" resolves against. Without this they inherited the default dark text colour
   and were invisible on the banner. */
.header-content-close-btn[b-qd620ukbf6],
.chatClosebtn[b-qd620ukbf6] {
    color: #FFFFFF;
}

/* Belt and braces for the glyph itself, via ::deep so it reaches MarkupString content (a plain
   scoped selector would not). Authored as rgb(244,241,241) on live; white here to match the
   banner's own h1, which is #FFFFFF. */
[b-qd620ukbf6] .webchat-svg-icon {
    color: #FFFFFF;
}

/* ---- Panel body (third-party WebChat DOM) --------------------------------------------------
   #webchat's contents are rendered at runtime by Microsoft Bot Framework WebChat, a third-party
   CDN React bundle (wwwroot/js/chatbot.js) — same situation as Google Maps on Locator.razor.
   Blazor rewrites a scoped selector by appending its scope attribute to the selector's SUBJECT,
   so `#webchat p` would compile to `#webchat p[b-hash]` and match nothing: WebChat's generated
   elements carry no scope attribute. Every rule whose subject is inside #webchat therefore needs
   ::deep, which moves the attribute onto #webchat (Blazor-rendered, so it does carry it) and
   leaves the descendant part alone.
   These 10 rules previously existed only in wwwroot/css/pages/about_contact.css, which
   DynamicPage.razor.cs:121 loads for /about/contact alone — so the whole WebChat panel was
   unstyled on /rewards. Owning them here covers both routes wherever the widget renders. */
#webchat[b-qd620ukbf6] {
    height: calc(100% - 50px); /* Leave room for the banner header */
    overflow: hidden;
    position: absolute;
    top: 50px; /* Display below the banner header */
    width: 100%;
    border-radius: 0 0 15px 15px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 41px 20px 0px, rgba(0, 0, 0, 0.05) 0px 0px 20px 0px;
}

#webchat[b-qd620ukbf6]  a {
    color: #337ab7;
    cursor: pointer;
    white-space: nowrap;
}

/* Controls styling of webchat text elements */
#webchat[b-qd620ukbf6]  p,
#webchat[b-qd620ukbf6]  span,
#webchat[b-qd620ukbf6]  ol,
#webchat[b-qd620ukbf6]  ol li,
#webchat[b-qd620ukbf6]  input {
    font-family: var(--wd-font-body);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.23px;
    color: var(--wd-color-text);
}

/* Timestamp. --wd-color-text-muted, not --wd-color-text: this is one of the two roles that token
   exists for (see _wd-colors.scss's text-muted comment — the rebrand's gray collapse had flatted
   the timestamp and the send-box placeholder to full-weight body text). That token's default is
   also the exact gray live authors for this rule, so this matches live precisely rather than
   approximately — verified by measuring both sides. */
#webchat[b-qd620ukbf6]  .webchat__stacked-layout__status span {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.17px;
    color: var(--wd-color-text-muted);
}

/* Suggested actions */
#webchat[b-qd620ukbf6]  span.webchat__suggested-actions__button-text {
    color: var(--wd-color-brand-red);
    font-weight: bold;
}

/* Prevents parent page input/button color style from applying */
#webchat[b-qd620ukbf6]  input,
#webchat[b-qd620ukbf6]  button {
    outline: none !important;
}

/* Override parent header style */
#webchat[b-qd620ukbf6]  header {
    position: static;
}

/* Override parent page ordered list style */
#webchat[b-qd620ukbf6]  ol,
#webchat[b-qd620ukbf6]  ol li {
    list-style-type: decimal;
    margin-left: 10px;
}

/* Login Button */
#webchat[b-qd620ukbf6]  .ac-pushButton {
    background-color: var(--wd-color-brand-red);
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 6px;
    border: 1px solid var(--wd-color-brand-red);
}

/* Input placeholder text — see the timestamp rule above on --wd-color-text-muted. */
#webchat[b-qd620ukbf6]  ::placeholder {
    font-family: var(--wd-font-body);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.23px;
    color: var(--wd-color-text-muted);
}

/* Arrow icon for suggested options */
#webchat[b-qd620ukbf6]  .react-film__flipper__body {
    background-color: var(--wd-color-brand-red);
}

/* WebChat's screen-reader-only keyboard help text. Also third-party DOM, so also ::deep. */
#webchat[b-qd620ukbf6]  [class^="webchat__keyboard-help__"],
#webchat[b-qd620ukbf6]  [class*=" webchat__keyboard-help__"] {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    white-space: nowrap;
}

/* ---- Confirm modals ------------------------------------------------------------------------
   Blazor-owned static markup, so no ::deep needed. display:none is ours — Bootstrap's own
   .modal does that on live; these carry .modal too, but the scoped rule keeps them hidden even
   if the Bootstrap CSS for it is ever not on the page. */
.chatbotModel[b-qd620ukbf6] {
    display: none;
    position: absolute !important;
    z-index: 6000;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background-color: var(--modal-overlay-bgcolor);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    opacity: inherit;
}

.chatbotModel .chatInitial[b-qd620ukbf6] {
    position: absolute !important;
    z-index: 6000;
    height: 100%;
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: inherit;
    background-color: var(--modal-overlay-bgcolor);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}

.chatDialog[b-qd620ukbf6] {
    border-radius: 10px;
    background-color: #ffffff;
    z-index: 6001;
    position: relative;
    box-shadow: #63636333 0 2px 8px;
    text-align: center;
    width: 225px !important;
    color: var(--modal-title-color, var(--color-typography-dark));
}

.chatbotModel .modal-header[b-qd620ukbf6] {
    border-bottom: none !important;
}

.chatbotModel .modal-content[b-qd620ukbf6] {
    background: #ffffff;
}

.chatbotModel .modal-footer[b-qd620ukbf6] {
    display: flex !important;
    justify-content: space-between;
}

.chatbotModel .chatBtn[b-qd620ukbf6] {
    width: 80px;
    font-family: var(--wd-font-body);
    font-size: 1.0em;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: -.25px;
    text-align: center;
    float: right;
    right: 0;
    color: #fff;
    background-color: var(--wd-color-brand-red);
    border: 1px solid var(--wd-color-brand-red);
    border-radius: 6px;
    transition: background-color .2s ease-out;
}

.chatbotModel .chatBtn:hover[b-qd620ukbf6] {
    background-color: var(--wd-color-primary-hover) !important;
    border: 1px solid var(--wd-color-primary-hover);
    color: #fff;
}
/* /Components/Rewards/CustomerReaction.razor.rz.scp.css */
/* "What our customers say" testimonials - Components/Rewards/CustomerReaction.razor.
   Ported from live's _refreshRewards-wd.min.css: every rule in that bundle nested under
   .CustomerReaction-Main (37 of them, fetched 2026-08-26), extracted whole with its media
   queries intact. No rules added, removed or reordered.
   Scoped per component to match this page's existing architecture, and token-swapped.
   ::deep on .testimonial-container .description: the emphasised span inside each quote is part
   of the CMS HTML (promodetailstext) rendered through MarkupString, so Blazor's scope attribute
   never lands on it. The sibling .customer-name.description IS Blazor-rendered and is matched by
   its own unprefixed rule. */

.CustomerReaction-Main[b-0aa6occ8v3] {
  width:95%;
  margin:0 auto;
  max-width:1200px;
  background-color:var(--wd-color-brand-red);
  border-radius:60px;
  padding-bottom:58px;
}
.CustomerReaction-Main .stars[b-0aa6occ8v3] {
  position:absolute;
  right:0;
  margin-top:-166px;
  margin-right:-29px;
}
.CustomerReaction-Main h2[b-0aa6occ8v3] {
  padding-left:71px;
  padding-top:56px;
  color:#fff;
  margin:0;
  font-weight:700;
}
.CustomerReaction-Main .testimonial-container[b-0aa6occ8v3] {
  display:flex;
  flex-wrap:wrap;
  padding:60px 60px 30px 30px;
  color:#fff;
  justify-content:center;
}
.CustomerReaction-Main .testimonial-container p[b-0aa6occ8v3] {
  margin:24px 0;
  font-family: var(--wd-font-body);
  font-size:18px;
  line-height:22px;
  letter-spacing:-.2222222238779068px;
  text-align:left;
  color:var(--wd-color-text);
}
.CustomerReaction-Main[b-0aa6occ8v3]  .testimonial-container .description {
  color:var(--wd-color-brand-red);
}
.CustomerReaction-Main .testimonial-container .testimonial[b-0aa6occ8v3] {
  color:#000;
  box-shadow:10px 10px #f6a800;
  flex:1 1 calc(50% - 40px);
  margin:10px;
  position:relative;
  border-radius:8px;
  padding:32px;
  background-color:#fff;
}
.CustomerReaction-Main .testimonial-container .testimonial h3[b-0aa6occ8v3] {
  margin-top:0;
}
.CustomerReaction-Main .testimonial-container .testimonial .stars[b-0aa6occ8v3] {
  color:#ffd700;
}
.CustomerReaction-Main .testimonial-container .testimonial .customer-name[b-0aa6occ8v3] {
  font-weight:bold;
  margin-top:10px;
}
.CustomerReaction-Main .testimonial-container .testimonial .customer-type[b-0aa6occ8v3] {
  font-size:.9em;
  color:#808080;
}
.CustomerReaction-Main .testimonial-container .testimonial.one[b-0aa6occ8v3] {
  max-width:384px;
  max-height:230px;
  margin-top:58px;
}
.CustomerReaction-Main .testimonial-container .testimonial.two[b-0aa6occ8v3] {
  max-width:500px;
  max-height:230px;
}
.CustomerReaction-Main .testimonial-container .testimonial.three[b-0aa6occ8v3] {
  max-width:527px;
  max-height:294px;
  margin-top:58px;
}
.CustomerReaction-Main .testimonial-container .testimonial.four[b-0aa6occ8v3] {
  max-width:384px;
  max-height:280px;
}
.CustomerReaction-Main .testimonial-container .testimonial-tileOne[b-0aa6occ8v3],.CustomerReaction-Main .testimonial-container .testimonial-tileTwo[b-0aa6occ8v3] {
  display:flex;
  justify-content:center;
  gap:30px;
}
.CustomerReaction-Main .testimonial-container .testimonial-tileOne.testimonial-tileTwo[b-0aa6occ8v3],.CustomerReaction-Main .testimonial-container .testimonial-tileTwo.testimonial-tileTwo[b-0aa6occ8v3] {
  gap:41px;
}
@media(min-width:1025px) and (max-width:1199px) {
  .CustomerReaction-Main .stars[b-0aa6occ8v3]  {
    margin-top:-158px;
    margin-right:-7px;
    z-index:1;
  }
}
@media(min-width:768px) and (max-width:1024px) {
  .CustomerReaction-Main .stars[b-0aa6occ8v3]  {
    margin-top:-155px;
    margin-right:-11px;
    z-index:1;
  }
  .CustomerReaction-Main h2[b-0aa6occ8v3]  {
    padding-left:20px;
  }
  .CustomerReaction-Main .testimonial-container .testimonial.one[b-0aa6occ8v3]  {
    max-width:396px;
    max-height:230px;
    margin-top:58px;
  }
  .CustomerReaction-Main .testimonial-container .testimonial.two[b-0aa6occ8v3]  {
    max-width:410px;
    min-height:230px;
    max-height:250px;
  }
  .CustomerReaction-Main .testimonial-container .testimonial .testimonial-tileOne[b-0aa6occ8v3]  {
    gap:30px;
  }
  .CustomerReaction-Main .testimonial-container .testimonial .testimonial-tileTwo[b-0aa6occ8v3]  {
    gap:41px;
  }
  .CustomerReaction-Main .testimonial-container .testimonial.three[b-0aa6occ8v3]  {
    max-width:428px;
    min-height:294px;
    max-height:fit-content;
    margin-top:58px;
  }
  .CustomerReaction-Main .testimonial-container .testimonial.four[b-0aa6occ8v3]  {
    max-width:396px;
    min-height:280px;
    max-height:300px;
  }
}
@media(min-width:100px) and (max-width:767px) {
  .CustomerReaction-Main[b-0aa6occ8v3]  {
    margin:24px;
    width:auto;
    padding-bottom:24px;
  }
  .CustomerReaction-Main .stars[b-0aa6occ8v3]  {
    margin-top:-175px;
    margin-right:-20px;
  }
  .CustomerReaction-Main h2[b-0aa6occ8v3]  {
    padding-left:24px;
    font-size:1.375em;
  }
  .CustomerReaction-Main .testimonial-container[b-0aa6occ8v3]  {
    padding:24px;
  }
  .CustomerReaction-Main .testimonial-container .testimonial[b-0aa6occ8v3]  {
    padding:20px;
    margin:0 0 24px 0;
  }
  .CustomerReaction-Main .testimonial-container .testimonial.one[b-0aa6occ8v3],.CustomerReaction-Main .testimonial-container .testimonial.two[b-0aa6occ8v3],.CustomerReaction-Main .testimonial-container .testimonial.three[b-0aa6occ8v3],.CustomerReaction-Main .testimonial-container .testimonial.four[b-0aa6occ8v3]  {
    max-width:none;
    max-height:max-content;
    margin-top:12px;
  }
  .CustomerReaction-Main .testimonial-container .testimonial.one.three[b-0aa6occ8v3],.CustomerReaction-Main .testimonial-container .testimonial.two.three[b-0aa6occ8v3],.CustomerReaction-Main .testimonial-container .testimonial.three.three[b-0aa6occ8v3],.CustomerReaction-Main .testimonial-container .testimonial.four.three[b-0aa6occ8v3]  {
    margin-top:0;
  }
  .CustomerReaction-Main .testimonial-container .testimonial-tileOne[b-0aa6occ8v3],.CustomerReaction-Main .testimonial-container .testimonial-tileTwo[b-0aa6occ8v3]  {
    display:block;
  }
}
@media(max-width:1200px) {
  .CustomerReaction-Main h2[b-0aa6occ8v3]  {
    padding-top:56px !important;
  }
}
@media(min-width:768px) and (max-width:991px) {
  .CustomerReaction-Main[b-0aa6occ8v3]  {
    width:90%;
  }
}
.CustomerReaction-Main h2[b-0aa6occ8v3] {
  padding-top:42px;
}
/* /Components/Rewards/Hero.razor.rz.scp.css */
/* Moved from the original page .razor.css when Hero was extracted into its own
   component. Some rules below were shared with sibling components extracted from the same
   page and are intentionally duplicated verbatim in each — a selector that doesn't match
   anything in a given component's scope is simply inert there. */

.RefreshRewards-Header[b-furyurndbl] {
  display:flex;
  flex-direction:row-reverse;
  background-color:var(--wd-color-surface-alt);
}

@media(min-width:100px) and (max-width:767px) {
  .RefreshRewards-Header[b-furyurndbl] {
    display:block;
  }
}

.RefreshRewards-Header .Header-image .Device-app[b-furyurndbl] {
  width:100%;
}

.RefreshRewards-Header .Header-image .Tab-app[b-furyurndbl] {
  height:100%;
}

.RefreshRewards-Header .RefreshRewards-heading[b-furyurndbl] {
  margin:100px;
  margin-right:0 !important;
  padding-left:12px;
}

@media(min-width:768px) and (max-width:991px) {
  .RefreshRewards-Header .RefreshRewards-heading[b-furyurndbl] {
    margin:10px;
    margin-bottom:35px;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .RefreshRewards-Header .RefreshRewards-heading[b-furyurndbl] {
    margin-top:15px !important;
    padding:0 15px 0 15px;
    margin:0;
  }
}

@media(min-width:992px) and (max-width:1199px) {
  .RefreshRewards-Header .RefreshRewards-heading[b-furyurndbl] {
    margin:30px;
    padding-left:0;
  }
}

.RefreshRewards-Header .RefreshRewards-heading h1[b-furyurndbl] {
  margin:0 0 23px;
  font-family: var(--wd-font-body);
  font-size:2.25em;
  font-weight:700;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.59px;
  color:var(--wd-color-brand-red);
  width:84%;
}

@media(min-width:100px) and (max-width:767px) {
  .RefreshRewards-Header .RefreshRewards-heading h1[b-furyurndbl] {
    font-size:2em;
    line-height:1.23;
    letter-spacing:-.43px;
    text-align:center;
    padding:10px;
    margin:0;
    width:100%;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .RefreshRewards-Header .RefreshRewards-heading h1[b-furyurndbl] {
    font-size:2em;
    padding-top:20px;
  }
}

.RefreshRewards-Header p[b-furyurndbl] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.33;
  letter-spacing:-.22px;
  color:var(--wd-color-text);
  width:90%;
}

@media(min-width:100px) and (max-width:767px) {
  .RefreshRewards-Header p[b-furyurndbl] {
    text-align:center;
    display:block;
    width:100%;
    padding:0 10px 0 10px;
  }
}

.RefreshRewards-Header p a[b-furyurndbl] {
  text-decoration:underline;
  cursor:pointer;
  color:var(--wd-color-brand-red);
  display:inline-block;
}

@media(min-width:100px) and (max-width:767px) {
  .RefreshRewards-Header .RefreshRewards-login[b-furyurndbl] {
    text-align:center;
    padding-bottom:20px;
  }
}

@media(min-width:992px) and (max-width:1199px) {
  .RefreshRewards-Header .RefreshRewards-login[b-furyurndbl] {
    padding-top:15px;
  }
}

.RefreshRewards-Header .RefreshRewards-login .RefreshRewards-logindescr[b-furyurndbl] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.27px;
  color:var(--wd-color-text);
  padding-bottom:0;
}

@media(min-width:100px) and (max-width:991px) {
  .RefreshRewards-Header .RefreshRewards-login .RefreshRewards-logindescr[b-furyurndbl] {
    font-size:1em;
  }
}

.RefreshRewards-Header .RefreshRewards-login .RefreshRewards-login[b-furyurndbl] {
  color:var(--wd-color-brand-red);
  cursor:pointer;
  text-decoration:underline;
}

.RefreshRewards-Header .RefreshRewards-login .RefreshRewards-login:hover[b-furyurndbl] {
  font-weight:600;
}

.winn-rewards .winn-section .RefreshRewards-login[b-furyurndbl] {
  display:table;
  margin:auto;
}

.winn-rewards .winn-section .RefreshRewards-login a[b-furyurndbl] {
  color:var(--wd-color-brand-red);
  cursor:pointer;
  text-decoration:underline;
}

.winn-rewards .winn-section .RefreshRewards-login a:hover[b-furyurndbl] {
  font-weight:600;
}

.winn-rewards .winn-section .RefreshRewards-login .RefreshRewards-logindescr[b-furyurndbl] {
  margin-bottom:30px;
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.27px;
  color:var(--wd-color-text);
  padding-bottom:0;
  display:inline-flex;
}

@media(min-width:100px) and (max-width:991px) {
  .winn-rewards .winn-section .RefreshRewards-login .RefreshRewards-logindescr[b-furyurndbl] {
    font-size:1em;
  }
}

@media(min-width:768px) and (max-width:1199px) {
  .App-rewards__section .app-reward-main .Header-image[b-furyurndbl] {
    margin-top:-70px;
  }
}

@media(min-width:1200px) {
  .App-rewards__section .app-reward-main .Header-image[b-furyurndbl] {
    margin-top:-77px;
  }
}

.App-rewards__section .app-reward-main .Header-image[b-furyurndbl] {
  position:relative;
}

.App-rewards__section .app-reward-main .Header-image .Device-app[b-furyurndbl] {
  margin:auto;
}

.App-rewards__section .app-reward-main .Header-image .Tab-app[b-furyurndbl] {
  float:right;
}

.App-rewards__section .app-reward-main .Header-image img[b-furyurndbl] {
  z-index:1;
  position:relative;
}

@media(min-width:768px) {
  .App-rewards__section .app-reward-main .Header-image img[b-furyurndbl] {
    height:100%;
    width:100%;
  }
}

.member-rewards .member-section .RefreshRewards-login[b-furyurndbl] {
  display:table;
  margin:auto;
}

.member-rewards .member-section .RefreshRewards-login a[b-furyurndbl] {
  color:var(--wd-color-brand-red);
  cursor:pointer;
  text-decoration:underline;
}

.member-rewards .member-section .RefreshRewards-login a:hover[b-furyurndbl] {
  font-weight:600;
}

.member-rewards .member-section .RefreshRewards-login .RefreshRewards-logindescr[b-furyurndbl] {
  margin-bottom:30px;
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:normal;
  letter-spacing:-.27px;
  color:var(--wd-color-text);
  padding-bottom:0;
  display:inline-flex;
}

@media(min-width:100px) and (max-width:991px) {
  .member-rewards .member-section .RefreshRewards-login .RefreshRewards-logindescr[b-furyurndbl] {
    font-size:1em;
  }
}

.AccordionWithImage-Main .text-center .main-btn[b-furyurndbl],.AccordionWithImage-Main .text-center .main-btn:focus[b-furyurndbl],.AccordionWithImage-Main .text-center .main-btn:link[b-furyurndbl],.AccordionWithImage-Main .text-center .main-btn:visited[b-furyurndbl] {
  padding:12px 20px 12px 20px;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
}

.RefreshRewards-Header .Header-image .Desk-app[b-furyurndbl] {
  height:100%;
}

.RefreshRewards-Header .RefreshRewards-Btn[b-furyurndbl] {
  margin-top:31px;
  padding-bottom:30px;
}

@media(min-width:100px) and (max-width:767px) {
  .RefreshRewards-Header .RefreshRewards-Btn[b-furyurndbl] {
    margin:25px auto 30px auto;
    display:table;
    padding-bottom:15px;
    margin-bottom:5px;
  }
  .RefreshRewards-Header .RefreshRewards-Btn.Get-acct[b-furyurndbl] {
    padding-bottom:45px;
  }
}

@media(min-width:992px) and (max-width:1199px) {
  .RefreshRewards-Header .RefreshRewards-Btn[b-furyurndbl] {
    padding-bottom:0;
  }
}

.RefreshRewards-Header .RefreshRewards-Btn .btn-refresh-rewards[b-furyurndbl] {
  padding:11px 10px;
  height:48px;
  width:246px;
  border-radius:4px;
}

@media(min-width:768px) and (max-width:991px) {
  .RefreshRewards-Header .RefreshRewards-Btn .btn-refresh-rewards[b-furyurndbl] {
    font-size:1.125em;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .RefreshRewards-Header .RefreshRewards-Btn .btn-refresh-rewards[b-furyurndbl] {
    font-size:1.125em;
  }
}

.winn-rewards .winn-section .RefreshRewards-Btn[b-furyurndbl] {
  margin:auto;
  display:table;
  margin-bottom:12px;
}

@media(min-width:100px) and (max-width:767px) {
  .winn-rewards .winn-section .RefreshRewards-Btn[b-furyurndbl] {
    margin-top:-30px;
    margin-bottom:25px;
  }
}

.winn-rewards .winn-section .RefreshRewards-Btn .btn-refresh-rewards[b-furyurndbl] {
  padding:11px 10px;
  width:246px;
}

@media(min-width:768px) and (max-width:991px) {
  .winn-rewards .winn-section .RefreshRewards-Btn .btn-refresh-rewards[b-furyurndbl] {
    font-size:1.125em;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .winn-rewards .winn-section .RefreshRewards-Btn .btn-refresh-rewards[b-furyurndbl] {
    font-size:1.125em;
  }
}

.App-rewards__section .app-reward-main .Header-image .Desk-app[b-furyurndbl] {
  float:right;
}

.member-rewards .member-section .RefreshRewards-Btn[b-furyurndbl] {
  margin:48px 0 24px 0;
  text-align:center;
}

@media(min-width:100px) and (max-width:767px) {
  .member-rewards .member-section .RefreshRewards-Btn[b-furyurndbl] {
    margin:30px 0 24px 0;
    text-align:center;
    z-index:1;
    position:relative;
  }
}

.member-rewards .member-section .RefreshRewards-Btn .btn-refresh-rewards[b-furyurndbl] {
  padding:11px 10px;
  width:246px;
}

@media(min-width:768px) and (max-width:991px) {
  .member-rewards .member-section .RefreshRewards-Btn .btn-refresh-rewards[b-furyurndbl] {
    font-size:1.125em;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .member-rewards .member-section .RefreshRewards-Btn .btn-refresh-rewards[b-furyurndbl] {
    font-size:1.125em;
  }
}
/* /Components/Rewards/HowItWorks.razor.rz.scp.css */
/* Moved from the original page .razor.css when HowItWorks was extracted into its own
   component. Some rules below were shared with sibling components extracted from the same
   page and are intentionally duplicated verbatim in each — a selector that doesn't match
   anything in a given component's scope is simply inert there. */

.HowRewardsWorksSection[b-1l9jrd3wjx] {
  width:95%;
  margin:0 auto;
  max-width:1200px;
  padding:0;
  display:table;
}

@media(min-width:768px) and (max-width:991px) {
  .HowRewardsWorksSection[b-1l9jrd3wjx] {
    width:90%;
  }
}

@media(min-width:100px) and (max-width:767px) {
  .HowRewardsWorksSection[b-1l9jrd3wjx] {
    width:auto;
    padding:0 0 58px;
    margin:0 24px;
  }
}

.HowRewardsWorksSection a[b-1l9jrd3wjx] {
  display:initial;
}

.HowRewardsWorksSection .reward-main[b-1l9jrd3wjx] {
  display:flex;
  align-items:center;
}

@media(max-width:767px) {
  .HowRewardsWorksSection .reward-main[b-1l9jrd3wjx] {
    display:block;
  }
}

.HowRewardsWorksSection .reward-main-img[b-1l9jrd3wjx] {
  text-align:center;
  display:flex;
  justify-content:center;
}

.HowRewardsWorksSection .reward-main-img img[b-1l9jrd3wjx] {
  width:85%;
  height:auto;
}

@media(min-width:1200px) {
  .HowRewardsWorksSection .reward-main-img img[b-1l9jrd3wjx] {
    width:75%;
  }
}

@media(min-width:380px) and (max-width:767px) {
  .HowRewardsWorksSection .reward-main-img img[b-1l9jrd3wjx] {
    width:342px;
    height:492px;
  }
}

@media(min-width:100px) and (max-width:379px) {
  .HowRewardsWorksSection .reward-main-img img[b-1l9jrd3wjx] {
    width:inherit;
    height:492px;
  }
}

@media(max-width:991px) {
  .HowRewardsWorksSection .reward-content-main[b-1l9jrd3wjx] {
    padding:0;
  }
}

.HowRewardsWorksSection .reward-content-main h2[b-1l9jrd3wjx] {
  font-family: var(--wd-font-body);
  font-size:2.25em;
  font-weight:700;
  line-height:42px;
  letter-spacing:-.5899999737739563px;
  text-align:left;
  color:var(--wd-color-brand-red);
}

@media(min-width:100px) and (max-width:767px) {
  .HowRewardsWorksSection .reward-content-main h2[b-1l9jrd3wjx] {
    font-size:1.375em;
    line-height:30px;
    letter-spacing:-.31px;
  }
}

@media(min-width:768px) and (max-width:1024px) {
  .HowRewardsWorksSection .reward-content-main h2[b-1l9jrd3wjx] {
    margin:15px 0;
    font-size:2em;
  }
}

.HowRewardsWorksSection .reward-content-main p[b-1l9jrd3wjx] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:400;
  line-height:22px;
  letter-spacing:-.2222222238779068px;
  text-align:left;
  color:var(--wd-color-text);
}

@media(min-width:100px) and (max-width:767px) {
  .HowRewardsWorksSection .reward-content-main p[b-1l9jrd3wjx] {
    font-size:1em;
  }
}

.HowRewardsWorksSection .reward-content-main .reward-join .tile[b-1l9jrd3wjx] {
  display:flex;
  padding:32px;
  align-items:center;
}

@media(min-width:100px) and (max-width:767px) {
  .HowRewardsWorksSection .reward-content-main .reward-join .tile[b-1l9jrd3wjx] {
    padding:16px 0;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .HowRewardsWorksSection .reward-content-main .reward-join .tile[b-1l9jrd3wjx] {
    padding:16px;
  }
}

.HowRewardsWorksSection .reward-content-main .reward-join .tile .tileImg[b-1l9jrd3wjx] {
  text-align:center;
  display:flex;
  justify-content:center;
  align-items:center;
  width:80px;
  height:74px;
}

.HowRewardsWorksSection .reward-content-main .reward-join .tile .tileDesc[b-1l9jrd3wjx] {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  padding-left:32px;
}

@media(min-width:100px) and (max-width:767px) {
  .HowRewardsWorksSection .reward-content-main .reward-join .tile .tileDesc[b-1l9jrd3wjx] {
    padding-left:16px;
  }
}

.HowRewardsWorksSection .reward-content-main .reward-join .tile .tileDesc h3[b-1l9jrd3wjx] {
  font-family: var(--wd-font-body);
  font-size:1.375em;
  font-weight:700;
  line-height:30px;
  letter-spacing:-.3055555522441864px;
  text-align:left;
  color:var(--wd-color-text);
  margin:0 0 8px;
}

@media(min-width:100px) and (max-width:767px) {
  .HowRewardsWorksSection .reward-content-main .reward-join .tile .tileDesc h3[b-1l9jrd3wjx] {
    font-size:1.125em;
  }
}

.HowRewardsWorksSection .reward-content-main .reward-join .tile .tileDesc p[b-1l9jrd3wjx] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:400;
  line-height:22px;
  letter-spacing:-.2222222238779068px;
  text-align:left;
  color:var(--wd-color-text);
}

@media(min-width:100px) and (max-width:767px) {
  .HowRewardsWorksSection .reward-content-main .reward-join .tile .tileDesc p[b-1l9jrd3wjx] {
    font-size:1em;
  }
}

.CustomerReaction-Main .testimonial-container .description[b-1l9jrd3wjx] {
  color:var(--wd-color-brand-red);
}

.HowRewardsWorksSection .reward-content-main .reward-join .tile .tileDesc[b-1l9jrd3wjx]  .description {
  color:var(--wd-color-brand-red);
  text-decoration:underline;
}
/* /Components/Rewards/TipsAccordion.razor.rz.scp.css */
/* "Rewards tips & tricks" accordion — Components/Rewards/TipsAccordion.razor.
   Ported from live's _accordionV2-wd.min.css, the bundle winndixie.com/rewards links for this
   section (fetched 2026-08-26). Beautified from its minified form; no rules added, removed or
   reordered.
   Scoped per component rather than re-added as a global bundle: this repo deliberately retired
   the global refreshRewards bundle and split it into per-component scoped CSS (see
   Rewards.razor.css's own header), so a new global sheet would mean two sources of truth for
   the same rules.
   Two transformations were applied:
     1. The 2026-08-21 rebrand's token swap, same mapping the earlier port of the sibling bundle
        used - every brand red -> var(--wd-color-brand-red), the retired text grays ->
        var(--wd-color-text), Asap -> var(--wd-font-body). Keeping live's literals would
        reintroduce values the rebrand retired and keep lint-brand-tokens.sh red.
     2. ::deep on the four .accBodyText descendant rules. Those target the panel body, which is
        CMS HTML rendered through MarkupString (the entry's pagetext2 field) - Blazor only stamps
        its scope attribute on elements IT renders, so without ::deep these would not match the
        authored <h4>/.disc-list markup at all. */

/* Live's accordionV2 stylesheet carries a @keyframes stretch / .btn-dot-loading loading-button
   block (twice over, verbatim) that this component has no button-loading state to use — the same
   boilerplate Rewards.razor.css notes deduping when it was ported. Dropped entirely here rather
   than deduped: in a SCOPED stylesheet those selectors can only ever match this component's own
   markup, and nothing in TipsAccordion.razor uses them. The port also carried a stray U+FEFF
   immediately before the first @keyframes, which left that first rule unparsed — masked only
   because the duplicate block followed it. */
.AccordionWithImage-Main[b-675e5abq6b] {
  margin-bottom:115px;
  font-size:1em;
}
@media(min-width:100px) and (max-width:767px) {
  .AccordionWithImage-Main[b-675e5abq6b] {
    margin-bottom:75px;
  }
}
@media(min-width:768px) and (max-width:1024px) {
  .AccordionWithImage-Main[b-675e5abq6b] {
    margin-bottom:95px;
  }
}
.AccordionWithImage-Main h2[b-675e5abq6b] {
  text-align:center;
  font-family: var(--wd-font-body);
  font-size:2.25em;
  font-style:normal;
  font-weight:700;
  line-height:42px;
  color:var(--wd-color-brand-red);
  letter-spacing:-.59px;
  margin:32px 0 32px 0;
}
.AccordionWithImage-Main .panel-group[b-675e5abq6b] {
  margin:0 auto;
  margin-bottom:20px;
  max-width:1170px;
}
.AccordionWithImage-Main .faqcard[b-675e5abq6b] {
  display:flow-root;
  border-radius:32px;
  background:#fff;
  box-shadow:0 41px 89px 0 rgba(0,0,0,.05),0 0 89px 0 rgba(0,0,0,.05);
  max-width:1200px;
  margin:20px 30px;
}
.AccordionWithImage-Main .faqcard .card-header[b-675e5abq6b] {
  background-color:transparent;
  border-bottom:none;
  border-radius:0 !important;
  padding:0;
}
.AccordionWithImage-Main .faqcard .card-header.accheader .btn-link[b-675e5abq6b] {
  display:flex;
  align-items:center;
  width:100%;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  border-top-left-radius:32px;
  border-top-right-radius:32px;
  background:#fff;
  color:var(--wd-color-text);
  margin:0;
}
.AccordionWithImage-Main .faqcard .card-header.accheader .btn-link .accHeadText[b-675e5abq6b] {
  background-color:#fff;
  text-align:left;
  padding-left:25px;
  word-break:break-word;
  white-space:normal;
}
@media(min-width:100px) and (max-width:767px) {
  .AccordionWithImage-Main .faqcard .card-header.accheader .btn-link .accHeadText[b-675e5abq6b] {
    padding:10px !important;
    border-radius:32px;
  }
  .AccordionWithImage-Main .faqcard .card-header.accheader .btn-link .accHeadText .mob-Text[b-675e5abq6b] {
    display:flex;
    justify-content:space-between;
    margin-bottom:10px;
  }
  .AccordionWithImage-Main .faqcard .card-header.accheader .btn-link .accHeadText .mob-Text .accHeadIconMob[b-675e5abq6b] {
    align-items:center;
    display:flex !important;
    justify-content:right;
  }
  .AccordionWithImage-Main .faqcard .card-header.accheader .btn-link .accHeadText .mob-Text .accHeadIconMob .fa-solid[b-675e5abq6b]::before {
    font-size:2.625em;
    color:var(--wd-color-brand-red);
  }
}
.AccordionWithImage-Main .faqcard .card-header.accheader .btn-link .accHeadText h3[b-675e5abq6b] {
  font-family: var(--wd-font-body);
  font-size:1.625em;
  font-style:normal;
  font-weight:700;
  line-height:32px;
  letter-spacing:-.433px;
  margin:0;
}
.AccordionWithImage-Main .faqcard .card-header.accheader .btn-link .accHeadText p[b-675e5abq6b] {
  font-family: var(--wd-font-body);
  font-size:1.25em;
  font-style:normal;
  font-weight:400;
  line-height:25px;
  letter-spacing:-.33px;
}
.AccordionWithImage-Main .faqcard .card-header.accheader .btn-link .accHeadIcon[b-675e5abq6b] {
  text-align:center;
}
.AccordionWithImage-Main .faqcard .card-header.accheader .btn-link .accHeadIcon .fa-solid[b-675e5abq6b]::before {
  font-size:2.625em;
  color:var(--wd-color-brand-red);
}
.AccordionWithImage-Main .faqcard .card-header.accheader .btn-link.collapsed[b-675e5abq6b] {
  border-radius:32px;
}
@media(min-width:100px) and (max-width:767px) {
  .AccordionWithImage-Main .faqcard .card-body.faqbody[b-675e5abq6b] {
    padding:0;
  }
}
.AccordionWithImage-Main .faqcard .card-body.faqbody .accBodyText[b-675e5abq6b] {
  text-align:left;
  color:var(--wd-color-text);
  word-break:break-word;
  white-space:normal;
}
@media(min-width:100px) and (max-width:767px) {
  .AccordionWithImage-Main .faqcard .card-body.faqbody .accBodyText[b-675e5abq6b] {
    padding:10px !important;
  }
}
.AccordionWithImage-Main .faqcard .card-body.faqbody[b-675e5abq6b]  .accBodyText h4 {
  font-family: var(--wd-font-body);
  font-size:1.25em;
  font-style:italic;
  font-weight:700;
  line-height:22px;
  letter-spacing:-.222px;
  margin:0;
}
.AccordionWithImage-Main .faqcard .card-body.faqbody[b-675e5abq6b]  .accBodyText ul {
  padding-left:30px;
}
.AccordionWithImage-Main .faqcard .card-body.faqbody[b-675e5abq6b]  .accBodyText ul li {
  list-style:disc;
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-style:normal;
  font-weight:400;
  line-height:22px;
  letter-spacing:-.222px;
}
.AccordionWithImage-Main .faqcard .card-body.faqbody[b-675e5abq6b]  .accBodyText ul li span {
  font-family: var(--wd-font-body);
  font-size:1.25em;
  font-style:normal;
  font-weight:400;
  line-height:22px;
  letter-spacing:-.222px;
}
.AccordionWithImage-Main .text-center[b-675e5abq6b] {
  max-width:95%;
  margin:0 auto;
}
.AccordionWithImage-Main .text-center .faq_text[b-675e5abq6b] {
  font-family: var(--wd-font-body);
  font-size:1.125em;
  line-height:22px;
  letter-spacing:-.2222222238779068px;
  text-align:center;
}
.AccordionWithImage-Main .text-center .faq_text[b-675e5abq6b]  .faq_link {
  font-weight:700;
  color:var(--wd-color-brand-red);
  text-decoration:underline;
  display:initial;
}
.AccordionWithImage-Main .text-center .main-btn[b-675e5abq6b],.AccordionWithImage-Main .text-center .main-btn:focus[b-675e5abq6b],.AccordionWithImage-Main .text-center .main-btn:link[b-675e5abq6b],.AccordionWithImage-Main .text-center .main-btn:visited[b-675e5abq6b] {
  padding:12px 20px 12px 20px;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
}

/* ---- Expand/collapse animation -------------------------------------------------------------
   Live animates these panels with Bootstrap's collapse plugin: it adds a .collapsing class that
   transitions height 0 <-> content over .35s ease (see refresh.min.css's own .collapsing rule).
   This app has no Bootstrap JS — modal.js reimplements just the open/close mechanics and toggles
   the panel's `in` class, which the global `.collapse{display:none}` / `.collapse.in{display:block}`
   pair turns into an instant show/hide with no animation at all.

   Rather than teach the shared modal.js a whole transition lifecycle (it drives every collapse,
   dropdown and modal in the app), the panel is made animatable here and driven by
   wwwroot/js/rewardsAccordion.js: always display:block with overflow hidden, opening and closing
   on `height`, which that script sets in pixels from the panel's own measured content height.

   Why not a max-height ceiling, which would need no JS: transitioning max-height 0 -> 3000px on
   ~400px of content means the panel is fully open about an eighth of the way through, and the rest
   of the .35s animates nothing visible — measured, it reached full height inside 50ms. An explicit
   pixel height is the only way to spend the whole duration on the distance actually travelled.

   The id selector is what lets this outrank the global `.collapse`/`.collapse.in` display rules
   (an id beats any number of classes), and it keeps the override confined to this accordion. */
#imgAccordion .accordion-collapse[b-675e5abq6b] {
    display: block;
    height: 0;
    overflow: hidden;
    transition: height .35s ease;
}

/* Fallback for the no-JS case: without rewardsAccordion.js setting a pixel height, `in` alone
   must still open the panel, or the accordion would be permanently stuck shut. */
#imgAccordion .accordion-collapse.in[b-675e5abq6b] {
    height: auto;
}

/* prefers-reduced-motion: honour the OS setting by snapping instead of sliding — the panel still
   opens and closes, it just doesn't animate. */
@media (prefers-reduced-motion: reduce) {
    #imgAccordion .accordion-collapse[b-675e5abq6b] {
        transition: none;
    }
}
/* /Components/Shared/AccountLeftMenu.razor.rz.scp.css */
/* Scoped to AccountLeftMenu.razor. Moved from wwwroot/scss/WD/myAccountLeftMenu-wd.scss.

   The mobile-visibility block at the bottom (.backbtn / .account__leftmenu / the mobile
   heading + rewardNumber rules) is extracted from accountOverview-wd.scss instead, since it
   targets markup this component renders rather than MyAccount.razor.css. MyAccount.razor.css
   keeps a harmless duplicate of the same rules — dedupe later. */

.account__leftmenu[b-atwxukdewl] {
  background-color:#fff;
  border:none;
  box-shadow:0 2px 12px rgba(0,0,0,.15);
  border-radius:4px !important;
  opacity:1;
  margin-right:64px;
}
@media(max-width:1024px) and (min-width:768px) {
  .account__leftmenu[b-atwxukdewl] {
    margin-right:5px;
  }
}
@media(min-width:100px) and (max-width:767px) {
  .account__leftmenu[b-atwxukdewl] {
    margin-right:0;
    margin-bottom:20px;
  }
}
.account__leftmenu ul[b-atwxukdewl] {
  list-style:none;
  padding:12px 0;
}
.account__leftmenu ul li[b-atwxukdewl] {
  position:relative;
}
.account__leftmenu ul li a[b-atwxukdewl] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:500;
  font-stretch:normal;
  font-style:normal;
  line-height:1.18;
  letter-spacing:-.22px;
  padding:24px 16px;
  display:inline-block;
  text-decoration:none;
  color:var(--wd-color-text);
  width:100%;
}
@media(min-width:100px) and (max-width:767px) {
  .account__leftmenu ul li a[b-atwxukdewl] {
    font-size:1.125em;
  }
}
.account__leftmenu ul li a:focus[b-atwxukdewl] {
  color:var(--wd-color-text);
  background:rgba(200,16,46,.1);
  border-radius:4px 4px 0 0;
  outline:2px solid var(--wd-color-focus-ring) !important;
  outline-offset:-2px;
}
.account__leftmenu ul li a.selected__item[b-atwxukdewl],.account__leftmenu ul li a:hover[b-atwxukdewl] {
  color:var(--wd-color-text);
  background:rgba(200,16,46,.1);
  border-radius:4px 4px 0 0;
}
@media(min-width:100px) and (max-width:767px) {
  .account__leftmenu ul li a.selected__item[b-atwxukdewl],.account__leftmenu ul li a:hover[b-atwxukdewl] {
    border-radius:0;
  }
}
.account__leftmenu ul li a.selected__item[b-atwxukdewl]:before,.account__leftmenu ul li a:hover[b-atwxukdewl]:before {
  position:absolute;
  content:"";
  height:35px;
  width:4px;
  background-color:var(--wd-color-brand-red);
  left:0;
  bottom:0;
  z-index:1;
  border-radius:0 6px 6px 0;
  top:0;
  border:none;
  margin-top:auto;
  margin-bottom:auto;
}
nav.account__leftmenu ul li:hover>a[b-atwxukdewl]:before {
  position:absolute;
  content:"";
  height:35px;
  width:4px;
  background-color:var(--wd-color-brand-red);
  left:0;
  bottom:0;
  z-index:1;
  border-radius:0 6px 6px 0;
  top:0;
  border:none;
  margin-top:auto;
  margin-bottom:auto;
}
@media(min-width:768px) and (max-width:991px) {
  .account__leftmenu ul li a[b-atwxukdewl] {
    padding:14px 10px;
  }
}

/* Inline style="display:none;" moved from AccountLeftMenu.razor (both the desktop-hidden mobile
   heading duplicate and its rewards-number line share this class) — the mobile media block
   below re-shows them with !important, unchanged from before. */
.welcome-heading-mob[b-atwxukdewl] {
  display: none;
}

/* Extracted from accountOverview-wd.scss's mobile media block — see file header comment. */
@media(min-width:100px) and (max-width:767px) {
  .backbtn[b-atwxukdewl] {
    display:none !important;
  }
  .account__leftmenu[b-atwxukdewl] {
    display:block !important;
    padding-bottom:16px !important;
  }
  .account__overview .welcome-heading-mob[b-atwxukdewl] {
    display:block !important;
  }
  .account__overview .rewardNumber[b-atwxukdewl] {
    padding-bottom:12px;
  }
  .account__overview .rewardNumber span[b-atwxukdewl] {
    font-size:1em;
    line-height:1.38;
    letter-spacing:-.22px;
    text-align:right;
  }
  .account__overview .rewardNumber span.num[b-atwxukdewl] {
    padding-left:8px;
  }
  .account__overview .rewardNumber span.num--lbl[b-atwxukdewl] {
    font-weight:bold;
  }
}
/* /Components/Shared/NotFoundChromeContent.razor.rz.scp.css */
/* .PageTitle's global rule (_app-wd-legacy-content.scss) sets font-family: var(--wd-font-body) —
   shared by many other legacy templates, so it can't be changed globally. Live's own
   "/error404" page inline-overrides just this one heading to its display/brand font; scoping the
   same override to this component reproduces that without touching the shared class. */
.PageTitle[b-w0qm9lwdph] {
    font-family: var(--wd-font-display);
}
/* /Components/Shared/NotFoundContent.razor.rz.scp.css */
/* Scoped to NotFoundContent.razor. Replaces inline style="" attributes removed from the
   markup (mechanical extraction, no behavior change). The component's own carried-over
   <style> block also sets .PageTitle font-size at several breakpoints (global/unscoped,
   reproducing live's inline <head> styles) — !important here preserves the always-wins
   behavior the removed inline style had over all of them. */

.notfound-row-top[b-qds26eqs3x] {
    margin-top: 70px;
}

.PageTitle[b-qds26eqs3x] {
    font-size: 1.875em !important;
}
/* /Components/Shared/PageSections.razor.rz.scp.css */
/* hero_banner (image variant) layout — none of the live CSS bundles define these class
   names generically; the live site ships this layout as a page-specific inline <style>
   block (e.g. Sustainability's own ".headsection-Header{display:flex;flex-direction:row-reverse}").
   Since this block type is shared across pages, the equivalent rules live here instead of
   being duplicated per page. Without this, the image renders at its natural intrinsic size
   with the heading stacked below it rather than side-by-side.
   No ::deep here: these elements are rendered directly by this component (not a descendant
   component's markup), so Blazor already scopes them with a plain attribute selector. */
.App_Header_section[b-um9ntm6aht] {
    display: flex;
    /* row-reverse, NOT row: the DOM order is App-image then App_Header, and every live
       source for this pattern (bundles/sass/WD/app-wd.css's .App_Header_section rule — renamed
       from app-wd.min.css, same content, see sasscompiler.json —,
       Sustainability's inline .headsection-Header block) reverses it so the image sits on
       the RIGHT with the text on the left. Because Blazor scoping compiles this selector
       with an attribute (higher specificity than the bundle's plain class), `row` here was
       silently overriding the bundle and flipping /giftcards' and /app's hero. */
    flex-direction: row-reverse;
    align-items: center;
    background-color: var(--wd-color-surface-alt);
    flex-wrap: wrap;
}

.App_Header_section .App-image[b-um9ntm6aht] {
    flex: 1 1 50%;
    min-width: 280px;
}

.App_Header_section .App-image img[b-um9ntm6aht] {
    width: 100%;
    height: auto;
    display: block;
}

.App_Header_section .App_Header[b-um9ntm6aht] {
    flex: 1 1 45%;
    min-width: 280px;
    padding: 24px 40px;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .App_Header_section[b-um9ntm6aht] {
        flex-direction: column;
    }

    .App_Header_section .App-image[b-um9ntm6aht],
    .App_Header_section .App_Header[b-um9ntm6aht] {
        flex: 1 1 100%;
        width: 100%;
    }
}

/* anchor_links sidebar card (e.g. Sustainability's sub-nav) — bordered card with a red
   left-accent bar, replacing plain inline blue links. See RenderAnchorLinks. */
.anchor-links-card[b-um9ntm6aht] {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-left: 4px solid var(--wd-color-brand-red);
    border-radius: 4px;
    padding: 16px 20px;
    margin-top: 20px;
    max-width: 320px;
}

.anchor-links-card .anchor-links[b-um9ntm6aht] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.anchor-links-card .anchor-links li[b-um9ntm6aht] {
    padding: 6px 0;
    border-bottom: 1px solid #f0f0f0;
}

.anchor-links-card .anchor-links li:last-child[b-um9ntm6aht] {
    border-bottom: none;
}

.anchor-links-card .anchor-links a[b-um9ntm6aht] {
    color: var(--wd-color-text);
    text-decoration: none;
    font-weight: 500;
}

.anchor-links-card .anchor-links a:hover[b-um9ntm6aht] {
    color: var(--wd-color-brand-red);
    text-decoration: underline;
}

/* promotion_block rich-text lists (e.g. careers' "Enjoy these benefits" list) lose their
   bullets because app-wd.min.css ships several plain `ul{list-style:none}` resets with equal
   specificity to any un-classed <ul> the JSON RTE renders. Scope a higher-specificity override
   here rather than depending on a class-name the CMS entry doesn't set.
   ::deep is required: this <ul> comes from JsonRte's raw MarkupString HTML, which Blazor never
   stamps with the component's scope attribute (only markup written directly in .razor files
   gets it) — without ::deep the compiled selector would carry a scope attribute the <ul> can
   never have, and silently never match. */
.promotion-block .p-5[b-um9ntm6aht]  ul {
    list-style: disc;
    padding-left: 20px;
    margin: 10px 0;
}

.promotion-block .p-5[b-um9ntm6aht]  ul li {
    margin-bottom: 4px;
}

/* Blazor's enhanced-navigation focus management sets tabindex="-1" + .focus() on the page's
   <h1> after navigation (for screen-reader announcement) — every hero_banner variant's <h1> is
   rendered directly by this component (not a descendant), so it gets the scope attribute and
   this rule applies without ::deep. tabindex="-1" elements are never reachable via keyboard Tab
   order, so hiding the visual ring costs nothing accessibility-wise. */
[tabindex="-1"]:focus[b-um9ntm6aht] {
    outline: none;
}

/* Rescued from wwwroot/scss/WD/refreshRewards-wd.scss (retired) — a stray rule that targeted
   THIS component's faq_section markup despite living in the Rewards page's widget bundle.
   Same "owning component" reasoning as SiteFooter.razor.css's rescued rule: Blazor's scoped-CSS
   attribute only ever attaches to elements the OWNING component renders, so it has to live here
   for the attribute to land on this component's own .faq element. */
.container_faq .faq[b-um9ntm6aht] {
  margin-bottom:40px !important;
}

/* ---- Migrated from wwwroot/scss/WD/faqaccordion-wd.scss + giftCard-wd.scss (retired) ----
   Both were linked per-route via DynamicPage.razor's PageCssMap (faqaccordion-wd on
   /about/help-center, /know-and-love, /stillthebeefpeople, AND /giftcards; giftCard-wd on
   /giftcards only) rather than globally in App.razor — but since every one of those routes
   renders through THIS SAME shared PageSections.razor component (a page-builder dispatcher,
   not a per-route component), scoping both files' content here covers all of them at once;
   no per-route split was needed. Confirmed via grep that none of these classes are rendered
   by any OTHER component before moving them.

   Deduped each file's own repeated @keyframes stretch/.btn-dot-loading boilerplate.

   No ::deep anywhere: this project has no dedicated page-sections/faq/giftcard JS file at
   all (the FAQ accordion's expand/collapse is generic Bootstrap data-toggle="collapse",
   handled by the already-global wwwroot/js/modal.js, which only toggles classes on EXISTING
   elements — it never builds new DOM). Every class in both files below is rendered directly
   by this component's own RenderFaqSection/giftcards RenderFragments.

   Dead/unreachable, carried over unchanged (grepped this component's actual markup — no
   match): ".mystery-faqlink" / ".btnjoinrewards" / ".rewardsbtn" (faqaccordion-wd) — none of
   these appear anywhere in PageSections.razor; likely an older FAQ variant's leftover CTAs.
*/

/* ---- from faqaccordion-wd.scss ---- */
@keyframes stretch-b-um9ntm6aht {
  0% {
    transform:scale(.5);
    background-color:var(--wd-color-brand-red);
  }
  50% {
    background-color:var(--wd-color-brand-red);
  }
  100% {
    transform:scale(1);
    background-color:#fff;
  }
}
.btn-dot-loading.btn--loading[b-um9ntm6aht] {
  font-size:0;
}
.btn-dot-loading.btn--loading .btn-span[b-um9ntm6aht] {
  display:flex !important;
  justify-content:center;
}
.btn-dot-loading.btn--loading .btn-span b[b-um9ntm6aht] {
  animation-direction:alternate;
  animation-duration:.5s;
  animation-fill-mode:none;
  animation-iteration-count:infinite;
  animation-name:stretch-b-um9ntm6aht;
  animation-play-state:running;
  animation-timing-function:ease-out;
  border-radius:100%;
  display:block;
  height:10px;
  margin:0 1px;
  width:10px;
  animation-delay:.1s;
  margin:0 5px;
}
.btn-dot-loading.btn--loading .btn-span b:first-child[b-um9ntm6aht] {
  animation-delay:0s;
  margin:0;
}
.btn-dot-loading.btn--loading .btn-span b:last-child[b-um9ntm6aht] {
  animation-delay:.2s;
  margin:0;
}
.btn-dot-loading b[b-um9ntm6aht] {
  font-weight:normal;
}
.btn-dot-loading .btn-span[b-um9ntm6aht] {
  display:none;
}
.faqbg[b-um9ntm6aht] {
  height:312px;
  width:100%;
}
@media(max-width:991px) {
  .faqbg[b-um9ntm6aht] {
    overflow:hidden;
  }
}
.faqbg img[b-um9ntm6aht],.faqbg svg[b-um9ntm6aht] {
  width:100%;
  height:270px;
}
@media(max-width:991px) {
  .faqbg img[b-um9ntm6aht],.faqbg svg[b-um9ntm6aht] {
    width:auto;
  }
}
.container_faq .container[b-um9ntm6aht] {
  max-width:1170px;
}
.container_faq .mystery-faqlink[b-um9ntm6aht] {
  display:none;
  text-align:center;
  margin-top:56px;
  margin-bottom:56px;
}
.container_faq .mystery-faqlink .mystery-descr[b-um9ntm6aht] {
  color:var(--wd-color-text);
}
@media(min-width:100px) and (max-width:767px) {
  .container_faq .mystery-faqlink[b-um9ntm6aht] {
    padding:25px;
    margin-top:0;
    margin-bottom:0;
  }
}
.container_faq .mystery-faqlink a[b-um9ntm6aht] {
  color:var(--wd-color-brand-red);
  cursor:pointer;
  text-decoration:underline;
}
.container_faq .faq[b-um9ntm6aht] {
  margin:0 auto;
  min-height:632px;
  overflow:auto;
  float:none;
  padding:10px 30px !important;
  padding-bottom:76px;
  -webkit-box-shadow:0 0 8px 1px rgba(0,0,0,.25);
  -moz-box-shadow:0 0 8px 1px rgba(0,0,0,.25);
  box-shadow:0 0 8px 1px rgba(0,0,0,.25);
}
/* The -270px pull-up is only meant to seat the card over the .faqbg decorative image (312px
   tall) that precedes it when the CMS entry has a background_image (true for /giftcards'
   FAQ entry). Without .faqbg as a preceding sibling, this margin instead pulls the card up
   into whatever section came before it on the page. */
.faqbg + .container_faq .faq[b-um9ntm6aht] {
  margin-top:-270px;
}
.container_faq .faq .glyphicon[b-um9ntm6aht] {
  float:right;
  width:13px;
  height:13px;
  padding-right:28px;
  padding-top:2px;
  color:var(--wd-color-brand-red);
  position:absolute;
  right:0;
  margin-top:10px;
}
.container_faq .faq .card-header[b-um9ntm6aht] {
  background-color:transparent;
  border-bottom:0 solid rgba(0,0,0,.125);
  color:#fff;
  margin-bottom:0;
  padding:0;
  line-height:1.22;
  letter-spacing:-.15px;
}
.container_faq .faq .card-header .btn-link[b-um9ntm6aht] {
  width:100%;
  font-family: var(--wd-font-body);
  font-size:1.125em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.29;
  letter-spacing:-.15px;
  text-decoration:none !important;
  color:var(--wd-color-text) !important;
  text-align:left;
  word-break:break-word;
  white-space:normal;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  transition:.3s ease-in-out;
  padding-right:64px;
  margin-top:10px;
}
.container_faq .faq .card-body[b-um9ntm6aht] {
  padding:0;
  padding-top:1.125rem;
}
.container_faq .faq .card-body p[b-um9ntm6aht] {
  font-size:1em;
  font-family: var(--wd-font-body);
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
  padding-right:64px;
  /* The global p{margin:0} reset in app-wd-global.css (loaded on every page) otherwise wins
     since this rule never set margin at all — collapsing multi-paragraph FAQ answers (e.g.
     "What is a credit card Security Code…") into one squished block with no gap, unlike live. */
  margin:0 0 10px;
}
.container_faq .faq .more-less[b-um9ntm6aht] {
  margin-left:10px;
}
.container_faq .faq .card hr[b-um9ntm6aht] {
  display:block;
  border:thin;
  overflow:hidden;
  border-style:double;
  color:var(--wd-color-text);
  width:100%;
  height:0;
  margin-top:24px;
  margin-bottom:14px;
}
.container_faq .faq .accordianTitle[b-um9ntm6aht] {
  font-size:1.375em;
  font-weight:bold;
  font-family: var(--wd-font-body);
  font-stretch:normal;
  font-style:normal;
  line-height:1.18;
  letter-spacing:-.25px;
  color:var(--wd-color-accent-purple);
  margin-bottom:12px;
}
.container_faq .faq .collapsing[b-um9ntm6aht] {
  transition:.3s ease-out;
}
.container_faq .bg-white[b-um9ntm6aht] {
  background-color:#fff;
  padding:10px;
  border-radius:4px;
}
.container_faq .btnjoinrewards[b-um9ntm6aht] {
  height:49px;
  border:solid 1px var(--wd-color-brand-red);
  background-color:#fff;
  color:var(--wd-color-brand-red);
  font-size:1.125em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.39;
  letter-spacing:-.03px;
  padding-top:12px;
  padding-bottom:12px;
  padding-left:40.5px;
  padding-right:39.5px;
}
.container_faq .rewardsbtn[b-um9ntm6aht] {
  text-align:center;
  padding-top:48px;
}
.container_faq .faqcard[b-um9ntm6aht] {
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  min-width:0;
  word-wrap:break-word;
  background-color:#fff;
  background-clip:border-box;
  border-radius:.25rem;
}
@media(max-width:1024px) and (min-width:768px) {
  .container_faq .faq img[b-um9ntm6aht] {
    height:180px;
  }
  .container_faq .faq .card-header .btn-link[b-um9ntm6aht] {
    padding-right:64px;
    line-height:1.29;
    letter-spacing:-.15px;
  }
  .container_faq .faq .card-body p[b-um9ntm6aht] {
    padding-right:64px;
    font-size:.875em;
    line-height:1.43;
    letter-spacing:-.25px;
  }
}
@media only screen and (max-width:767px) {
  .container_faq .faq img[b-um9ntm6aht] {
    height:180px;
  }
  .container_faq .faq .card-header .btn-link[b-um9ntm6aht] {
    font-size:.875em;
    padding-right:40px;
    line-height:1.29;
    letter-spacing:-.15px;
  }
  .container_faq .faq .card-body p[b-um9ntm6aht] {
    padding-right:32px;
    font-size:.875em;
    line-height:1.43;
    letter-spacing:-.25px;
  }
  .container_faq .faq .accordianTitle[b-um9ntm6aht] {
    font-size:1.375em;
  }
}

/* ---- from giftCard-wd.scss ---- */
@keyframes stretch-b-um9ntm6aht {
  0% {
    transform:scale(.5);
    background-color:var(--wd-color-brand-red);
  }
  50% {
    background-color:var(--wd-color-brand-red);
  }
  100% {
    transform:scale(1);
    background-color:#fff;
  }
}
.btn-dot-loading.btn--loading[b-um9ntm6aht] {
  font-size:0;
}
.btn-dot-loading.btn--loading .btn-span[b-um9ntm6aht] {
  display:flex !important;
  justify-content:center;
}
.btn-dot-loading.btn--loading .btn-span b[b-um9ntm6aht] {
  animation-direction:alternate;
  animation-duration:.5s;
  animation-fill-mode:none;
  animation-iteration-count:infinite;
  animation-name:stretch-b-um9ntm6aht;
  animation-play-state:running;
  animation-timing-function:ease-out;
  border-radius:100%;
  display:block;
  height:10px;
  margin:0 1px;
  width:10px;
  animation-delay:.1s;
  margin:0 5px;
}
.btn-dot-loading.btn--loading .btn-span b:first-child[b-um9ntm6aht] {
  animation-delay:0s;
  margin:0;
}
.btn-dot-loading.btn--loading .btn-span b:last-child[b-um9ntm6aht] {
  animation-delay:.2s;
  margin:0;
}
.btn-dot-loading b[b-um9ntm6aht] {
  font-weight:normal;
}
.btn-dot-loading .btn-span[b-um9ntm6aht] {
  display:none;
}
.container_faq .faq .accordianTitle[b-um9ntm6aht] {
  text-align:justify !important;
}
.giftCard-OrderingSec[b-um9ntm6aht] {
  margin-top:100px;
  font-family: var(--wd-font-body);
}
.giftCard-OrderingSec .Padd-30[b-um9ntm6aht] {
  padding:0 15px;
}
.giftCard-OrderingSec .giftCard-boxBorder[b-um9ntm6aht] {
  height:370px;
  border:2px solid #ddd;
  border-radius:10px;
  opacity:1;
  margin:0 60px 0 60px;
}
@media(min-width:992px) {
  .giftCard-OrderingSec .giftCard-boxBorder.ordergift[b-um9ntm6aht] {
    margin-left:80px;
  }
}
.giftCard-OrderingSec .giftCard-boxBorder .topImgSec[b-um9ntm6aht] {
  height:155px;
}
.giftCard-OrderingSec .giftCard-boxBorder .imageone[b-um9ntm6aht] {
  margin-top:-73px;
}
.giftCard-OrderingSec .giftCard-boxBorder .imagetwo[b-um9ntm6aht] {
  margin-top:-77px;
}
.giftCard-OrderingSec .giftCard-boxBorder img[b-um9ntm6aht] {
  margin:auto;
  border-radius:10px;
}
.giftCard-OrderingSec .giftCard-boxBorder .textSec[b-um9ntm6aht] {
  text-align:center;
}
.giftCard-OrderingSec .giftCard-boxBorder .textSec h2[b-um9ntm6aht] {
  color:var(--wd-color-brand-red);
  font-weight:bold;
  font-family: var(--wd-font-body);
}
.giftCard-OrderingSec .giftCard-boxBorder .textSec p[b-um9ntm6aht] {
  padding:0 29px 0 30px;
  font-weight:500;
  height:105px;
}
.giftCard-OrderingSec .giftCard-boxBorder .textSec a[b-um9ntm6aht] {
  color:var(--wd-color-brand-red);
  font-weight:bold;
  line-height:3em;
}
.giftCard-OrderingSec .giftCard-boxBorder .textSec .bulkOrderLink[b-um9ntm6aht] {
  text-decoration:underline;
  text-decoration-color:var(--wd-color-brand-red);
}
.giftCard-OrderingSec .giftCard-boxBorder .textSec .main-btn[b-um9ntm6aht] {
  min-width:246px;
  height:48px;
  margin-top:10px;
  padding:0;
  color:#fff;
  /* !important needed to beat the global .main-btn{background-color:var(--wd-color-brand-red)!important} in
     app-wd-global.css — confirmed via live DOM that these two ordering cards' buttons render
     as var(--wd-color-brand-red) (rgb(200,16,46)), not the brighter var(--wd-color-brand-red) the base rule would otherwise win with. */
  background-color:var(--wd-color-brand-red) !important;
  border:1px solid var(--wd-color-brand-red) !important;
  border-radius:6px;
  -webkit-transition:background-color .2s ease-out;
  -moz-transition:background-color .2s ease-out;
  -o-transition:background-color .2s ease-out;
  transition:background-color .2s ease-out;
}
.giftCard-OrderingSec .giftCard-boxBorder .textSec .main-btn:hover[b-um9ntm6aht] {
  background-color:var(--wd-color-primary-hover) !important;
  border:1px solid var(--wd-color-primary-hover);
  color:#fff;
}
.giftCard-OrderingSec .giftCard-boxBorder .textSec .main-btn:focus[b-um9ntm6aht] {
  border:solid 2px #fff !important;
}
.alreadyhave-GiftCard[b-um9ntm6aht] {
  margin-top:40px;
  background:var(--wd-color-surface-alt);
}
.alreadyhave-GiftCard .giftcard[b-um9ntm6aht] {
  margin:30px;
  padding:20px 12px;
  margin-bottom:0;
}
.alreadyhave-GiftCard .giftcard .gift-imgSec[b-um9ntm6aht] {
  padding:0;
}
.alreadyhave-GiftCard .giftcard .giftcard-logo[b-um9ntm6aht] {
  width:287px;
  height:172px;
  background-position:center;
  background-repeat:repeat;
  background-size:cover;
  border-radius:10px;
  margin-left:43px;
}
.alreadyhave-GiftCard h2[b-um9ntm6aht] {
  color:var(--wd-color-brand-red);
  font-weight:bold;
  font-family: var(--wd-font-body);
}
.alreadyhave-GiftCard img[b-um9ntm6aht] {
  margin-left:40px;
}
.alreadyhave-GiftCard .alreadyHaveTextSec[b-um9ntm6aht] {
  margin-left:-65px;
}
.alreadyhave-GiftCard .alreadyHaveTextSec .giftLinks[b-um9ntm6aht] {
  margin-top:18px;
  display:flex;
}
.alreadyhave-GiftCard .alreadyHaveTextSec .giftcardbalance[b-um9ntm6aht] {
  margin-right:15px;
}
/* ::deep is required: this <a> comes from JsonRte's raw MarkupString HTML (the CMS body's
   tel: link), which Blazor never applies a scope attribute to (see the ul rule above for the
   same gap) — without ::deep the compiled selector carries a scope attribute the <a> never
   gets. */
.alreadyhave-GiftCard .alreadyHaveTextSec[b-um9ntm6aht]  a {
  color:var(--wd-color-brand-red);
  font-weight:bold;
}
.alreadyhave-GiftCard .alreadyHaveTextSec i[b-um9ntm6aht] {
  color:var(--wd-color-brand-red);
  font-weight:bold;
  line-height:4em;
  position:relative;
  top:2px;
  left:4px;
}
.giftCard-BulkBetterSec[b-um9ntm6aht] {
  font-family: var(--wd-font-body);
  width:100%;
  background-color:var(--wd-color-brand-red);
  text-align:center;
  color:#fff;
  border:1px solid #ddd;
  /* Not part of the copied live rule — a defensive addition. .bulkBetterImgSec's -122px pull-up
     (below) was tuned against live's own exact FAQ-box height; the FAQ box's height here is
     entirely content-driven (24 Q&As, no fixed height), so any difference in rendered height
     eats directly into that clearance. Measured via CDP: the card image was overlapping
     ~41-81px into the FAQ box's bottom edge instead of floating freely above the red band like
     live. This margin-top restores clearance without touching the negative-margin "poke up"
     values themselves. */
  margin-top:120px;
}
.giftCard-BulkBetterSec .bulkBetterImgSec[b-um9ntm6aht] {
  width:424px;
  margin-top:-122px;
  margin-left:auto;
  margin-right:auto;
  border-radius:15px;
  padding:0 40px 40px !important;
}
.giftCard-BulkBetterSec .bulkBetterTextSec h2[b-um9ntm6aht] {
  font-size:2em;
  font-weight:bold;
  font-style:normal;
  color:#fff;
  font-family: var(--wd-font-body);
  margin-top:-25px;
}
.giftCard-BulkBetterSec .bulkBetterTextSec p[b-um9ntm6aht] {
  line-height:21px !important;
  color:#fff !important;
  padding-bottom:35px;
  font-size:1.125em;
}
.giftCard-HowWorksSec[b-um9ntm6aht] {
  font-family: var(--wd-font-body);
  margin-left:8%;
  margin-right:8%;
  padding-top:90px;
  margin-top:-75px;
}
.giftCard-HowWorksSec h2[b-um9ntm6aht] {
  font-style:normal;
  color:var(--wd-color-brand-red);
  font-family: var(--wd-font-body);
  font-weight:bold;
  line-height:1.22;
  letter-spacing:0;
  font-size:1.75em;
  margin-bottom:50px;
  padding-left:12px;
}
.giftCard-HowWorksSec .boxBorder[b-um9ntm6aht] {
  min-height:230px;
  margin:10px 15px 10px 15px;
  box-shadow:rgba(0,0,0,.02) 0 1px 3px 0,rgba(27,31,35,.15) 0 0 0 1px;
  border-radius:10px;
  text-align:center;
  position:relative;
}
.giftCard-HowWorksSec .boxBorder .txtArea[b-um9ntm6aht] {
  padding:10px;
}
.giftCard-HowWorksSec .boxBorder .txtArea h3[b-um9ntm6aht] {
  font-weight:bold;
  font-size:1.125em;
  letter-spacing:0;
  font-family: var(--wd-font-body);
}
.giftCard-HowWorksSec .boxBorder .txtArea p[b-um9ntm6aht] {
  padding-left:10px;
  padding-right:10px;
  font-size:.875em;
  line-height:16px;
  font-weight:600;
}
.giftCard-HowWorksSec .boxBorder .txtArea .infoTxt[b-um9ntm6aht] {
  color:rgb(60, 60, 59);
  display:inline-block;
  font-family:var(--wd-font-body);
  font-size:12px;
  font-style:italic;
  font-weight:400;
  text-align:justify;
  padding-left:10px;
  padding-right:10px;
  margin-top: 20px !important;
  width:auto;
}
.giftCard-HowWorksSec .boxBorder .txtArea .infoTxt[b-um9ntm6aht]  a {
  color:var(--wd-color-brand-red);
  font-weight:bold;
  text-decoration:underline;
}
.giftCard-HowWorksSec .boxBorder .redCircle[b-um9ntm6aht] {
  height:45px;
  width:45px;
  font-weight:bold;
  border-radius:50%;
  background-color:var(--wd-color-brand-red);
  color:#fff;
  font-size:1.125em;
  position:absolute;
  margin-top:-25px;
  padding:9px;
  left:0;
  right:0;
  margin-right:auto;
  margin-left:auto;
}
.giftCard-HowWorksSec .orderbtn[b-um9ntm6aht] {
  text-align:center;
}
.giftCard-HowWorksSec .main-btn[b-um9ntm6aht] {
  width:246px;
  height:46px;
  padding:8px;
  display:flex;
  justify-content:center;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:50px;
  margin-top:50px;
  /* Same fix as the two ordering-card buttons above: needs !important to beat the global
     .main-btn{background-color:var(--wd-color-brand-red)!important} in app-wd-global.css. */
  background-color:var(--wd-color-brand-red) !important;
  border:1px solid var(--wd-color-brand-red) !important;
  color:#fff;
}
.giftCard-HowWorksSec .main-btn:hover[b-um9ntm6aht] {
  display:flex;
  justify-content:center;
  margin-left:auto;
  margin-right:auto;
}
@media(min-width:768px) and (max-width:991px) {
  .giftCard-OrderingSec[b-um9ntm6aht] {
    margin-top:100px;
    font-family: var(--wd-font-body);
  }
  .giftCard-OrderingSec .Padd-30[b-um9ntm6aht] {
    padding:0 15px;
  }
  .giftCard-OrderingSec .giftCard-boxBorder[b-um9ntm6aht] {
    height:365px;
    border:2px solid #ddd;
    border-radius:10px;
    opacity:1;
    margin-left:10px;
    margin-right:5px;
  }
  .giftCard-OrderingSec .giftCard-boxBorder .imageone[b-um9ntm6aht] {
    width:auto;
    margin-top:-69px;
  }
  .giftCard-OrderingSec .giftCard-boxBorder .imagetwo[b-um9ntm6aht] {
    width:auto;
    margin-top:-67px;
  }
  .giftCard-OrderingSec .giftCard-boxBorder img[b-um9ntm6aht] {
    margin:auto;
    margin-left:auto;
    margin-right:auto;
    border-radius:10px;
  }
  .giftCard-OrderingSec .giftCard-boxBorder .textSec[b-um9ntm6aht] {
    text-align:center;
  }
  .giftCard-OrderingSec .giftCard-boxBorder .textSec h2[b-um9ntm6aht] {
    color:var(--wd-color-brand-red);
    font-size:24px;
    margin-top:10px;
    font-family: var(--wd-font-body);
  }
  .giftCard-OrderingSec .giftCard-boxBorder .textSec p[b-um9ntm6aht] {
    padding:0 10px 0 10px;
    font-weight:500;
    text-align:unset;
  }
  .giftCard-OrderingSec .giftCard-boxBorder .textSec a[b-um9ntm6aht] {
    color:var(--wd-color-brand-red);
    font-weight:bold;
    line-height:3em;
  }
  .giftCard-OrderingSec .giftCard-boxBorder .textSec .bulkOrderLink[b-um9ntm6aht] {
    text-decoration:underline;
    text-decoration-color:var(--wd-color-brand-red);
  }
  .giftCard-OrderingSec .giftCard-boxBorder .textSec .main-btn[b-um9ntm6aht] {
    min-width:188px;
    height:49px;
    margin-top:10px;
    padding:0;
  }
  .alreadyhave-GiftCard .giftcard[b-um9ntm6aht] {
    margin-left:5px;
    padding-left:10px;
  }
  .alreadyhave-GiftCard .giftcard .giftcard-logo[b-um9ntm6aht] {
    margin-left:5px;
    width:210px;
    height:125px;
  }
  .alreadyhave-GiftCard .alreadyHaveTextSec[b-um9ntm6aht]  a {
    font-size:1.125em;
  }
  .alreadyhave-GiftCard .alreadyHaveTextSec h2[b-um9ntm6aht] {
    color:var(--wd-color-brand-red);
    font-size:2em;
    font-family: var(--wd-font-body);
  }
  .alreadyhave-GiftCard img[b-um9ntm6aht] {
    margin-left:7px;
  }
  .giftCard-BulkBetterSec[b-um9ntm6aht] {
    font-family: var(--wd-font-body);
    width:100%;
    background-color:var(--wd-color-brand-red);
    text-align:center;
    color:#fff;
    border:1px solid #ddd;
  }
  .giftCard-BulkBetterSec .bulkBetterImgSec[b-um9ntm6aht] {
    width:424px;
    margin-top:-122px;
    margin-left:auto;
    margin-right:auto;
    border-radius:15px;
    padding:40px;
  }
  .giftCard-BulkBetterSec .bulkBetterTextSec h2[b-um9ntm6aht] {
    font-size:1.375em;
    font-weight:bold;
    font-style:normal;
    color:#fff;
    font-family: var(--wd-font-body);
    margin-top:-25px;
  }
  .giftCard-BulkBetterSec .bulkBetterTextSec p[b-um9ntm6aht] {
    line-height:21px !important;
    color:#fff !important;
    padding-left:20px;
    padding-right:22px;
  }
  .giftCard-HowWorksSec[b-um9ntm6aht] {
    font-family: var(--wd-font-body);
    margin-left:8%;
    margin-right:8%;
    padding-top:90px;
    margin-top:-75px;
  }
  .giftCard-HowWorksSec h2[b-um9ntm6aht] {
    font-style:normal;
    color:var(--wd-color-brand-red);
    font-family: var(--wd-font-body);
    font-weight:bold;
    line-height:1.22;
    letter-spacing:0;
    font-size:1.75em;
    margin-bottom:50px;
    padding-left:0;
  }
  .giftCard-HowWorksSec .tab_pair[b-um9ntm6aht] {
    display:flex;
  }
  .giftCard-HowWorksSec .workSteps[b-um9ntm6aht] {
    margin-left:auto;
    margin-right:auto;
  }
  .giftCard-HowWorksSec .workSteps:nth-child(even) .boxBorder[b-um9ntm6aht] {
    float:right;
  }
  .giftCard-HowWorksSec .boxBorder[b-um9ntm6aht] {
    min-height:180px;
    width:300px;
    margin:10px 0 40px 0;
    box-shadow:rgba(0,0,0,.02) 0 1px 3px 0,rgba(27,31,35,.15) 0 0 0 1px;
    border-radius:10px;
    text-align:center;
    position:relative;
  }
  .giftCard-HowWorksSec .boxBorder .txtArea[b-um9ntm6aht] {
    padding:10px;
  }
  .giftCard-HowWorksSec .boxBorder .txtArea h3[b-um9ntm6aht] {
    font-weight:bold;
    font-size:1.125em;
    letter-spacing:0;
    font-family: var(--wd-font-body);
  }
  .giftCard-HowWorksSec .boxBorder .txtArea p[b-um9ntm6aht] {
    padding-left:10px;
    padding-right:10px;
    font-size:1em;
    line-height:16px;
    font-weight:600;
  }
  .giftCard-HowWorksSec .boxBorder .txtArea .infoTxt[b-um9ntm6aht] {
    padding-left:10px;
    padding-right:10px;
    font-size:.875em;
    font-style:italic;
    text-align:justify;
  }
  .giftCard-HowWorksSec .boxBorder .txtArea .infoTxt[b-um9ntm6aht]  a {
    color:var(--wd-color-brand-red);
    font-weight:bold;
    text-decoration:underline;
  }
  .giftCard-HowWorksSec .main-btn[b-um9ntm6aht] {
    width:246px;
    height:46px;
    padding:8px;
    display:flex;
    justify-content:center;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:50px;
    margin-top:0;
  }
}
@media(min-width:100px) and (max-width:767px) {
  .App_Header_section .App_Header[b-um9ntm6aht] {
    text-align:center;
    margin:0 !important;
    padding-top:24px !important;
    padding-left:20px !important;
    padding-right:20px !important;
    padding-bottom:0 !important;
  }
  .App_Header_section ul[b-um9ntm6aht] {
    padding:8px 0 !important;
  }
  .giftCard-OrderingSec .Padd-30[b-um9ntm6aht] {
    padding:0 15px;
  }
  .giftCard-OrderingSec .giftCard-boxBorder[b-um9ntm6aht] {
    height:auto;
    margin-left:10px;
    margin-right:5px;
    margin-bottom:75px;
    padding-bottom:20px;
  }
  .giftCard-OrderingSec .giftCard-boxBorder .imageone[b-um9ntm6aht] {
    width:auto;
    margin-top:-60px;
  }
  .giftCard-OrderingSec .giftCard-boxBorder .imagetwo[b-um9ntm6aht] {
    width:auto;
    margin-top:-70px;
    height:auto;
  }
  .giftCard-OrderingSec .giftCard-boxBorder img[b-um9ntm6aht] {
    margin:auto;
    height:120px;
    margin-left:auto;
    margin-right:auto;
    border-radius:10px;
  }
  .giftCard-OrderingSec .giftCard-boxBorder .textSec[b-um9ntm6aht] {
    text-align:center;
  }
  .giftCard-OrderingSec .giftCard-boxBorder .textSec h2[b-um9ntm6aht] {
    color:var(--wd-color-brand-red);
    font-size:22px;
    margin-top:0;
    font-family: var(--wd-font-body);
  }
  .giftCard-OrderingSec .giftCard-boxBorder .textSec p[b-um9ntm6aht] {
    font-weight:500;
    text-align:unset;
    padding:3px;
    margin-bottom:12px;
    height:auto;
  }
  .giftCard-OrderingSec .giftCard-boxBorder .textSec a[b-um9ntm6aht] {
    color:var(--wd-color-brand-red);
    font-weight:bold;
    line-height:3em;
  }
  .giftCard-OrderingSec .giftCard-boxBorder .textSec .bulkOrderLink[b-um9ntm6aht] {
    text-decoration:underline;
    text-decoration-color:var(--wd-color-brand-red);
  }
  .giftCard-OrderingSec .giftCard-boxBorder .textSec .main-btn[b-um9ntm6aht] {
    min-width:218px;
    height:46px;
    margin-top:10px;
    padding:0;
  }
  .alreadyhave-GiftCard[b-um9ntm6aht] {
    font-family: var(--wd-font-body);
    padding:20px;
    background:var(--wd-color-surface-alt);
    margin-top:-20px;
  }
  .alreadyhave-GiftCard .giftcard[b-um9ntm6aht] {
    margin:0;
    padding:0;
  }
  .alreadyhave-GiftCard .giftcard .giftcard-logo[b-um9ntm6aht] {
    width:210px;
    height:125px;
    margin:0 auto;
  }
  .alreadyhave-GiftCard h2[b-um9ntm6aht] {
    color:var(--wd-color-brand-red);
    font-size:23px;
    font-family: var(--wd-font-body);
  }
  .alreadyhave-GiftCard img[b-um9ntm6aht] {
    height:120px;
    margin-left:auto;
    margin-right:auto;
    width:210px;
  }
  .alreadyhave-GiftCard .alreadyHaveTextSec[b-um9ntm6aht] {
    margin-left:0;
    text-align:center;
  }
  .alreadyhave-GiftCard .alreadyHaveTextSec .giftLinks[b-um9ntm6aht] {
    margin-top:0;
    display:block;
  }
  .alreadyhave-GiftCard .alreadyHaveTextSec .giftcardbalance[b-um9ntm6aht] {
    margin-right:0;
  }
  .giftCard-BulkBetterSec[b-um9ntm6aht] {
    font-family: var(--wd-font-body);
    width:100%;
    background-color:var(--wd-color-brand-red);
    text-align:center;
    color:#fff;
    margin-top:50px;
    border:1px solid #ddd;
  }
  .giftCard-BulkBetterSec .bulkBetterImgSec[b-um9ntm6aht] {
    width:300px;
    margin-top:-63px;
    margin-left:auto;
    margin-right:auto;
    border-radius:15px;
    padding:0;
    max-width:100%;
  }
  .giftCard-BulkBetterSec .bulkBetterTextSec h2[b-um9ntm6aht] {
    font-size:1.375em;
    font-weight:bold;
    font-style:normal;
    color:#fff;
    font-family: var(--wd-font-body);
    margin-top:5px;
  }
  .giftCard-BulkBetterSec .bulkBetterTextSec p[b-um9ntm6aht] {
    font-size:1em;
    line-height:21px !important;
    color:#fff !important;
    text-size-adjust:auto;
    padding-left:12px;
    padding-right:12px;
    margin:0 auto;
  }
  .giftCard-HowWorksSec[b-um9ntm6aht] {
    font-family: var(--wd-font-body);
    margin-left:6%;
    margin-right:6%;
    padding-top:90px;
    margin-top:-75px;
  }
  .giftCard-HowWorksSec h2[b-um9ntm6aht] {
    font-style:normal;
    color:var(--wd-color-brand-red);
    font-family: var(--wd-font-body);
    font-weight:bold;
    line-height:1.22;
    letter-spacing:0;
    font-size:1.375em;
    margin-bottom:50px;
    padding-left:0;
  }
  .giftCard-HowWorksSec .boxBorder[b-um9ntm6aht] {
    min-height:160px;
    margin:10px 0 50px 0;
    box-shadow:rgba(0,0,0,.02) 0 1px 3px 0,rgba(27,31,35,.15) 0 0 0 1px;
    border-radius:10px;
    text-align:center;
    position:relative;
  }
  .giftCard-HowWorksSec .boxBorder .txtArea[b-um9ntm6aht] {
    padding:10px;
  }
  .giftCard-HowWorksSec .boxBorder .txtArea h3[b-um9ntm6aht] {
    font-weight:bold;
    font-size:1.125em;
    letter-spacing:0;
    font-family: var(--wd-font-body);
  }
  .giftCard-HowWorksSec .boxBorder .txtArea p[b-um9ntm6aht] {
    padding-left:10px;
    padding-right:10px;
    font-size:.875em;
    line-height:16px;
    font-weight:600;
  }
  .giftCard-HowWorksSec .boxBorder .txtArea .infoTxt[b-um9ntm6aht] {
    padding-left:10px;
    padding-right:10px;
    font-size:.75em;
    font-style:italic;
    text-align:justify;
  }
  .giftCard-HowWorksSec .boxBorder .txtArea .infoTxt[b-um9ntm6aht]  a {
    color:var(--wd-color-brand-red);
    font-weight:bold;
    text-decoration:underline;
  }
  .giftCard-HowWorksSec .main-btn[b-um9ntm6aht] {
    width:auto;
    height:46px;
    padding:8px;
    display:flex;
    justify-content:center;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:50px;
    margin-top:0;
  }
}
@media(min-width:992px) and (max-width:1199px) {
  .App_Header_section .App_Header[b-um9ntm6aht] {
    margin-top:80px !important;
  }
}
@media(min-width:800px) and (max-width:990px) {
  .giftCard-HowWorksSec .boxBorder[b-um9ntm6aht] {
    width:320px;
  }
}
@media(min-width:1200px) {
  .App_Header_section .App_Header[b-um9ntm6aht] {
    margin-top:auto !important;
  }
}
@media(min-width:1025px) {
  .giftCard-HowWorksSec[b-um9ntm6aht] {
    font-family: var(--wd-font-body);
    margin-left:5.8%;
    margin-right:4%;
    padding-top:90px;
    margin-top:-75px;
  }
}

/* ---- Inline styles moved to scoped CSS (Section 7 cleanup) — each rule below replaces an
   inline style="" that was on the matching element/class in PageSections.razor. Dynamic
   inline styles (values driven by a Razor expression, e.g. background-color:@bg) are left in
   the markup — those aren't candidates for a static CSS rule. ---- */


.rich-text-dept-note[b-um9ntm6aht] {
    text-align: center;
    margin: 30px;
}

.document-links-block[b-um9ntm6aht] {
    background: #fff;
}

.document-links-heading-accent[b-um9ntm6aht] {
    color: var(--wd-color-brand-red);
}

.document-desc-text[b-um9ntm6aht] {
    color: var(--wd-color-text);
}

.faq_contact[b-um9ntm6aht] {
    color: var(--wd-color-brand-red);
    font-weight: bold;
}

.Mystery-appSection[b-um9ntm6aht] {
    background: var(--wd-color-surface-alt);
}

.Mystery-heading h2[b-um9ntm6aht] {
    color: var(--wd-color-text);
}

.headerP5[b-um9ntm6aht] {
    padding: 0px;
    margin-bottom: 0px;
}

.community-body-wrap[b-um9ntm6aht] {
    padding: 0 !important;
    margin: 0 !important;
}

.redtext.m-0.mb-10[b-um9ntm6aht] {
    font-weight: 700;
}

.collage-img[b-um9ntm6aht] {
    margin-top: 85px;
}

.summerdiv.row.col-lg-12[b-um9ntm6aht] {
    margin-top: 25px;
}

.main-btn.webonly[b-um9ntm6aht] {
    margin-top: 15px;
}

#dvStoreNum[b-um9ntm6aht],
#dvStoreLoctn[b-um9ntm6aht] {
    display: none;
}

.g-recaptcha-placeholder[b-um9ntm6aht] {
    width: 304px;
    height: 78px;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #767676;
    font-size: .8em;
}

#contactFindStoreModal[b-um9ntm6aht] {
    display: none;
}

.tooltip-link[b-um9ntm6aht] {
    font-size: 12px;
    color: #fff;
}

/* Fallback only — RenderPharmacySearchSection now renders this inline from the CMS entry's own
   background_image/background_color (a real Contentstack asset, extracted in
   CurrentStackBrandsPagesService.BuildOurBrands), which wins via source order/specificity tie
   whenever present. This rule only takes over if that inline style is ever absent — moved to the
   Contentstack-hosted equivalent of the local shoponline_images/shoponline-wdbg.png. */
.pharmacy-search-section.full-width[b-um9ntm6aht] {
    background-color: var(--wd-color-brand-red);
    background-image: url('https://azure-na-images.contentstack.com/v3/assets/blt6fffe1e828812f6a/blt828995f2dfefcc97/6a8c340566ad7749825cc173/shoponline-wdbg.png');
}

.errorMessage[b-um9ntm6aht] {
    display: none;
}

.address-table[b-um9ntm6aht] {
    width: 473px;
    height: 44px;
}

.subpoena-closing-paragraph[b-um9ntm6aht] {
    margin-bottom: 32px;
}

.sub-list[b-um9ntm6aht] {
    list-style-type: none;
}

.sub-list em.fa-file-pdf[b-um9ntm6aht] {
    color: #000;
}
/* /Components/Shared/RecallList.razor.rz.scp.css */
.pressDiv img.img-responsive.hidden-xs[b-gn0tm4852l] {
    max-width: 230px;
    max-height: 210px;
    padding: 25px 30px;
    float: right;
}
/* /Components/Shared/RewardsStatCards.razor.rz.scp.css */
/* Scoped to RewardsStatCards.razor — the stat-card row shared by /myaccount and
   /myaccount/myrewards. Sourced from .SavingsAndPoints rules in accountOverview-wd.scss and
   myAccountsRewards-wd.scss (both pages had their own copy, prefixed .account__overview /
   .account__myrewards for old global-CSS namespacing — dropped since Blazor's scope
   attribute already isolates this component). Must live here, not on a hosting page: a
   parent's scoped CSS can't reach a child component's markup without ::deep. */

@media(min-width:992px) {
  .SavingsAndPoints[b-4dc0792x1q] {
    display:flex;
    justify-content:center;
    margin-bottom:32px;
  }
}
.SavingsAndPoints ._currentDiv[b-4dc0792x1q] {
  padding-right:12px;
  padding-left:0;
}
@media(max-width:991px) {
  .SavingsAndPoints ._currentDiv[b-4dc0792x1q] {
    padding:0;
  }
}
.SavingsAndPoints ._currentDiv .box_shadow.balance_box[b-4dc0792x1q] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  background-color:#fff;
  padding:24px;
  border-radius:8px;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
@media(min-width:100px) and (max-width:767px) {
  .SavingsAndPoints ._currentDiv .box_shadow.balance_box[b-4dc0792x1q] {
    padding:14px;
  }
}
@media(min-width:100px) and (max-width:991px) {
  .SavingsAndPoints ._currentDiv .box_shadow.balance_box[b-4dc0792x1q] {
    margin-bottom:32px;
  }
}
.SavingsAndPoints ._savingsDiv[b-4dc0792x1q] {
  padding-left:12px;
  padding-right:0;
}
@media(max-width:991px) {
  .SavingsAndPoints ._savingsDiv[b-4dc0792x1q] {
    padding:0;
  }
}
.SavingsAndPoints ._savingsDiv .box_shadow.savings_box[b-4dc0792x1q] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  background-color:#fff;
  padding:24px;
  border-radius:8px;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
@media(min-width:100px) and (max-width:767px) {
  .SavingsAndPoints ._savingsDiv .box_shadow.savings_box[b-4dc0792x1q] {
    padding:14px;
  }
}
@media(min-width:100px) and (max-width:991px) {
  .SavingsAndPoints ._savingsDiv .box_shadow.savings_box[b-4dc0792x1q] {
    margin-bottom:32px;
  }
}
.SavingsAndPoints h2.main_headH2[b-4dc0792x1q] {
  margin: 5px 0;
  color:var(--wd-color-text);
  font-family: var(--wd-font-body);
  font-size:1.375em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.36;
  letter-spacing:-.31px;
  text-align:left;
  border-bottom:1px solid #ddd;
  padding-bottom:12px;
}
.SavingsAndPoints .image_Sec[b-4dc0792x1q] {
  display:flex;
  padding:20px 5px 10px;
  justify-content:center;
  align-items:center;
}
.SavingsAndPoints h3.pointsHead[b-4dc0792x1q] {
  margin:0;
  font-family: var(--wd-font-body);
  font-size:3em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:.75;
  letter-spacing:-.51px;
  text-align:left;
  color:var(--wd-color-accent-purple);
  padding-left:14px;
  padding-top:20px;
}
.SavingsAndPoints p.pointText[b-4dc0792x1q],.SavingsAndPoints p.expireText[b-4dc0792x1q] {
  display:block;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.5;
  letter-spacing:-.22px;
  text-align:center;
  color:var(--wd-color-text);
  margin: 4px 0;
}
.SavingsAndPoints p.expireText[b-4dc0792x1q] {
  color:var(--wd-color-accent-purple);
  margin:0 !important;
  line-height:1.25 !important;
}
@media(min-width:100px) and (max-width:767px) {
  .SavingsAndPoints p.expireText[b-4dc0792x1q] {
    padding-top:5px;
    padding-bottom:14px;
  }
}
.SavingsAndPoints a.rewards_link[b-4dc0792x1q] {
  display:block;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.25;
  letter-spacing:-.19px;
  text-align:center;
  color:var(--wd-color-brand-red);
  text-decoration:underline;
}
@media(min-width:100px) and (max-width:767px) {
  .SavingsAndPoints a.rewards_link[b-4dc0792x1q] {
    padding-top:5px;
    padding-bottom:14px;
  }
}
/* /Components/Shared/SustainabilityPledgeTemplate.razor.rz.scp.css */
/* Scoped to SustainabilityPledgeTemplate.razor — the rendering template shared by all 7
   sustainability-pledge routes: the dedicated /sustainability page (SustainabilityPage.razor)
   plus the other 6 (/chicken-wellbeing, /produce-sourcing, /seafood-pledge, /pollinator-health,
   /responsible-marketing, /animal-welfare, still hosted by SustainabilityPledge.razor) — one
   left-menu shell shared across all of them. Moved out of SustainabilityPledge.razor.css when
   /sustainability was split into its own dedicated page/route, since Blazor CSS isolation scopes
   to whichever component's markup actually emits the elements — this template, now, for all 7.
   Migrated from wwwroot/scss/WD/SEGLeftMenu.scss (previously linked directly in this page's own
   HeadContent — not a global bundle, so no App.razor/sasscompiler.json cross-page check was
   needed beyond confirming no OTHER component also renders .leftmenu/.headsection/.chickenwellbeing
   markup, which grep confirmed). Deduped the file's own repeated @keyframes stretch/.btn-dot-loading
   boilerplate.

   Note: DynamicPage.razor's PageCssMap used to have a ["/Sustainability"] entry that ALSO
   referenced this same bundle, but it was dead/unreachable code — DynamicPage's
   "@page "/{*path}"" catch-all route never actually won against either SustainabilityPage.razor's
   explicit "@page "/sustainability"" or SustainabilityPledge.razor's explicit "@page" routes
   (Blazor always prefers a specific route over a catch-all). That map entry has since been
   removed from DynamicPage.razor.cs, so this template's only real consumers are the 7 pledge
   pages listed above.

   No ::deep anywhere: this template has no client-side DOM building at all — every class below
   (.leftNav-section/.leftmenu, .chickenwellbeing, .headsection, .sustainability,
   .sustainability-main-section) is rendered directly by this component's own markup/CMS loops.
*/

@keyframes stretch-b-jjr5ld0zfo {
  0% {
    transform:scale(.5);
    background-color:var(--wd-color-brand-red);
  }
  50% {
    background-color:var(--wd-color-brand-red);
  }
  100% {
    transform:scale(1);
    background-color:#fff;
  }
}
.btn-dot-loading.btn--loading[b-jjr5ld0zfo] {
  font-size:0;
}
.btn-dot-loading.btn--loading .btn-span[b-jjr5ld0zfo] {
  display:flex !important;
  justify-content:center;
}
.btn-dot-loading.btn--loading .btn-span b[b-jjr5ld0zfo] {
  animation-direction:alternate;
  animation-duration:.5s;
  animation-fill-mode:none;
  animation-iteration-count:infinite;
  animation-name:stretch-b-jjr5ld0zfo;
  animation-play-state:running;
  animation-timing-function:ease-out;
  border-radius:100%;
  display:block;
  height:10px;
  margin:0 1px;
  width:10px;
  animation-delay:.1s;
  margin:0 5px;
}
.btn-dot-loading.btn--loading .btn-span b:first-child[b-jjr5ld0zfo] {
  animation-delay:0s;
  margin:0;
}
.btn-dot-loading.btn--loading .btn-span b:last-child[b-jjr5ld0zfo] {
  animation-delay:.2s;
  margin:0;
}
.btn-dot-loading b[b-jjr5ld0zfo] {
  font-weight:normal;
}
.btn-dot-loading .btn-span[b-jjr5ld0zfo] {
  display:none;
}
@media(max-width:767px) {
  .leftNav-section[b-jjr5ld0zfo] {
    display:flex;
    justify-content:center;
    padding:32px 24px;
    margin-left:0;
  }
}
.leftNav-section .leftmenu[b-jjr5ld0zfo] {
  width:218px;
  box-shadow:0 3px 6px rgba(0,0,0,.160784);
  border-radius:4px;
  opacity:1;
  background:var(--wd-color-surface-alt);
  padding:15px 0;
  margin-top:30px;
}
@media(min-width:768px) and (max-width:991px) {
  .leftNav-section .leftmenu[b-jjr5ld0zfo] {
    width:200px !important;
  }
}
@media(max-width:767px) {
  .leftNav-section .leftmenu[b-jjr5ld0zfo] {
    width:100% !important;
    margin-top:0;
  }
}
.leftNav-section .leftmenu ul[b-jjr5ld0zfo] {
  font-size:62.5%;
  list-style:none;
  padding:0;
  margin:0;
}
.leftNav-section .leftmenu ul li a[b-jjr5ld0zfo] {
  height:initial !important;
  color:var(--wd-color-text);
  font-style:normal;
  font-weight:bold;
  font-size:14px;
  line-height:18px;
  padding:10px 25px 10px 20px;
  display:flex;
  align-items:center;
  letter-spacing:-.22px;
  cursor:pointer !important;
}
.leftNav-section .leftmenu ul li a span[b-jjr5ld0zfo] {
  font-family: var(--wd-font-body);
}
.leftNav-section .leftmenu ul li a:hover[b-jjr5ld0zfo],.leftNav-section .leftmenu ul li a:focus[b-jjr5ld0zfo] {
  color:var(--wd-color-brand-red);
  text-decoration:underline;
}
.leftNav-section .leftmenu ul li a.selected__item[b-jjr5ld0zfo]:before,.leftNav-section .leftmenu ul li a.selected__item:hover[b-jjr5ld0zfo]:before,.leftNav-section .leftmenu ul li a.selected__item:focus[b-jjr5ld0zfo]:before {
  position:absolute;
  content:"";
  height:35px;
  width:4px;
  background-color:var(--wd-color-brand-red);
  z-index:1;
  top:auto;
  border:none;
  margin-left:-20px;
}
@media(max-width:767px) {
  .leftNav-section .leftmenu ul li a.selected__item[b-jjr5ld0zfo]:before,.leftNav-section .leftmenu ul li a.selected__item:hover[b-jjr5ld0zfo]:before,.leftNav-section .leftmenu ul li a.selected__item:focus[b-jjr5ld0zfo]:before {
    height:26px;
  }
}
.chickenwellbeing a:focus[b-jjr5ld0zfo] {
  display:initial;
}
.chickenwellbeing[b-jjr5ld0zfo] {
  padding:10px;
  line-height:1.5;
  font-family: var(--wd-font-body);
  color:var(--wd-color-text);
}
.chickenwellbeing a[b-jjr5ld0zfo] {
  color:var(--wd-color-brand-red);
  font-weight:bold;
}
.chickenwellbeing h1[b-jjr5ld0zfo] {
  color:var(--wd-color-brand-red);
}
/* Live's .container-fluid__full only sets background-color; live relies on the nested
   .container (inside .contentsection, below) to cap content width, so .headsection — a sibling
   BEFORE that .container — bleeds to full viewport width. Our .container-fluid__full is capped
   at 1170px globally (see _app-wd-legacy-content.scss) because most page shells render straight
   from .container-fluid__full with no nested .container of their own; this template DOES have
   one (.contentsection > .container), so .headsection here picks up that cap it never should.
   Standard "break out of a centered container" fix: only for the plain single-image hero
   (.headsection without .headsection-Header, the split hero/heading layout that intentionally
   stays column-width). */
.headsection:not(.headsection-Header)[b-jjr5ld0zfo] {
  width:100vw;
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
}
/* 100vw includes the vertical scrollbar's own width while the page's content box does not, so
   on any desktop viewport where the page scrolls vertically the full-bleed rule above ends up
   ~15px wider than the content box and adds a horizontal scrollbar of its own. Swapping to a
   scrollbar-gutter-aware width isn't safe here — .headsection sits nested inside
   .container-fluid__full (capped at 1170px, per this file's own comment above), so a local
   "100%" wouldn't resolve to the document's full width for the math to work. Clipping the
   overflow at this component's own outermost element (border-topBtm, .border-topBtm's markup is
   this template's own — see SustainabilityPledgeTemplate.razor) is the safe fix instead: nothing
   else on the page relies on this template's own edges overflowing. */
.border-topBtm[b-jjr5ld0zfo] {
  overflow-x:hidden;
}
.headsection img[b-jjr5ld0zfo] {
  width:100%;
  height:auto;
}
.sustainability img[b-jjr5ld0zfo] {
  width:100%;
  height:auto;
}
.chickenwellbeing ol[b-jjr5ld0zfo] {
  list-style:gurmukhi;
  margin:0;
  padding:0;
  padding-left:30px;
}
.chickenwellbeing li[b-jjr5ld0zfo] {
  list-style:decimal;
}
@media(min-width:100px) and (max-width:767px) {
  .chickenwellbeing[b-jjr5ld0zfo] {
    padding:30px;
  }
  .chickenwellbeing h1[b-jjr5ld0zfo] {
    text-align:center;
  }
}
.border-topBtm[b-jjr5ld0zfo] {
  background-color:#fff;
}
.headcontent[b-jjr5ld0zfo] {
  margin:10%;
}
.container-fluid[b-jjr5ld0zfo] {
  padding-right:0;
  padding-left:0;
}
.container[b-jjr5ld0zfo] {
  padding-bottom:0;
}
@media(min-width:100px) and (max-width:767px) {
  .container[b-jjr5ld0zfo] {
    padding-right:0 !important;
    padding-left:0 !important;
  }
}
@media(min-width:768px) and (max-width:1200px) {
  .sustainability-main-section[b-jjr5ld0zfo] {
    padding-left:40px;
  }
}
/* /Components/WeeklyAd/PromoBanner.razor.rz.scp.css */
/* Moved from WeeklyAd.razor.css when PromoBanner was extracted into its own component. */

/* ============ PROMO BANNER (.ad_section) — live renders these rules via a per-instance
   <style> tag (legacy Sitecore convention), not a shared stylesheet, so they were missing here
   and .ad_background collapsed to 0 height. .image_container is always empty; the visible image
   is the inline background-image set per breakpoint in WeeklyAd.razor. Copied verbatim from
   live. ============ */
@media (max-width:767px) {
  .ad_section[b-d47byzvjab] {
    padding:0 15px;
  }
}
.ad_section a[b-d47byzvjab] {
  display:block;
}
.ad_section .ad_background[b-d47byzvjab] {
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  border-radius:4px;
}
.ad_section .inner_div[b-d47byzvjab] {
  text-align:center;
  padding:82px 15px;
}
.ad_section .shop_now[b-d47byzvjab] {
  width:250px;
  text-align:center;
  margin-right:45px;
  margin-left:auto;
}
.ad_section .shop_now p[b-d47byzvjab] {
  color:#fff;
  font-weight:bold;
  font-size:1.3em;
}
.ad_section .shop_now .shop_now_btn[b-d47byzvjab] {
  width:100px;
  font-weight:bold;
  background-color:#fff;
  color:blue;
  margin:25px auto 0;
  padding:5px;
}
@media (max-width:992px) {
  .ad_section .ad_background[b-d47byzvjab] {
    background-size:100% 100%;
    height:100px;
    margin-top:20px;
    margin-bottom:20px;
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .ad_section .inner_div[b-d47byzvjab] {
    padding:70px 15px;
  }
}
@media (min-width:992px) {
  .ad_section .ad_background[b-d47byzvjab] {
    margin-bottom:19px;
  }
}
@media (min-width:500px) and (max-width:690px) {
  .ad_section .ad_background[b-d47byzvjab] {
    height:101px;
  }
}
@media (max-width:500px) {
  .ad_section .ad_background[b-d47byzvjab] {
    height:100%;
    margin-top:0;
  }
  .ad_section .inner_div[b-d47byzvjab] {
    padding:32px 0;
  }
}
@media (min-width:100px) and (max-width:767px) {
  .ad_section .ad_background[b-d47byzvjab] {
    margin-top:10px;
  }
}
@media (max-width:761px) {
  .ad_section .inner_div[b-d47byzvjab] {
    padding:32px 0;
  }
}
/* /Components/WeeklyAd/StoreHeader.razor.rz.scp.css */
/* Moved from WeeklyAd.razor.css when StoreHeader was extracted into its own component.
   No ::deep needed: nothing here is JS-manipulated DOM (see that file's header). */

.flipp__changeStore .include-rewards-background[b-a1tk1gg0lx] {
  box-shadow:0 2px 14px 0 rgba(0,0,0,.25);
  background-color:#fff;
  margin:0 auto;
  border-left:15px solid var(--wd-color-brand-red);
}
.flipp__changeStore .whatsrewards[b-a1tk1gg0lx] {
  padding:32px 47px;
  display:flex;
  align-items:center;
}
.flipp__changeStore .whatsrewards h3[b-a1tk1gg0lx] {
  text-align:left;
  font-family: var(--wd-font-body);
  font-size:22px;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.18;
  letter-spacing:-.25px;
  margin-top:0;
  color:var(--wd-color-brand-red);
}
.flipp__changeStore .whatsrewards p[b-a1tk1gg0lx] {
  font-family: var(--wd-font-body);
  font-size:16px;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.43;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
}
.flipp__changeStore .whatsrewards ul[b-a1tk1gg0lx] {
  margin-left:24px;
  margin-bottom:0;
  padding-left:10px;
  font-family: var(--wd-font-body);
  font-size:16px;
  line-height:1.43;
  letter-spacing:-.25px;
  list-style:disc;
}
.flipp__changeStore .whatsrewards li[b-a1tk1gg0lx] {
  list-style:disc;
  font-weight:bold;
  color:var(--wd-color-text);
}
.flipp__changeStore .alert-success[b-a1tk1gg0lx] {
  margin:0;
  width:300px;
  position:absolute;
  right:0;
  top:32px;
  color:#fff;
  background-color:#333;
  border-color:#333;
  font-size:.875em;
  text-align:center;
  border-radius:0;
}
.flipp__changeStore .alert-success .close[b-a1tk1gg0lx],.flipp__changeStore .alert-success .close:focus[b-a1tk1gg0lx],.flipp__changeStore .alert-success .close:active[b-a1tk1gg0lx],.flipp__changeStore .alert-success .close:hover[b-a1tk1gg0lx] {
  color:#fff;
  opacity:.5;
  position:absolute;
  top:8px;
  right:12px;
}
.flipp__changeStore .disp_block[b-a1tk1gg0lx] {
  display:block;
}
.flipp__changeStore .d-flex[b-a1tk1gg0lx] {
  display:flex;
}
.flipp__changeStore .error__Msg[b-a1tk1gg0lx] {
  display:none;
  color:var(--wd-color-brand-red);
  font-size:1em;
  font-weight:600;
  margin-top:5px;
}
.flipp__changeStore .store__cityStateZip[b-a1tk1gg0lx] {
  display:inline-block;
  width:75%;
}
.flipp__changeStore .store__cityStateZip a[b-a1tk1gg0lx] {
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  color:var(--wd-color-text);
}
.flipp__changeStore .store__changeSection[b-a1tk1gg0lx] {
  width:25%;
  text-align:right;
}
.flipp__changeStore .flipp__storeAddress[b-a1tk1gg0lx] {
  padding-top:20px;
}
@media(min-width:992px) {
  .flipp__changeStore .flipp__storeAddress[b-a1tk1gg0lx] {
    padding-bottom:20px;
  }
}
@media(max-width:991px) {
  .flipp__changeStore .flipp__storeAddress[b-a1tk1gg0lx] {
    padding-top:20px;
  }
}
.flipp__changeStore .flipp__storeAddress h1.weekly-ad-head span[b-a1tk1gg0lx] {
  font-family: var(--wd-font-body);
  font-size:46px;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.09;
  letter-spacing:-.59px;
  color:var(--wd-color-text);
}
@media(max-width:991px) {
  .flipp__changeStore .flipp__storeAddress h1.weekly-ad-head span[b-a1tk1gg0lx] {
    font-size:36px;
    line-height:1.39;
    letter-spacing:-.46px;
  }
}
@media(max-width:767px) {
  .flipp__changeStore .flipp__storeAddress h1.weekly-ad-head span[b-a1tk1gg0lx] {
    font-size:26px;
    line-height:1.35;
    letter-spacing:-.49px;
  }
}
@media(max-width:991px) {
  .flipp__changeStore .flipp__storeAddress h1.weekly-ad-head[b-a1tk1gg0lx] {
    margin-bottom:0 !important;
  }
}
.flipp__changeStore .flipp__storeAddress p.weekly-ad-disclaimer[b-a1tk1gg0lx] {
  color:var(--wd-color-text);
  font-weight:600;
  font-size:1.125em;
}
.flipp__changeStore .flipp__storeAddress p.weekly-ad-disclaimer span[b-a1tk1gg0lx] {
  color:var(--wd-color-brand-red);
  font-weight:600;
  font-size:1.125em;
}
.flipp__changeStore .flipp__storeAddress p.weekly-ad-disclaimer a[b-a1tk1gg0lx] {
  color:var(--wd-color-brand-red);
  text-decoration:underline;
  font-weight:600;
  font-size:1.125em;
  display:initial;
}
.flipp__changeStore .flipp__storeAddress .storeDesc[b-a1tk1gg0lx] {
  display:flex;
  align-content:center;
  margin:15px 0;
}
@media(max-width:991px) {
  .flipp__changeStore .flipp__storeAddress .storeDesc[b-a1tk1gg0lx] {
    flex-direction:column;
  }
}
.flipp__changeStore .flipp__storeAddress .storeDesc .storeDetail[b-a1tk1gg0lx],.flipp__changeStore .flipp__storeAddress .storeDesc .viewDeals[b-a1tk1gg0lx] {
  padding:0;
}
@media(max-width:991px) {
  .flipp__changeStore .flipp__storeAddress .storeDesc .viewDeals[b-a1tk1gg0lx] {
    display:flex;
    justify-content:center;
  }
}
.flipp__changeStore .flipp__storeAddress .storeDesc .digitalBtn[b-a1tk1gg0lx] {
  width:195px;
  height:42px;
  padding:12px;
  color:#fff;
  background-color:var(--wd-color-brand-red);
  border:1px solid var(--wd-color-brand-red);
  border-radius:16px;
  font-family: var(--wd-font-body);
  font-weight:bold;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
  font-size:1em;
  font-weight:500;
  line-height:1.22;
  letter-spacing:-.25px;
  display:flex;
  align-items:center;
  justify-content:center;
}
@media(max-width:991px) {
  .flipp__changeStore .flipp__storeAddress .storeDesc .digitalBtn[b-a1tk1gg0lx] {
    margin-top:25px;
  }
}
.flipp__changeStore .flipp__storeAddress .storeDesc .digitalBtn .digitalBtnIcon img[b-a1tk1gg0lx] {
  width:40px;
  height:40px;
}
.flipp__changeStore .div__changeStore[b-a1tk1gg0lx] {
  margin:25px auto;
  margin-top:0;
  display:flex;
  align-items:flex-end;
}
.flipp__changeStore .div__changeStore .store__cityStateZip a p[b-a1tk1gg0lx] {
  font-family: var(--wd-font-body);
  font-size:16px;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.22px;
  color:var(--wd-color-brand-red);
  margin-top:8px;
}
@media(max-width:991px) {
  .flipp__changeStore .div__changeStore .store__cityStateZip a p[b-a1tk1gg0lx] {
    margin-top:0;
  }
}
@media(max-width:767px) {
  .flipp__changeStore .div__changeStore .store__cityStateZip a p[b-a1tk1gg0lx] {
    padding:0 30px;
    margin-top:0;
    margin-bottom:24px;
  }
}
.flipp__changeStore .div__changeStore p[b-a1tk1gg0lx],.flipp__changeStore .div__changeStore a[b-a1tk1gg0lx],.flipp__changeStore .div__changeStore a:hover[b-a1tk1gg0lx],.flipp__changeStore .div__changeStore a:focus[b-a1tk1gg0lx] {
  text-decoration:underline;
}
.flipp__changeStore .changeMyStore[b-a1tk1gg0lx] {
  display:inline-block;
  right:0;
  position:relative;
  font-size:1em;
  font-family: var(--wd-font-body);
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.56;
  letter-spacing:-.27px;
  text-align:right;
  text-decoration:underline;
  background:transparent;
  border:none;
  padding:0;
}
.flipp__changeStore .padd0[b-a1tk1gg0lx] {
  padding:0;
}
.flipp__changeStore .changestore__dropdown[b-a1tk1gg0lx] {
  border-radius:0;
  background:#fff;
  border:none;
  padding:15px 10px;
  float:right;
  right:0;
  left:auto;
  top:20px;
  width:369px;
  min-height:216px;
  transform:translate3d(0,144px,0);
  -webkit-box-shadow:0 2px 15px 0 rgba(0,0,0,.25);
  box-shadow:0 2px 15px 0 rgba(0,0,0,.25);
  z-index:991;
}
.flipp__changeStore .changestore__dropdown .dropdown-header[b-a1tk1gg0lx] {
  border-bottom:none;
  align-items:center;
  display:flex;
  padding:0 0 15px 0;
  font-size:initial;
}
.flipp__changeStore .changestore__dropdown .dropdown-header .head__inner[b-a1tk1gg0lx] {
  width:80%;
}
.flipp__changeStore .changestore__dropdown .dropdown-header .head__close[b-a1tk1gg0lx] {
  width:20%;
  margin-right:13px;
}
.flipp__changeStore .changestore__dropdown .dropdown-body[b-a1tk1gg0lx] {
  padding-bottom:15px;
}
.flipp__changeStore .changestore__dropdown .changestore__close[b-a1tk1gg0lx] {
  text-shadow:none;
  opacity:1;
  color:var(--wd-color-text);
  font-weight:300;
  font-size:50px;
  float:right;
  margin-top:0;
  right:0;
  position:relative;
}
.flipp__changeStore .changestore__dropdown .dropdown-content[b-a1tk1gg0lx] {
  border-radius:0;
  background:#fff;
  border:none;
  box-shadow:none;
  padding:15px 10px;
  height:100%;
  font-size:initial;
}
.flipp__changeStore .changestore__dropdown .dropdown-title[b-a1tk1gg0lx] {
  font-family: var(--wd-font-body);
  font-size:1.375em;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.18;
  letter-spacing:-.25px;
}
.flipp__changeStore .changestore__dropdown .dropdown-footer[b-a1tk1gg0lx] {
  padding-top:0;
}
.flipp__changeStore .changestore__dropdown .dropdown-footer .fa-crosshairs[b-a1tk1gg0lx] {
  font-size:x-large;
  color:var(--wd-color-text);
  padding-right:10px;
}
.flipp__changeStore .changestore__dropdown .search__cityStateZip label[b-a1tk1gg0lx] {
  position:absolute;
  top:83px;
  background-color:#fff;
  font-size:.875em;
  color:var(--wd-color-text);
  font-weight:normal;
  padding-right:3px;
  padding-left:7px;
}
.flipp__changeStore .changestore__dropdown .search__cityStateZip button.search-btn[b-a1tk1gg0lx] {
  border:none;
  background-color:transparent;
  margin-left:-55px;
  padding:0 12px;
  font-size:x-large;
}
.flipp__changeStore .changestore__dropdown .txtSearchzip[b-a1tk1gg0lx] {
  border:solid 1px var(--wd-color-border);
  height:52px;
  min-width:240px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  font-size:1em;
  font-weight:500;
  font-family: var(--wd-font-body);
  padding:10px 50px 10px 10px;
  width:100%;
}
.flipp__changeStore .changestore__dropdown .txtSearchzip button.search-btn[b-a1tk1gg0lx] {
  margin-left:-45px;
  border:none;
  background-color:transparent;
  font-size:1.625em;
  width:50px;
  outline:0;
  cursor:pointer;
}
.flipp__changeStore .changestore__dropdown button.nearMe[b-a1tk1gg0lx] {
  background:transparent;
  border:none;
  padding-left:0;
  display:flex;
  font-size:initial;
}
.flipp__changeStore .changestore__dropdown .current__location[b-a1tk1gg0lx] {
  background:transparent;
  border:none;
  font-family: var(--wd-font-body);
  font-size:1em;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  line-height:1.56;
  letter-spacing:-.27px;
  text-decoration:underline;
}
.flipp__changeStore .changestore__dropdown .div__store__results[b-a1tk1gg0lx] {
  padding:15px 0;
  padding-top:0;
}
.flipp__changeStore .changestore__dropdown .div__store__results .store__result[b-a1tk1gg0lx] {
  padding:10px 0;
}
.flipp__changeStore .changestore__dropdown .div__store__results .store__result .store__results__Address[b-a1tk1gg0lx] {
  display:flex;
  align-items:flex-start;
}
.flipp__changeStore .changestore__dropdown .div__store__results .store__result .store__results__Address a[b-a1tk1gg0lx] {
  font-family: var(--wd-font-body);
  font-size:16px;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.31;
  letter-spacing:normal;
  color:#050505;
  text-decoration:none;
  display:inline-block;
  width:70%;
}
.flipp__changeStore .changestore__dropdown .div__store__results .store__result .store__results__Address a p[b-a1tk1gg0lx] {
  text-decoration:none;
}
.flipp__changeStore .changestore__dropdown .div__store__results .store__result .store__results__Address a .store__results__state[b-a1tk1gg0lx],.flipp__changeStore .changestore__dropdown .div__store__results .store__result .store__results__Address a .store__results__city[b-a1tk1gg0lx] {
  color:#050505;
}
.flipp__changeStore .changestore__dropdown .div__store__results .store__result .store__results__Address a .txtBanner[b-a1tk1gg0lx] {
  font-weight:bold;
  text-decoration:underline;
}
.flipp__changeStore .changestore__dropdown .div__store__results .spnMiles[b-a1tk1gg0lx] {
  font-size:16px;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.38;
  letter-spacing:-.25px;
  text-align:right;
  color:var(--wd-color-text);
  position:absolute;
  right:25px;
}
.flipp__changeStore .changestore__dropdown .div__store__results .btnMoreStores[b-a1tk1gg0lx] {
  font-family: var(--wd-font-body);
  font-size:16px;
  font-weight:600;
  font-stretch:normal;
  font-style:normal;
  letter-spacing:-.27px;
  padding:10px 5px 10px 0;
  background:transparent;
  border:none;
  display:flex;
  align-items:center;
}
.flipp__changeStore .changestore__dropdown .div__store__results .fa-angle-right[b-a1tk1gg0lx] {
  padding-left:25px;
  font-size:22px;
}
.flipp__changeStore .change_store__accordion[aria-expanded="true"][b-a1tk1gg0lx] {
  box-shadow:none;
}
.flipp__changeStore .change_store__accordion[b-a1tk1gg0lx] {
  background:#fff;
  padding:20px 30px;
  display:flex;
  text-decoration:none;
  align-items:center;
  width:100%;
  -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.15);
  box-shadow:0 2px 4px 0 rgba(0,0,0,.15);
}
.flipp__changeStore .change_store__accordion .change-store__mob[b-a1tk1gg0lx] {
  width:100%;
  align-items:center;
  display:flex;
}
.flipp__changeStore .change_store__accordion .fa-map-marker-alt[b-a1tk1gg0lx] {
  font-size:25px;
}
.flipp__changeStore .change_store__accordion button[b-a1tk1gg0lx] {
  background:none;
  border:none;
  text-align:left;
  width:100%;
  padding-left:10px;
  font-style:normal;
  font-stretch:normal;
  line-height:normal;
  letter-spacing:normal;
  font-family: var(--wd-font-body);
}
.flipp__changeStore .change_store__accordion button span[b-a1tk1gg0lx] {
  font-size:14px;
  display:flex;
  color:var(--wd-color-text);
  font-weight:600;
  line-height:1;
  text-decoration:none;
}
.flipp__changeStore .change_store__accordion button span.store__Address[b-a1tk1gg0lx] {
  font-size:10px;
  font-weight:bold;
  line-height:normal;
  color:var(--wd-color-text);
  text-decoration:none;
}
@media(max-width:767px) {
  .flipp__changeStore .alert-success[b-a1tk1gg0lx] {
    width:100%;
    position:relative;
    right:0;
    top:-1px;
    font-size:.75em;
  }
  .flipp__changeStore .flipp__storeAddress[b-a1tk1gg0lx] {
    padding:0 30px;
    margin-bottom:0;
  }
  .flipp__changeStore .flipp__storeAddress h1[b-a1tk1gg0lx],.flipp__changeStore .flipp__storeAddress h2[b-a1tk1gg0lx],.flipp__changeStore .flipp__storeAddress p[b-a1tk1gg0lx] {
    margin-bottom:0;
  }
  .flipp__changeStore .flipp__storeAddress h1[b-a1tk1gg0lx],.flipp__changeStore .flipp__storeAddress h2[b-a1tk1gg0lx] {
    font-size:22px;
  }
  .flipp__changeStore .div__changeStore[b-a1tk1gg0lx] {
    margin:0 auto;
  }
  .flipp__changeStore .div__changeStore .changestore__dropdown[aria-expanded="true"][b-a1tk1gg0lx] {
    box-shadow:none;
  }
  .flipp__changeStore .div__changeStore .changestore__dropdown[b-a1tk1gg0lx] {
    width:100%;
    height:auto;
    transform:none;
    padding:0 22px 15px;
    top:74px;
  }
  .flipp__changeStore .div__changeStore .changestore__dropdown .txtSearchzip[b-a1tk1gg0lx] {
    min-width:230px;
    width:85%;
  }
  .flipp__changeStore .div__changeStore .changestore__dropdown .dropdown-title[b-a1tk1gg0lx] {
    font-size:1.125em;
  }
  .flipp__changeStore .div__changeStore .changestore__dropdown .current__location[b-a1tk1gg0lx] {
    font-size:.875em;
  }
  .flipp__changeStore .div__changeStore .changestore__dropdown .search__cityStateZip label[b-a1tk1gg0lx] {
    top:65px;
    font-size:.75em;
  }
  .flipp__changeStore .div__changeStore .changestore__dropdown .div__store__results[b-a1tk1gg0lx] {
    padding:0;
  }
  .flipp__changeStore .div__changeStore .changestore__dropdown .div__store__results .store__result .store__results__Address a[b-a1tk1gg0lx],.flipp__changeStore .div__changeStore .changestore__dropdown .div__store__results .store__result .spnMiles[b-a1tk1gg0lx] {
    font-size:14px;
  }
}
@media(min-width:767px) and (max-width:991px) {
  .flipp__changeStore .alert-success[b-a1tk1gg0lx] {
    top:24px;
  }
  .flipp__changeStore .flipp__storeAddress h1[b-a1tk1gg0lx],.flipp__changeStore .flipp__storeAddress h2[b-a1tk1gg0lx],.flipp__changeStore .flipp__storeAddress p[b-a1tk1gg0lx] {
    font-size:1.375em;
  }
  .flipp__changeStore .div__changeStore .changestore__dropdown[b-a1tk1gg0lx] {
    top:6px;
  }
  .flipp__changeStore .div__changeStore .changestore__dropdown .dropdown-title[b-a1tk1gg0lx] {
    font-size:1.125em;
  }
  .flipp__changeStore .div__changeStore .changestore__dropdown .current__location[b-a1tk1gg0lx],.flipp__changeStore .div__changeStore .changestore__dropdown .changeMyStore[b-a1tk1gg0lx] {
    font-size:.875em;
  }
  .flipp__changeStore .div__changeStore .changestore__dropdown .search__cityStateZip label[b-a1tk1gg0lx] {
    font-size:.75em;
  }
  .flipp__changeStore .div__changeStore .changestore__dropdown .div__store__results .store__result .store__results__Address a[b-a1tk1gg0lx],.flipp__changeStore .div__changeStore .changestore__dropdown .div__store__results .store__result .spnMiles[b-a1tk1gg0lx] {
    font-size:14px;
  }
  .flipp__changeStore .div__changeStore .store__cityStateZip a[b-a1tk1gg0lx] {
    font-size:.875em;
  }
}
#circ_div-Load .navigation-Load[b-a1tk1gg0lx] {
  width:100%;
  height:66px;
  background-color:#f5f7f9;
  margin-bottom:19px;
}
#circ_div-Load .ContentSection-Load[b-a1tk1gg0lx] {
  display:flex;
  justify-content:space-between;
}
#circ_div-Load .maincontent-Load[b-a1tk1gg0lx] {
  width:70%;
  height:950px;
  background-color:#f5f7f9;
  margin-bottom:19px;
}
#circ_div-Load .asidecontent-Load[b-a1tk1gg0lx] {
  float:right;
  width:26%;
  height:950px;
  background-color:#f5f7f9;
  margin-bottom:19px;
}
@media print {
  .flipp__changeStore[b-a1tk1gg0lx] {
    display:none;
  }
}