.floating-search {
    position: relative;
    width: 300px;
    margin-bottom: 20px;

    float: right;
}

.floating-search input {
    width: 100%;
    padding: 12px 10px;
    font-size: 16px;
    border: 2px solid #aaa;
    border-radius: 5px;
    outline: none;
    background: white;
}

.floating-search label {
    position: absolute;
    top: 12px;
    left: 10px;
    color: #aaa;
    pointer-events: none;
    background: white;
    transition: 0.2s ease all;
    padding: 0 5px;
}

.floating-search input:focus + label,
.floating-search input:not(:placeholder-shown) + label {
    top: -10px;
    left: 5px;
    font-size: 12px;
    color: #28a745;
}

#ul-recipe-list li{
    cursor: pointer !important;
}
.recipe-button {
    display: block;
    width: 50%;
    min-width: 200px;
    margin: 16px auto;
}
.recipe-button {
    width: 100%;
    margin: 16px 0;
}
.asda-btn--primary-outline {
    background: #fff;
    color: #68a51c;
    border: 1px solid #68a51c;
}
.asda-btn {
    border: none;
    border-radius: 4px;
    display: inline-flex;
    height: 40px;
    padding: 0 16px;
    text-align: center;
    text-decoration: none;
    user-select: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    font-size: 18px;
    letter-spacing: .2px;
    line-height: 24px;
    font-weight: 600;
}
.asda-btn, .asda-spinner__overlay {
    align-items: center;
    justify-content: center;
}


.asda-backdrop {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
}
.asda-backdrop[data-color="transparent"] {
    background-color: rgba(0, 0, 0, 0);
}
.asda-backdrop[data-color="black"] {
    background-color: rgba(61, 61, 61, 0.3);
}
.asda-dialog {
    box-sizing: border-box;
    min-width: 320px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 90;
}
.asda-dialog__backdrop {
    z-index: -1;
}
.asda-dialog__outer-container {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: space-around;
    box-sizing: border-box;
}
.asda-dialog__container {
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    background-color: #fff;
    padding: 24px 0;
    width: 304px;
    max-height: calc(100vh - 16px);
    border-radius: 8px;
    box-shadow: 0 2px 10px 0 #767676;
}
.asda-dialog__header {
    flex-shrink: 0;
    box-sizing: border-box;
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 600;
    padding: 0 16px 24px;
}
.asda-dialog__header--pdp {
    text-align: center;
    padding-bottom: 16px;
}
.asda-dialog__footer {
    flex-shrink: 0;
    box-sizing: border-box;
    padding: 0 16px;
}
.asda-dialog__content {
    flex-grow: 1;
    box-sizing: border-box;
    padding: 0 16px;
    overflow: auto;
}
.asda-dialog__action-bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    padding: 24px 16px 0;
    flex-shrink: 0;
}
.asda-dialog__action-bar--stack {
    flex-direction: column;
}
.asda-dialog__button:nth-child(2) {
    margin-left: 16px;
}
.asda-dialog__close-icon {
    background-color: #68a51c;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 600;
    border-radius: 4px;
    height: 44px;
    line-height: 44px;
    text-decoration: none;
    text-transform: none;
    border: 0 solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    padding: 0;
    display: inline-flex;
    position: absolute;
    width: auto;
    height: auto;
    right: 16px;
    top: 21px;
    background-color: rgba(0, 0, 0, 0);
}
.asda-dialog__close-icon:focus,
.asda-dialog__close-icon:hover {
    background: #5a8f18;
}
.asda-dialog__close-icon:active {
    background: #4d7915;
}
.asda-dialog__close-icon .asda-button__spinner .asda-spinner__circle:before {
    background-color: #fff;
}
.asda-dialog__close-icon:focus {
    background-color: rgba(0, 0, 0, 0);
}
.asda-dialog__close-icon:hover {
    background-color: rgba(61, 61, 61, 0.1);
}
.asda-dialog__close-icon:active {
    background-color: rgba(61, 61, 61, 0.2);
}
.asda-dialog-scroll-lock {
    overflow: hidden;
}
.asda-dialog__content-divider {
    background: #ccc;
    border: none;
    height: 1px;
}
.asda-dialog__content-item {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
    color: #3d3d3d;
}
.asda-dialog--scrollable .asda-dialog__header {
    box-shadow: 0 2px 2px 0 #767676;
}
.asda-dialog--scrollable .asda-dialog__content {
    padding-top: 24px;
    padding-bottom: 24px;
}
.asda-dialog--scrollable .asda-dialog__action-bar {
    box-shadow: 0 -2px 2px 0 #767676;
}
.asda-dialog__button--stack:not(:first-child) {
    margin: 10px 0 0;
}
.asda-dialog--scroll-lock {
    overflow: hidden;
}
@media (min-width: 480px) {
    .asda-dialog__container {
        width: 328px;
        max-height: 85vh;
    }
}
@media (min-width: 768px) {
    .asda-dialog__container {
        width: 408px;
    }
    .asda-dialog__close-icon {
        right: 24px;
    }
    .asda-dialog__action-bar,
    .asda-dialog__content,
    .asda-dialog__footer,
    .asda-dialog__header {
        padding-left: 24px;
        padding-right: 24px;
    }
    .asda-dialog__action-bar--pdp,
    .asda-dialog__content--pdp,
    .asda-dialog__footer--pdp,
    .asda-dialog__header--pdp {
        text-align: center;
        padding-bottom: 16px;
    }
}
@media (min-width: 1024px) {
    .asda-dialog__container {
        width: 536px;
    }
    .asda-dialog--size-small .asda-dialog__container {
        width: 368px;
    }
    .asda-dialog--size-large .asda-dialog__container {
        width: 704px;
    }
}
@media (min-width: 1280px) {
    .asda-dialog__container {
        width: 570px;
    }
    .asda-dialog--size-small .asda-dialog__container {
        width: 390px;
    }
    .asda-dialog--size-large .asda-dialog__container {
        width: 746px;
    }
}
@media (min-width: 1440px) {
    .asda-dialog__container {
        width: 536px;
    }
    .asda-dialog--size-small .asda-dialog__container {
        width: 368px;
    }
    .asda-dialog--size-large .asda-dialog__container {
        width: 704px;
    }
}
.express-logo {
    width: 93px;
    height: 11px;
    margin: 0 4px;
}
.express-logo--extra-small {
    width: 70px;
    height: 13px;
}
.express-logo--medium {
    width: 105px;
    height: 13px;
}
.express-logo--large {
    vertical-align: bottom;
    width: 144px;
    height: 20px;
}
.asda-logo {
    display: inline-block;
}
.asda-logo,
.asda-logo__icon {
    width: 80px;
    height: 24px;
}
.asda-logo__text {
    display: none;
}
.asda-logo[data-size="large"] {
    width: auto;
    height: 43px;
}
.asda-logo[data-size="large"] .asda-logo__text {
    font-size: 22px;
    letter-spacing: 0.3px;
    line-height: 28px;
    font-weight: 400;
    color: #3d3d3d;
    display: inline-block;
    line-height: 34px;
    margin-left: 7px;
    padding-top: 2px;
    white-space: nowrap;
}
.asda-logo[data-size="large"] .asda-logo__icon {
    height: 34px;
    width: 113px;
}
@media (min-width: 768px) {
    .header__search .search-results--expanded .search-form__close,
    .header__search .search-results--expanded .search-form__input {
        border-bottom: 0;
    }
    .header__search .search-results--expanded .search__container {
        border: 1px solid #ccc;
    }
    .header__search .search-results__product-module {
        width: 73.5%;
    }
    .header__search .search-results__commonly-searched {
        width: 26.5%;
    }
}
.menu-user__sign-in {
    width: 130px;
}
.menu-user__register {
    width: 118px;
}
.menu-user__your-account {
    position: relative;
}
.menu-user__icon-chevron {
    height: 20px;
    margin-left: 4px;
}
.your-account-flyout__header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding: 8px;
    align-items: center;
}
.your-account-flyout__title {
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 600;
    padding-left: 8px;
}
.your-account-flyout__content {
    padding: 8px 0 4px;
}
.your-account-flyout__button {
    min-width: 250px;
    padding: 0 16px 16px;
}
.your-account-flyout__anchor,
.your-account-flyout__button {
    display: flex;
    align-items: center;
}
.your-account-flyout__list-icon {
    margin-right: 8px;
}
.menu-help-header__header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding: 8px;
    align-items: center;
}
.menu-help-header__title {
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 600;
    padding-left: 8px;
}
.menu-help-button__help-icon.asda-icon {
    height: 31px;
    vertical-align: bottom;
}
.menu-help-button__icon-chevron {
    height: 20px;
    margin-left: 4px;
}
.menu-help__help-icon.asda-icon {
    height: 31px;
    vertical-align: bottom;
}
.checkout-alert__buttons-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 20px;
}
.checkout-alert__anchor {
    margin: 5px;
}
.checkout-alert__button {
    min-width: 200px;
    margin: 0 auto;
}
@media (min-width: 768px) {
    .checkout-alert__buttons-container {
        flex-direction: row;
    }
}
.cancel-amend__link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}
@media (min-width: 768px) {
    .menu-trolley-checkout-action__link {
        justify-content: flex-start;
    }
}
.checkout-action {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.checkout-action__action--cancel-amend {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
}
.checkout-action__min-value-message-wrapper {
    margin-bottom: 10px;
}
@media (min-width: 768px) and (max-width: 1023px) {
    .checkout-action__min-value-message-wrapper {
        width: 100%;
    }
}
.delivery-surcharge__items {
    margin-left: 25px;
    list-style: initial;
}
.delivery-surcharge__text--strong {
    font-weight: 700;
}
.delivery-surcharge__text--pad-both {
    padding: 0 4px;
}
.delivery-surcharge__message {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
}
.delivery-surcharge__banner {
    margin: 8px 0;
}
.delivery-surcharge__terms-link {
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 600;
}
.menu-trolley-checkout-action__action--cancel-amend,
.menu-trolley-checkout-action__action--create-new {
    margin-bottom: 10px;
    order: 1;
}
.menu-trolley-checkout-action__action--cancel-amend {
    justify-content: flex-start;
}
.menu-trolley-checkout-action__action--add-to-exist,
.menu-trolley-checkout-action__action--checkout-amend {
    order: 2;
}
.menu-trolley {
    flex: 0 0 auto;
    position: relative;
    font-weight: 700;
}
.menu-trolley[data-amending="true"] .menu-trolley__value {
    display: inline-block;
    transform: translateY(4px);
}
.menu-trolley__amending {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    left: 63px;
    position: absolute;
    top: 0;
}
.menu-trolley__total-items {
    position: relative;
}
.menu-trolley__total-items-value {
    position: absolute;
    left: 18px;
    top: -2px;
}
.menu-trolley__icon-cart.asda-icon {
    height: 32px;
    margin-right: 9px;
    vertical-align: middle;
}
.menu-trolley__icon-chevron.asda-icon {
    margin-left: 3px;
    height: 20px;
    vertical-align: middle;
}
.menu-trolley__flyout {
    min-width: 270px;
}
.trolley-flyout__icon {
    height: 36px;
    margin: 0 10px 0 6px;
    vertical-align: middle;
}
.trolley-flyout__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding: 8px;
}
.trolley-flyout__title {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
    color: #d43030;
    padding-left: 8px;
}
.trolley-flyout__content {
    padding: 8px 0 4px;
}
.trolley-flyout__button {
    padding: 0 16px 16px;
}
.trolley-flyout__surcharge-container {
    padding: 0 16px;
}
.menu-message__message-icon {
    height: 31px;
    padding-top: 3px;
}
.menu-message__total-messages-number {
    position: relative;
}
.menu-message__total-messages-value {
    position: absolute;
    right: -4px;
}
.menu-message__single-msg-container {
    padding: 24px 4px 16px 24px;
    border-bottom: 1px solid #ccc;
}
.menu-message__single-msg-container:last-child {
    padding-bottom: 24px;
    border: none;
}
.menu-message__single-msg-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 6px;
}
@media (max-width: 1023px) {
    .menu-message__single-msg-header {
        margin-bottom: 14px;
    }
}
.menu-message__single-msg-header-left {
    display: flex;
    flex-direction: column;
}
@media (max-width: 1023px) {
    .menu-message__single-msg-header-left {
        margin-right: 24px;
    }
}
.menu-message__single-msg-new-badge {
    width: 56px;
    margin-bottom: 4px;
}
.menu-message__single-msg-time {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    margin-bottom: 2px;
}
.menu-message__single-msg-title {
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 600;
}
.menu-message__single-msg-body-container {
    margin: 0;
    position: relative;
    font-size: 16px;
    letter-spacing: 0.2px;
    font-weight: 400;
    line-height: 20px;
}
.menu-message__single-msg-content-container p {
    margin: 0 0 8px;
    font-size: 16px;
    letter-spacing: 0.2px;
    font-weight: 400;
    line-height: 20px;
}
@media (max-width: 1023px) {
    .menu-message__single-msg-content-container p {
        margin-bottom: 16px;
    }
}
.menu-message__single-msg-content-container p:last-child {
    margin: 0;
}
.menu-message__single-msg-content-container a {
    color: #0073b1;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 600;
    text-decoration: none;
}
.menu-message__single-msg-content-container a:hover {
    text-decoration: underline;
}
.menu-message__single-msg-read-more {
    color: #3d3d3d;
}
.menu-message__single-msg-link {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 600;
    color: #0073b1;
}
.menu-message__back-icon {
    display: flex;
}
.menu-message__empty-mail-box {
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
}
.menu-message__flyout-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding: 0 8px;
}
.menu-message__flyout-header-text {
    padding: 8px 0;
    min-height: 52px;
}
.menu-message__message-flyout {
    margin-top: 2px;
}
.menu-message__message-flyout:before {
    transform: translateX(-40px) rotate(45deg);
}
.menu-message__message-flyout:after {
    transform: translateX(-40px);
}
.menu-message__content {
    width: 467px;
}
.menu-message__content--empty {
    width: 220px;
}
.menu-message__content--all-messages {
    max-height: 582px;
    overflow-y: auto;
}
.top-menu {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.top-menu__item {
    margin-left: 8px;
}
.top-menu__spacer {
    background: #f6f6f6;
    height: 22px;
    flex: 0 0 1px;
}
.menu-button {
    background: #fff;
    border: 0;
    cursor: pointer;
    height: 30px;
    margin: 0;
    outline: 0;
    padding: 0;
    width: 30px;
}
.menu-button:focus,
.menu-button:hover {
    background-color: #f6f6f6;
}
.menu-button:active {
    background-color: #eee;
}
@keyframes fixed-header-slidein {
    0% {
        transform: translateY(-100px);
    }
    to {
        transform: translateY(0);
    }
}
.header {
    position: relative;
    height: 120px;
}
.header[data-compact="true"] {
    height: auto;
}
.header__wrapper {
    background: #fff;
    border-bottom: 1px solid #f6f6f6;
    padding: 14px 0 18px;
    max-width: 100%;
    width: 100%;
}
.header__container {
    margin: 0 auto;
    max-width: 1156px;
    padding: 0 16px;
}
.header__skip-to-main {
    position: absolute;
    top: -400px;
    overflow: hidden;
    transition: top 0.3s ease-out;
}
.header__skip-to-main:focus {
    top: 0;
}
.header__content {
    display: flex;
    flex-wrap: wrap;
}
.header__hamburger-menu,
.header__logo,
.header__menu {
    height: 36px;
}
.header__hamburger-menu {
    padding-top: 2px;
    margin-right: 20px;
}
.header__logo {
    padding-top: 5px;
}
.header__menu {
    flex: 1;
}
.header__search {
    width: 100%;
    display: flex;
    margin-top: 10px;
}
.header__wrapper[data-fixed="true"] {
    animation: fixed-header-slidein 0.2s;
    position: fixed;
    z-index: 70;
    top: 0;
    left: 0;
}
.header__wrapper[data-compact="true"] {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.header[data-show-over-backdrop="true"][data-taxonomy-open="false"] {
    z-index: 90;
}
.header[data-apply-onetrust="true"] {
    margin-top: 143px;
}
@media (min-width: 768px) {
    .header__wrapper {
        border-bottom: none;
    }
    .header__wrapper[data-compact="true"] {
        padding-top: 18px;
    }
    .header__wrapper[data-compact="true"] .header__content {
        align-items: center;
        flex-wrap: nowrap;
    }
    .header__wrapper[data-compact="true"] .header__menu {
        flex: 1 0 auto;
        flex-shrink: 0;
        order: 3;
        margin: 0;
    }
    .header__wrapper[data-compact="true"] .header__hamburger-menu--visually-hidden,
    .header__wrapper[data-compact="true"] .header__menu--visually-hidden {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        white-space: nowrap;
    }
    .header__wrapper[data-compact="true"] .header__hamburger-menu--visually-hidden.focusable:active,
    .header__wrapper[data-compact="true"] .header__hamburger-menu--visually-hidden.focusable:focus,
    .header__wrapper[data-compact="true"] .header__menu--visually-hidden.focusable:active,
    .header__wrapper[data-compact="true"] .header__menu--visually-hidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
        white-space: inherit;
    }
    .header__wrapper[data-compact="true"] .header__logo {
        order: 1;
    }
    .header__wrapper[data-compact="true"] .header__search {
        width: 671px;
        order: 2;
        margin: 0 12px 0 20px;
    }
    .header__wrapper[data-compact="true"] .header__search--full {
        width: 100%;
    }
    .header[data-apply-onetrust="true"] {
        margin-top: 130px;
    }
}
@media (min-width: 1024px) {
    .header {
        position: relative;
    }
    .header__wrapper {
        padding-top: 0;
    }
    .header__content {
        justify-content: space-between;
    }
    .header__menu {
        flex: 100%;
        height: 44px;
        margin: 4px 0 16px;
        order: 1;
    }
    .header__logo {
        order: 2;
        padding-top: 1px;
        white-space: nowrap;
    }
    .header__search {
        order: 3;
        width: 671px;
        margin-top: 0;
    }
    .header .enable-large-search .header__search {
        width: 780px;
    }
    .header__wrapper[data-compact="true"] .header__hamburger-menu--visually-hidden,
    .header__wrapper[data-compact="true"] .header__menu--visually-hidden {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        white-space: nowrap;
    }
    .header__wrapper[data-compact="true"] .header__hamburger-menu--visually-hidden.focusable:active,
    .header__wrapper[data-compact="true"] .header__hamburger-menu--visually-hidden.focusable:focus,
    .header__wrapper[data-compact="true"] .header__menu--visually-hidden.focusable:active,
    .header__wrapper[data-compact="true"] .header__menu--visually-hidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
        white-space: inherit;
    }
    .header__wrapper[data-compact="true"] .header__search {
        width: 671px;
        margin-right: 16px;
    }
    .header__wrapper[data-compact="true"] .header__search--full {
        width: 100%;
    }
    .header[data-show-over-backdrop="true"] {
        z-index: 90;
    }
    .header[data-apply-onetrust="true"] {
        margin-top: 93px;
    }
}
@media (min-width: 1280px) {
    .site-width.header__container {
        margin: 0 auto;
        max-width: 1392px;
        padding: 0 16px;
    }
}
.home-notification-banner {
    padding: 4px 0;
}
.home-notification-banner__container {
    margin: 0 auto;
    max-width: 1156px;
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
}
.home-notification-banner__info-icon {
    margin: 0 8px;
}
.home-notification-banner__close-button {
    height: 24px;
    padding: 0;
    margin-left: 8px;
    overflow: visible;
}
.home-notification-banner__close-button:hover {
    background: none;
}
.home-notification-banner__alert-info {
    display: flex;
}
@media (min-width: 768px) {
    .home-notification-banner__alert-info {
        align-items: center;
    }
}
*,
:after,
:before {
    box-sizing: border-box;
}
::selection {
    color: #fff;
    background-color: #68a51c;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}
ol,
ul {
    margin: 0;
    padding: 0;
}
ul {
    list-style: none;
}
b,
strong {
    font-weight: 700;
}
img {
    border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}
button,
input,
select,
textarea {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    touch-action: manipulation;
}
select {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    height: auto;
}
[type="number"] {
    -moz-appearance: textfield;
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
}
button,
input[type="button"] {
    cursor: pointer;
    overflow: visible;
}
input {
    line-height: normal;
}
input::-ms-clear {
    display: none;
}
input::placeholder {
    color: #767676;
}
pre {
    margin: 0;
}
[tabindex="-1"]:focus {
    outline: 0 !important;
}
[role="button"],
a,
area,
button,
input,
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
textarea {
    resize: vertical;
}
.layout {
    min-width: 320px;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
}
.layout__section {
    margin: 0 auto;
    max-width: 1156px;
    padding: 0 16px;
    min-height: 320px;
}
.layout__main {
    width: 100%;
    margin-top: 16px;
}
.layout__title {
    font-size: 22px;
    letter-spacing: 0.3px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 16px;
}
.layout__taxonomy-express-slot {
    margin: 0 0 8px;
}
.layout__title-icon {
    vertical-align: bottom;
}
@media (min-width: 768px) {
    .layout__section {
        min-height: 640px;
    }
    .layout__title {
        font-size: 28px;
        letter-spacing: 0.3px;
        line-height: 36px;
        font-weight: 600;
    }
}
@media (min-width: 1024px) {
    .layout__section {
        display: flex;
    }
    .layout__main {
        flex: 1 1 auto;
    }
}
@media (min-width: 1280px) {
    .site-width.layout__section {
        margin: 0 auto;
        max-width: 1392px;
        padding: 0 16px;
    }
    .site-width.layout__main {
        flex: 1 1 auto;
    }
}
.item-max-quantity__list {
    margin-top: 16px;
}
.promo-title-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    color: #fff;
    background-color: #d43030;
    width: 225px;
    height: 90px;
    border-radius: 0 4px 4px;
}
.promo-title-banner__mixmatch-text {
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 600;
}
.promo-title-banner__promo-detail {
    font-size: 28px;
    letter-spacing: 0.3px;
    line-height: 36px;
    font-weight: 700;
}
.promo-item-count {
    text-align: left;
}
.promo-missing-count {
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 16px;
    font-weight: 400;
    text-align: left;
    color: #d43030;
}
.promo-missing-count--complete {
    font-weight: 700;
    color: #538316;
}
.promo-details-heading {
    height: 90px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.promo-details-heading__display-name {
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 600;
    text-align: left;
}
.promo-details-heading__mixmatch-text {
    display: none;
}
@media (min-width: 480px) {
    .promo-details-heading__mixmatch-text {
        display: inline;
    }
}
.co-dropdown {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
    height: 40px;
    position: relative;
}
.co-dropdown__select {
    text-transform: none;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-left: 4px;
    padding-right: 32px;
    text-overflow: ellipsis;
    background-color: #fff;
}
.co-dropdown__select::-ms-expand {
    display: none;
}
.co-dropdown__select:-moz-focusring {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 #3d3d3d;
}
.co-dropdown__select:focus::-ms-value {
    background: rgba(0, 0, 0, 0);
    color: inherit;
    outline-style: dotted;
    outline-width: thin;
    outline-color: #767676;
}
.co-dropdown__caret {
    position: absolute;
    pointer-events: none;
    transform: translateY(-50%);
    bottom: 0;
    right: 5px;
}
.co-pagination {
    display: flex;
    align-items: center;
    max-width: 292px;
}
.co-pagination__select {
    color: #3d3d3d;
    cursor: pointer;
    font-weight: 700;
    width: 52px;
    background-color: #eee;
    border: rgba(0, 0, 0, 0);
    border-radius: 0;
    padding: 0 12px;
}
.co-pagination__select:focus {
    outline: 0;
}
.co-pagination__last-page {
    padding: 0 4px;
    height: 40px;
    background-color: #eee;
}
.co-pagination__arrow {
    opacity: 1;
    height: 40px;
    width: 64px;
    outline: 0;
    box-shadow: none;
    background-color: #eee;
}
.co-pagination__arrow--left {
    border-radius: 0;
}
.co-pagination__arrow--right {
    border-radius: 0 4px 4px 0;
}
.co-pagination__text {
    display: flex;
    align-items: center;
    background-color: #eee;
    border: rgba(0, 0, 0, 0);
    padding-left: 12px;
    height: 40px;
}
.co-pagination__text--left {
    border-radius: 4px 0 0 4px;
}
.co-pagination__text--divider {
    color: #ccc;
    background-color: #eee;
    border: rgba(0, 0, 0, 0);
    padding: 0 4px;
    height: 40px;
}
.co-pagination__text--center {
    padding: 0;
}
.co-promo-modal__header {
    display: flex;
    flex-flow: row wrap;
    padding: 0 16px 24px;
}
@media (min-width: 768px) {
    .co-promo-modal__header {
        padding-left: 24px;
        padding-right: 24px;
    }
}
.co-promo-modal__scrollable-area {
    margin: 0 auto;
    min-height: 400px;
    overflow-y: auto;
    max-height: 600px;
}
.co-promo-modal__frame {
    position: relative;
}
.co-promo-modal__frame--shadow {
    box-shadow: 0 -8px 6px -4px rgba(0, 0, 0, 0.12), 0 8px 6px -4px rgba(0, 0, 0, 0.12);
}
.co-promo-modal__title-banner {
    margin: 0 10px 10px 0;
}
.co-promo-modal__header-text {
    font-weight: 400;
    font-size: 24px;
}
.co-promo-modal__footer {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.co-promo-modal__footer-item-count {
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
}
@media (min-width: 480px) {
    .co-promo-modal__footer-item-count {
        margin-bottom: 0;
        flex-direction: row;
    }
}
@media (min-width: 480px) {
    .co-promo-modal__container {
        width: 448px;
    }
}
@media (min-width: 768px) {
    .co-promo-modal__container {
        width: 720px;
    }
}
@media (min-width: 1024px) {
    .co-promo-modal__container {
        width: 900px;
    }
}
.link-save-banner-small__anchor {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #d43030;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 600;
    padding: 0 8px;
    height: 20px;
    text-decoration: none;
    border-radius: 4px;
}
.link-save-banner-small__anchor--hyperlink {
    text-decoration: underline;
}
.link-save-banner-small__view-all {
    display: none;
}
.link-save-banner-large__anchor {
    top: 0;
    left: 0;
    position: absolute;
    text-align: center;
    text-transform: none;
    min-width: 56px;
    border-radius: 0 4px 4px;
    background-color: #d43030;
    text-decoration: none;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
}
.link-save-banner-large__anchor:hover {
    text-decoration: none;
}
.link-save-banner-large__meat-sticker {
    height: 56px;
    width: 56px;
    position: relative;
}
.link-save-banner-large__bundle-text {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    display: block;
    margin-top: 2px;
}
.link-save-banner-large__bundle-price {
    display: block;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
}
.link-save-banner-large__quantity {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    display: block;
    margin-top: 2px;
}
.link-save-banner-large__price {
    display: block;
    font-size: 22px;
    line-height: 20px;
    margin-top: -4px;
    font-weight: 700;
}
.link-save-banner-large__view-all {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    display: block;
    text-decoration: underline;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 5px;
}
.link-save-banner-promo__anchor {
    left: auto;
    position: relative;
    top: auto;
}
.link-save-banner-large__config--block {
    display: block;
    width: 56px;
}
.link-save-banner-large__config--inline-block {
    display: inline-block;
}
.link-save-banner-large__config--center {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.link-save-banner-large__config--height-normal {
    height: 16px;
}
.link-save-banner-large__config--margin-horizontal-small {
    margin: 0 2px;
}
.link-save-banner-large__config--up-small {
    margin-top: -3px;
}
.link-save-banner-large__config--down-large {
    transform: translateY(10px);
}
.link-save-banner-large__config--font-huge {
    font-size: 22px;
    font-weight: 700;
}
.link-save-banner-large__config--font-large {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 700;
}
.link-save-banner-large__config--font-normal {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 600;
}
.link-save-banner-large__config--font-small {
    font-size: 11px;
    font-weight: 600;
}
.link-save-banner-large__config--font-weight-semi-bold {
    font-weight: 600;
}
.co-product__promo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border-radius: 4px;
    height: 20px;
    position: relative;
    margin-top: 8px;
}
.co-product__promo,
.co-product__promo:hover {
    text-decoration: none;
}
.co-product__promo-text {
    line-height: normal;
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.co-product__promo-text--hyperlink {
    margin-bottom: 2px;
    text-decoration: underline;
}
.co-product__promo--bundle,
.co-product__promo--link-save {
    background-color: #d43030;
    color: #fff;
}
.co-product__promo--link-save {
    max-width: 108px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.co-product__promo--rollback {
    background-color: #d43030;
    color: #fff;
    width: 64px;
}
.co-product__promo--new {
    background-color: #0073b1;
    color: #fff;
}
.co-product__promo--sale {
    background-color: #d43030;
    color: #fff;
    padding: 0 12px;
}
.co-product__sale-icon {
    padding-top: 4px;
}
.co-product__sale-icon--link {
    padding-top: 6px;
}
.co-product__promo--staying-back {
    display: inline-block;
    width: 95px;
    padding: 0 5px;
    text-align: center;
}
.co-product__promo-icon-button {
    height: 40px;
    padding: 0 8px 0 16px;
}
.co-product__promo-icon-button:hover {
    background: none;
    box-shadow: none;
}
@media (min-width: 768px) {
    .co-product__promo-icon-button {
        transform: translateY(-8px);
        margin-bottom: 8px;
    }
}
@media (max-width: 767px) {
    .co-product__promo-icon-button {
        margin-top: 8px;
    }
}
.co-product__promo-icon-img {
    width: 40px;
    height: 40px;
    vertical-align: top;
}
.co-item__promo-icon-modal .column12 .column {
    flex-basis: auto;
}
.co-item__promo-icon-modal .OverlayContainer {
    text-align: left;
}
@media (min-width: 480px) {
    .co-product__promo-icon-item:last-child {
        margin-bottom: 0;
    }
}
.asda-button {
    background-color: #68a51c;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 600;
    border-radius: 4px;
    height: 44px;
    line-height: 44px;
    padding: 0 16px;
    text-decoration: none;
    text-transform: none;
    border: 0 solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.asda-button:focus,
.asda-button:hover {
    background: #5a8f18;
}
.asda-button:active {
    background: #4d7915;
}
.asda-button .asda-button__spinner .asda-spinner__circle:before {
    background-color: #fff;
}
.asda-button--color-blue {
    background-color: #0073b1;
    border-color: #fff;
    color: #fff;
}
.asda-button--color-blue:focus,
.asda-button--color-blue:hover {
    background: #006298;
}
.asda-button--color-blue:active {
    background: #00527e;
}
.asda-button--color-blue .asda-button__spinner .asda-spinner__circle:before {
    background-color: #fff;
}
.asda-button--color-red {
    background-color: #d43030;
    border-color: #fff;
    color: #fff;
}
.asda-button--color-red:focus,
.asda-button--color-red:hover {
    background: #c22828;
}
.asda-button--color-red:active {
    background: #ad2424;
}
.asda-button--color-red .asda-button__spinner .asda-spinner__circle:before {
    background-color: #fff;
}
.asda-button--color-orange {
    background-color: #f7cc00;
    border-color: #fff;
    color: #fff;
}
.asda-button--color-orange:focus,
.asda-button--color-orange:hover {
    background: #deb700;
}
.asda-button--color-orange:active {
    background: #c4a200;
}
.asda-button--color-orange .asda-button__spinner .asda-spinner__circle:before {
    background-color: #fff;
}
.asda-button--color-white {
    background-color: #fff;
    border-color: #3d3d3d;
    color: #3d3d3d;
}
.asda-button--color-white:focus,
.asda-button--color-white:hover {
    background: rgba(61, 61, 61, 0.05);
}
.asda-button--color-white:active {
    background: rgba(61, 61, 61, 0.1);
}
.asda-button--color-white .asda-button__spinner .asda-spinner__circle:before {
    background-color: #3d3d3d;
}
.asda-button--color-charcoal {
    background-color: #3d3d3d;
    border-color: #fff;
    color: #fff;
}
.asda-button--color-charcoal:focus,
.asda-button--color-charcoal:hover {
    background: #303030;
}
.asda-button--color-charcoal:active {
    background: #242424;
}
.asda-button--color-charcoal .asda-button__spinner .asda-spinner__circle:before {
    background-color: #fff;
}
.asda-button--color-link {
    background-color: #fff;
    border-color: #0073b1;
    color: #0073b1;
}
.asda-button--color-link:focus,
.asda-button--color-link:hover {
    background: rgba(0, 115, 177, 0.05);
}
.asda-button--color-link:active {
    background: rgba(0, 115, 177, 0.1);
}
.asda-button--color-link .asda-button__spinner .asda-spinner__circle:before {
    background-color: #0073b1;
}
.asda-button--color-light-gray {
    background-color: #eee;
    border-color: #3d3d3d;
    color: #3d3d3d;
}
.asda-button--color-light-gray:focus,
.asda-button--color-light-gray:hover {
    background: #e1e1e1;
}
.asda-button--color-light-gray:active {
    background: #d5d5d5;
}
.asda-button--color-light-gray .asda-button__spinner .asda-spinner__circle:before {
    background-color: #3d3d3d;
}
.asda-button--size-small {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 600;
    border-radius: 4px;
    border-width: 0;
    height: 36px;
    line-height: 36px;
    padding: 0 16px;
    text-decoration: none;
    text-transform: none;
}
.asda-button--size-tiny {
    height: 36px;
    line-height: 36px;
    padding: 0;
    min-width: 36px;
}
.asda-button--size-tiny:focus,
.asda-button--size-tiny:hover {
    box-shadow: 0 2px 10px 0 #ccc;
}
.asda-button--size-tiny .asda-icon {
    display: flex;
    margin: auto;
}
.asda-button--category-secondary {
    background-color: #fff;
    color: #0073b1;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 600;
    border-radius: 4px;
    height: 44px;
    line-height: 42px;
    padding: 0 15px;
    text-decoration: none;
    text-transform: none;
    border: 1px solid #0073b1;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.asda-button--category-secondary:focus,
.asda-button--category-secondary:hover {
    background: rgba(0, 115, 177, 0.05);
}
.asda-button--category-secondary:active {
    background: rgba(0, 115, 177, 0.1);
}
.asda-button--category-secondary .asda-button__spinner .asda-spinner__circle:before {
    background-color: #0073b1;
}
.asda-button--category-secondary.asda-button--color-blue {
    background-color: #fff;
    border-color: #0073b1;
    color: #0073b1;
}
.asda-button--category-secondary.asda-button--color-blue:focus,
.asda-button--category-secondary.asda-button--color-blue:hover {
    background: rgba(0, 115, 177, 0.05);
}
.asda-button--category-secondary.asda-button--color-blue:active {
    background: rgba(0, 115, 177, 0.1);
}
.asda-button--category-secondary.asda-button--color-blue .asda-button__spinner .asda-spinner__circle:before {
    background-color: #0073b1;
}
.asda-button--category-secondary.asda-button--color-green {
    background-color: #fff;
    border-color: #68a51c;
    color: #68a51c;
}
.asda-button--category-secondary.asda-button--color-green:focus,
.asda-button--category-secondary.asda-button--color-green:hover {
    background: rgba(104, 165, 28, 0.05);
}
.asda-button--category-secondary.asda-button--color-green:active {
    background: rgba(104, 165, 28, 0.1);
}
.asda-button--category-secondary.asda-button--color-green .asda-button__spinner .asda-spinner__circle:before {
    background-color: #68a51c;
}
.asda-button--category-secondary.asda-button--color-red {
    background-color: #fff;
    border-color: #d43030;
    color: #d43030;
}
.asda-button--category-secondary.asda-button--color-red:focus,
.asda-button--category-secondary.asda-button--color-red:hover {
    background: rgba(212, 48, 48, 0.05);
}
.asda-button--category-secondary.asda-button--color-red:active {
    background: rgba(212, 48, 48, 0.1);
}
.asda-button--category-secondary.asda-button--color-red .asda-button__spinner .asda-spinner__circle:before {
    background-color: #d43030;
}
.asda-button--category-secondary.asda-button--color-orange {
    background-color: #fff;
    border-color: #f7cc00;
    color: #f7cc00;
}
.asda-button--category-secondary.asda-button--color-orange:focus,
.asda-button--category-secondary.asda-button--color-orange:hover {
    background: rgba(247, 204, 0, 0.05);
}
.asda-button--category-secondary.asda-button--color-orange:active {
    background: rgba(247, 204, 0, 0.1);
}
.asda-button--category-secondary.asda-button--color-orange .asda-button__spinner .asda-spinner__circle:before {
    background-color: #f7cc00;
}
.asda-button--category-secondary.asda-button--color-charcoal,
.asda-button--category-secondary.asda-button--color-white {
    background-color: #fff;
    border-color: #3d3d3d;
    color: #3d3d3d;
}
.asda-button--category-secondary.asda-button--color-charcoal:focus,
.asda-button--category-secondary.asda-button--color-charcoal:hover,
.asda-button--category-secondary.asda-button--color-white:focus,
.asda-button--category-secondary.asda-button--color-white:hover {
    background: rgba(61, 61, 61, 0.05);
}
.asda-button--category-secondary.asda-button--color-charcoal:active,
.asda-button--category-secondary.asda-button--color-white:active {
    background: rgba(61, 61, 61, 0.1);
}
.asda-button--category-secondary.asda-button--color-charcoal .asda-button__spinner .asda-spinner__circle:before,
.asda-button--category-secondary.asda-button--color-white .asda-button__spinner .asda-spinner__circle:before {
    background-color: #3d3d3d;
}
.asda-button--category-secondary.asda-button--color-link {
    background-color: #fff;
    border-color: #0073b1;
    color: #0073b1;
}
.asda-button--category-secondary.asda-button--color-link:focus,
.asda-button--category-secondary.asda-button--color-link:hover {
    background: rgba(0, 115, 177, 0.05);
}
.asda-button--category-secondary.asda-button--color-link:active {
    background: rgba(0, 115, 177, 0.1);
}
.asda-button--category-secondary.asda-button--color-link .asda-button__spinner .asda-spinner__circle:before {
    background-color: #0073b1;
}
.asda-button--category-secondary.asda-button--color-light-gray {
    background-color: #eee;
    border-color: #3d3d3d;
    color: #3d3d3d;
}
.asda-button--category-secondary.asda-button--color-light-gray:focus,
.asda-button--category-secondary.asda-button--color-light-gray:hover {
    background: #e1e1e1;
}
.asda-button--category-secondary.asda-button--color-light-gray:active {
    background: #d5d5d5;
}
.asda-button--category-secondary.asda-button--color-light-gray .asda-button__spinner .asda-spinner__circle:before {
    background-color: #3d3d3d;
}
.asda-button--category-secondary.asda-button--size-small {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    border-radius: 4px;
    border-width: 1px;
    height: 36px;
    line-height: 34px;
    padding: 0 15px;
    text-decoration: none;
    text-transform: none;
    font-weight: 600;
}
.asda-button--category-secondary.asda-button--size-small:focus,
.asda-button--category-secondary.asda-button--size-small:hover {
    line-height: 32px;
}
.asda-button--category-secondary.asda-button--size-tiny {
    height: 36px;
    line-height: 36px;
    padding: 0;
    min-width: 36px;
}
.asda-button--category-secondary.asda-button--size-tiny:focus,
.asda-button--category-secondary.asda-button--size-tiny:hover {
    border-width: 2px;
    line-height: 34px;
    box-shadow: none;
}
.asda-button--category-secondary.asda-button--size-small:focus,
.asda-button--category-secondary.asda-button--size-small:hover,
.asda-button--category-secondary:focus,
.asda-button--category-secondary:hover {
    border-width: 2px;
    line-height: 40px;
    padding: 0 14px;
}
.asda-button--loading-withText {
    display: flex;
}
.asda-button--fluid {
    width: 100%;
}
.asda-button--disabled {
    opacity: 0.5;
    pointer-events: none;
}
.asda-button:disabled {
    opacity: 0.5;
    pointer-events: none;
}
.asda-button ::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.asda-button__spinner {
    line-height: inherit;
    vertical-align: text-bottom;
}
.asda-button__spinner .asda-spinner__container {
    width: 20px;
    height: 20px;
}
.co-quantity__quantity-field {
    line-height: 1.15;
    border-radius: 0;
    padding: 0;
}
.co-quantity__add-btn {
    width: 102px;
}
.co-quantity__description {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    vertical-align: text-top;
}
.co-quantity--margin-top-10px {
    margin-top: 10px;
}
.recipe-info-tooltip {
    text-align: left;
    width: 260px;
}
.recipe-info-tooltip__content {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-height: 140px;
    overflow-x: hidden;
    overflow-y: auto;
}
.recipe-info-tooltip__content-item:not(:last-child) {
    border-bottom: 1px solid #ccc;
}
.recipe-info-tooltip__header {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
}
.recipe-info-tooltip__header-text {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 600;
    color: #d43030;
    text-align: left;
}
.co-product-quantity__button {
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
}
.co-product-quantity__button--decrement {
    border-radius: 2px 0 0 2px;
    font-size: 19px;
}
.co-product-quantity__button--increment {
    border-radius: 0 2px 2px 0;
}
.co-product-quantity__button--manual-input .co-product-quantity__quantity-field {
    border-radius: 2px 0 0 2px;
}
.co-product-quantity__button--manual-input .co-product-quantity-unit-dropdown__unit-select {
    border-radius: 0;
    border-left: 0;
}
.co-product-quantity__quantity-field {
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 16px;
    font-weight: 400;
    width: 40px;
    height: 40px;
    text-align: center;
    border: 1px solid #ccc;
}
.co-product-quantity__quantity-field--error {
    border: 1px solid #d43030;
}
.co-product-quantity__unit-dropdown {
    position: relative;
}
.co-product-quantity-unit-dropdown__unit-select {
    height: 40px;
    width: 40px;
}
.co-product-quantity-unit-dropdown__select {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    padding: 0 0 0 2px;
    background: #eee;
}
.co-product-quantity-unit-dropdown__chevron {
    right: 0;
    transform: translateY(-60%);
}
.co-product-quantity__incremental-input {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.co-product-quantity__manual-form-cntr {
    display: flex;
}
.co-product-quantity__incr-butt-cont {
    position: relative;
    display: flex;
}
.co-product-quantity__error-tooltip {
    width: 160px;
}
.co-product-quantity__add-butt-cont {
    position: relative;
    display: flex;
    justify-content: center;
}
.co-product-quantity__add-error-tooltip {
    width: 160px;
}
.co-product-quantity__qty-and-desc-cntr {
    display: inline-flex;
    flex-flow: column nowrap;
    align-items: center;
}
.co-product-quantity__manual-submit-btn {
    height: 40px;
    width: 68px;
    border-radius: 0 2px 2px 0;
}
.co-product-quantity--both .co-product-quantity__button--increment {
    border-radius: 0;
}
.co-product-quantity--big .co-product-quantity__button {
    width: 42px;
    height: 42px;
}
.co-product-quantity--big .co-product-quantity__quantity-field {
    height: 42px;
}
.co-product-quantity--big .co-product-quantity-unit-dropdown__unit-select {
    width: 42px;
    height: 42px;
}
.co-product-quantity--big .co-product-quantity__manual-submit-btn {
    height: 42px;
}
.co-product-quantity--product-slider .co-product-quantity__button {
    width: 34px;
    height: 34px;
    line-height: 34px;
}
.co-product-quantity--product-slider .co-product-quantity__quantity-field {
    height: 34px;
}
.co-product-quantity--product-slider .co-product-quantity-unit-dropdown__unit-select {
    width: 37px;
    height: 34px;
}
.co-product-quantity--product-slider .co-product-quantity__manual-submit-btn {
    height: 34px;
}
@media (min-width: 480px) {
    .co-product-quantity__button {
        width: 34px;
        height: 34px;
        line-height: 34px;
    }
    .co-product-quantity__quantity-field {
        height: 34px;
    }
    .co-product-quantity-unit-dropdown__unit-select {
        width: 37px;
        height: 34px;
    }
    .co-product-quantity__manual-submit-btn {
        height: 34px;
    }
}
.criteo-banner-product__product-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
    padding: 10px;
    max-width: 144px;
}
.criteo-banner-product__product-details {
    display: flex;
    flex-flow: column nowrap;
    flex: 1 1 100%;
}
.criteo-banner-product__promo-badge {
    align-self: center;
    margin: 8px 0;
}
.criteo-banner-product__was-price {
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 16px;
    font-weight: 600;
    text-decoration: line-through;
    align-self: center;
}
.criteo-banner-product__product-cta-container {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.criteo-banner-product__call-to-action {
    width: 102px;
    margin: 0 auto;
    padding: 0 4px;
}
.criteo-banner-product__promo-icon-container {
    margin: 8px 0;
}
.criteo-banner-product__bws-container {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: -0.1px;
    text-align: right;
}
.criteo-banner-product__bws-icon {
    max-width: 100%;
}
.criteo-banner-product__product-name {
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 16px;
    font-weight: 400;
    text-align: center;
}
.criteo-banner-product__product-price {
    font-size: 28px;
    letter-spacing: 0.3px;
    line-height: 36px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    letter-spacing: -1px;
    margin: 4px 0;
}
.criteo-banner-product__product-price--margin {
    margin-bottom: 12px;
}
.criteo-banner-product__pound {
    font-size: 60px;
    line-height: 38px;
    vertical-align: top;
}
.criteo-banner-product__pound-symbol {
    vertical-align: top;
}
.criteo-banner-product__volume {
    text-align: center;
}
.criteo-banner-product__availability-note {
    font-size: 9px;
    font-weight: 600;
    font-stretch: normal;
    line-height: 1.2;
    text-align: right;
    margin: 4px 0;
}
.criteo-banner-product__availability-note--im {
    margin: 4px 14px;
}
.criteo-banner-product__promo-icon-list {
    text-align: right;
}
.criteo-banner-product__promo-icon-button {
    margin-bottom: 4px;
    transform: none;
    padding: 0 4px;
    background: none;
}
.criteo-banner-product__promo-icon-button:hover {
    background: none;
    box-shadow: none;
}
@keyframes productImageLoading {
    0% {
        background-position: 0 100%;
    }
    to {
        background-position: 100% 0;
    }
}
.co-product__image--load-effect {
    background-size: 70%;
    background-image: linear-gradient(90deg, #f6f6f6, #fff, #f6f6f6);
    animation: productImageLoading 1s linear infinite alternate;
}
.rating-stars {
    font-size: 12px;
    width: 60px;
    position: relative;
    padding: 0;
    color: #767676;
}
.rating-stars--large {
    font-size: 16px;
    width: 80px;
}
.rating-stars--windows {
    font-size: 14px;
}
.rating-stars--windows.rating-stars--large {
    font-size: 19px;
}
.rating-stars__stars--top {
    color: #f7cc00;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    padding: 0;
}
.rating-stars__stars--bottom {
    padding: 0;
    display: block;
    text-align: left;
}
.co-product__rating {
    display: flex;
    cursor: pointer;
}
.co-product__rating--product-slider {
    margin: auto;
}
.co-product__rating:hover {
    text-decoration: none;
}
@media (min-width: 480px) {
    .co-product__rating {
        justify-content: center;
    }
}
.co-product__review-count {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    margin-left: 2px;
    color: #3d3d3d;
}
.co-product__review-count--large {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
}
@media (min-width: 480px) {
    .co-product__rating {
        margin: auto;
    }
}
.unavailable-banner {
    display: inline-block;
    text-align: center;
}
.unavailable-banner__product-status {
    text-transform: none;
    margin: 0 8px;
}
.unavailable-banner__future-date {
    font-weight: 600;
}
.unavailable-banner__alts-modal-body {
    position: relative;
}
.unavailable-banner__alts-modal-prodlist {
    padding: 0 20px 20px;
}
.co-item__why-not-try {
    display: inline-block;
    min-width: 115px;
    padding: 5px 7px;
    background-color: #eee;
    text-align: center;
}
.co-item__why-not-try-text {
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 16px;
    font-weight: 700;
}
.co-product__volume {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
    display: block;
    text-transform: lowercase;
}
.co-product__bundled-item-count {
    display: block;
}
.co-product__bundled-item-count,
.co-product__title {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
}
.co-product__title {
    line-height: 1.15;
    padding-bottom: 1px;
}
.co-product__title:first-letter {
    text-transform: capitalize;
}
.co-product__anchor {
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 16px;
    font-weight: 400;
    color: #3d3d3d;
    text-decoration: none;
}
.co-product__anchor:hover {
    text-decoration: underline;
}
.co-product__lastPurchaseDate {
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 16px;
    font-weight: 600;
}
.co-product__was-price {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    text-decoration: line-through;
    margin-right: 2px;
}
.co-product__price {
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 600;
}
.co-product__price-per-uom {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
}
@media (min-width: 480px) {
    .co-product__price {
        font-size: 22px;
        letter-spacing: 0.3px;
        line-height: 28px;
        font-weight: 600;
    }
    .co-product__price--pdp {
        font-size: 28px;
        letter-spacing: 0.3px;
        line-height: 36px;
        font-weight: 600;
    }
    .co-product__bundled-item-count {
        display: inline-block;
        margin-top: 0;
    }
}
.co-stack-item {
    padding: 10px 0;
    margin: 0 10px;
    border-top: 1px solid #ccc;
    background-color: #fff;
    position: relative;
}
.co-stack-item:first-child {
    border: 0;
}
.co-stack-item__rating {
    justify-content: flex-start;
}
.co-stack-item__product {
    display: flex;
    flex-flow: row nowrap;
}
.co-stack-item__container-image {
    width: 80px;
    text-align: center;
}
.co-stack-item__container-details {
    flex-grow: 1;
    padding-left: 10px;
}
.co-stack-item__image {
    width: 80px;
    height: 80px;
}
.co-stack-item-link-save-banner__anchor {
    margin-bottom: 10px;
    position: static;
    top: auto;
    left: auto;
}
.co-stack-item-link-save-banner__meat-sticker {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    white-space: normal;
}
.co-stack-item__promo {
    margin: 10px 0;
}
.co-stack-item__price {
    font-size: 22px;
    letter-spacing: 0.3px;
    line-height: 28px;
    font-weight: 600;
    overflow-wrap: break-word;
}
.co-stack-item__price-per-uom {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    display: block;
    margin-left: 0;
}
.co-stack-item__volume-container {
    margin-top: 10px;
}
.co-stack-item__title-container {
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
    padding-right: 80px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.co-stack-item__rating-container {
    text-align: left;
}
.co-stack-item__bundled-item-count-container,
.co-stack-item__unavailable-banner {
    margin-top: 5px;
}
.co-stack-item__price-container {
    padding: 0 0 10px;
}
.co-stack-item__promo-icon-container {
    display: none;
}
.co-stack-item__substitution {
    display: flex;
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 16px;
    font-weight: 400;
    position: absolute;
    right: 0;
    top: 10px;
}
.co-stack-item__substitution-label {
    margin-right: 8px;
}
.co-stack-item--highlighted {
    background: #b4d28e;
    border-color: #fff;
    padding: 10px;
    margin: 0;
}
.co-stack-item--substitution .co-stack-item__container-price-bundle {
    flex-grow: 0;
}
.co-stack-item--substitution .co-stack-item__container-price-quantity {
    justify-content: flex-start;
}
.co-stack-item--hide-default {
    display: none;
}
.co-stack-item--show-default {
    display: inherit;
}
.manage-shopping-list__container-price-quantity {
    flex-flow: wrap;
    width: 100%;
}
.manage-shopping-list__container-info,
.manage-shopping-list__container-price-bundle {
    width: 100%;
}
.manage-shopping-list__container-price-bundle {
    margin-left: 0;
}
.manage-shopping-list__title-container {
    padding-right: 0;
}
.manage-shopping-list__price-container {
    padding-bottom: 0;
}
@media (min-width: 480px) {
    .co-stack-item {
        padding: 20px 0;
        margin: 0 15px;
    }
    .co-stack-item__title-container {
        padding-right: 0;
    }
    .co-stack-item__promo {
        margin: 0 0 10px;
    }
    .co-stack-item__container-details {
        display: flex;
        flex-flow: row nowrap;
    }
    .co-stack-item__container-info {
        width: 32%;
        min-width: 126px;
    }
    .co-stack-item__container-price-bundle {
        margin-left: 10px;
        width: 130px;
        text-align: center;
        flex-grow: 1;
        padding: 0;
    }
    .co-stack-item__bundled-item-count-container {
        margin-top: 0;
    }
    .co-stack-item__quantity-container {
        width: 160px;
        margin-left: 10px;
    }
    .co-stack-item__substitution {
        top: 20px;
    }
    .manage-shopping-list__container-price-quantity {
        flex-flow: wrap;
    }
    .manage-shopping-list__container-info {
        width: 100%;
    }
    .manage-shopping-list__container-price-bundle {
        margin-left: 0;
        width: 100%;
    }
    .co-stack-item--hide-default {
        display: inherit;
    }
    .co-stack-item--show-default {
        display: none;
    }
    .co-stack-item--highlighted {
        padding: 20px 15px;
        margin: 0;
    }
}
@media (min-width: 768px) {
    .co-stack-item {
        padding: 20px 15px;
        margin: 0;
    }
    .co-stack-item__container-price-quantity {
        display: flex;
        flex-flow: row nowrap;
        flex-grow: 1;
        justify-content: flex-end;
    }
    .co-stack-item__substitution {
        right: 15px;
    }
    .manage-shopping-list__container-details {
        display: flex;
        width: 100%;
    }
    .manage-shopping-list__container-price-quantity {
        flex-flow: row nowrap;
    }
    .manage-shopping-list__container-info {
        width: 32%;
        min-width: 126px;
    }
}
.asda-close-button {
    background: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer;
    height: 30px;
    margin: 0;
    padding: 0;
    width: 30px;
}
.co-tooltip {
    display: inline-block;
}
.co-tooltip__container {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 10;
    background: #eee;
    min-height: 40px;
    text-align: center;
    padding: 8px;
    max-width: 156px;
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.co-tooltip__header {
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 4px;
    word-break: break-word;
}
.co-tooltip__description {
    font-size: 13px;
    margin: 0;
    width: 100%;
}
.co-tooltip__arrow {
    overflow: hidden;
    text-align: center;
    height: 12px;
    width: 24px;
    position: absolute;
    pointer-events: none;
}
.co-tooltip__arrow:after {
    display: inline-block;
    position: relative;
    width: 12px;
    height: 12px;
    background: #eee;
    transform: rotate(45deg);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.co-tooltip--show-cross .co-tooltip__cross {
    position: absolute;
    right: -4px;
    top: -2px;
    cursor: pointer;
}
.co-tooltip--show-cross .co-tooltip__container {
    padding: 5px;
}
.co-tooltip--arrow-top .co-tooltip__arrow {
    bottom: 100%;
    left: 50%;
    margin-left: -12px;
    font-weight: 700;
}
.co-tooltip--arrow-top .co-tooltip__arrow:after {
    content: "";
    bottom: -4px;
}
.co-tooltip--arrow-right .co-tooltip__arrow {
    top: 50%;
    left: 100%;
    margin-top: -12px;
    height: 24px;
    width: 12px;
}
.co-tooltip--arrow-right .co-tooltip__arrow:after {
    content: "";
    left: -6px;
    top: 4px;
    box-shadow: 0 2px 1px 2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.co-tooltip--arrow-bottom .co-tooltip__arrow {
    top: 100%;
    left: 50%;
    margin-left: -12px;
}
.co-tooltip--arrow-bottom .co-tooltip__arrow:after {
    content: "";
    bottom: 8px;
}
.co-tooltip--arrow-left .co-tooltip__arrow {
    top: 50%;
    right: 100%;
    margin-top: -12px;
    height: 24px;
    width: 12px;
}
.co-tooltip--arrow-left .co-tooltip__arrow:after {
    content: "";
    left: 6px;
    top: 4px;
}
.co-tooltip--fluid {
    width: 100%;
}
.co-tooltip--fluid .co-tooltip__container {
    width: 100%;
    max-width: none;
}
.co-alt-stack-item {
    padding: 10px 0;
    margin: 0 10px;
    border-top: 1px solid #eee;
    position: relative;
    background: #fff;
}
.co-alt-stack-item:first-child {
    border: 0;
}
.co-alt-stack-item__product-details-container {
    width: 100%;
    height: 161px;
    display: flex;
    border-bottom: 1px solid #eee;
    position: relative;
}
.co-alt-stack-item__product-details-container:after {
    content: "";
    display: inline-block;
    background: #fff;
    position: absolute;
    bottom: -1px;
    left: 50%;
    width: 50px;
    height: 1px;
    margin-left: -25px;
}
.co-alt-stack-item__image-container {
    width: 80px;
    text-align: center;
}
.co-alt-stack-item__details-container {
    width: 73.333333333%;
    padding-left: 10px;
}
.co-alt-stack-item__preview-container {
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding: 10px 10px 0;
}
.co-alt-stack-item__preview-container:hover .co-alt-stack-item__view-details-link {
    text-decoration: underline;
}
.co-alt-stack-item__alignment-container {
    position: relative;
    margin-bottom: 10px;
}
.co-alt-stack-item__image {
    width: 80px;
    height: 80px;
}
.co-alt-stack-item__unavailable-banner {
    margin-top: 5px;
}
.co-alt-stack-item__title-container {
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.co-alt-stack-item__volume-container {
    margin: 10px 0;
}
.co-alt-stack-item__tooltip {
    position: absolute;
    top: -66px;
    left: calc(50% - 60px);
    width: 120px;
}
.co-alt-stack-item__alternate-list {
    border: 1px solid #eee;
}
.co-alt-stack-item__preview-image {
    width: 50px;
    height: 50px;
    margin-left: 10px;
}
.co-alt-stack-item__preview-image:first-child {
    margin-left: 0;
}
.co-alt-stack-item__panel {
    margin-top: 10px;
    transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.co-alt-stack-item--hide-default {
    display: none;
}
.co-alt-stack-item--show-default {
    display: inherit;
}
@media (min-width: 480px) {
    .co-alt-stack-item--hide-default {
        display: inherit;
    }
    .co-alt-stack-item--show-default {
        display: none;
    }
}
@media only screen and (min-width: 600px) {
    .co-alt-stack-item__product-details-container {
        height: auto;
        border: 0;
    }
    .co-alt-stack-item__product-details-container:after {
        display: none;
    }
    .co-alt-stack-item__product {
        display: flex;
    }
    .co-alt-stack-item__preview-container {
        text-align: right;
    }
    .co-alt-stack-item__preview-image:first-child {
        margin-left: 10px;
    }
    .co-alt-stack-item__details-container {
        width: auto;
    }
    .co-alt-stack-item__tooltip {
        position: static;
        top: auto;
        left: auto;
        width: 65px;
        margin-right: 10px;
    }
    .co-alt-stack-item__alignment-container {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}
.co-stack-list {
    position: relative;
}
.co-stack-list__header {
    background: #f6f6f6;
    border: 1px solid #ccc;
    min-height: 40px;
    padding: 10px;
}
.co-stack-list__title {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
}
.co-stack-list--no-side-border .co-stack-list__header {
    border-style: solid none;
}
@media (min-width: 480px) {
    .co-stack-list__header {
        padding: 10px 15px;
    }
}
.fsl-quantity-selector {
    float: left;
    position: relative;
    display: block;
    padding: 0;
    margin: 0 0 2px;
    width: 116px;
    height: 36px;
    border-radius: 4px;
    border: 1px solid #68a51c;
    background: #fff;
    cursor: pointer;
}
.fsl-quantity-selector__checkbox {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing: content-box;
}
.fsl-quantity-selector__label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 600;
    z-index: 2;
}
.fsl-quantity-selector__label:after,
.fsl-quantity-selector__label:before {
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    line-height: 1;
    transition: inherit;
}
.fsl-quantity-selector__label:before {
    content: attr(data-off);
    right: 17px;
    color: #3d3d3d;
}
.fsl-quantity-selector__label:after {
    content: attr(data-on);
    left: 14px;
    color: #fff;
}
.fsl-quantity-selector__toggler {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    background: #68a51c;
    height: 100%;
}
.fsl-quantity-selector__label,
.fsl-quantity-selector__toggler {
    transition: All 0.3s ease;
}
.fsl-quantity-selector__checkbox:checked ~ .fsl-quantity-selector__label:before {
    opacity: 1;
    color: #fff;
}
.fsl-quantity-selector__checkbox:checked ~ .fsl-quantity-selector__label:after {
    opacity: 1;
    color: #3d3d3d;
}
.fsl-quantity-selector__checkbox:checked ~ .fsl-quantity-selector__toggler {
    left: 50%;
}
.co-item-shopping-lists__incremental-input {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.co-item-shopping-lists__description-container {
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 16px;
    font-weight: 400;
    vertical-align: text-top;
}
.co-item-shopping-lists__incr-button-cont {
    display: flex;
    flex-grow: 0;
    margin-bottom: 4px;
}
.co-item-shopping-lists__button--increment {
    border-radius: 0 4px 4px 0;
}
.co-item-shopping-lists__button--decrement {
    border-radius: 4px 0 0 4px;
}
.co-item-shopping-lists__quantity-field {
    width: 44px;
    height: 36px;
    border: 1px solid #68a51c;
    border-right: none;
    border-left: none;
    text-align: center;
    color: #68a51c;
    padding: 0 5px;
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 400;
    flex-grow: 0;
}
.co-item-shopping-lists__tooltip {
    width: 200px;
}
@media (min-width: 480px) {
    .co-item-shopping-lists__incremental-input {
        flex-direction: column;
    }
}
@media (max-width: 767px) {
    .co-item-shopping-lists__incremental-input {
        align-items: flex-start;
    }
}
@media (min-width: 1024px) {
    .co-item-shopping-lists__incremental-input {
        flex-direction: column;
    }
    .co-item-shopping-lists__incr-button-cont,
    .co-item-shopping-lists__quantity-field {
        flex-grow: 1;
    }
}
.co-item-shopping-lists__quantity-container {
    flex-grow: 1;
}
.co-item-shopping-lists__header {
    font-weight: 700;
}
.co-item {
    overflow: inherit;
}
.co-item__items-container {
    display: flex;
    justify-content: left;
    align-items: flex-start;
    flex-grow: 1;
}
.co-item__items {
    width: 50%;
}
.co-item-fsl__favourites-image {
    height: 30px;
    position: relative;
    cursor: pointer;
    width: 50%;
    align-self: flex-end;
}
.co-item-fsl__favourites-button {
    display: inline;
}
.co-item-fsl__divider {
    border: none;
    border-bottom: 1px solid #ccc;
}
@media (min-width: 480px) {
    .co-item {
        overflow: inherit;
    }
    .co-item-fsl__favourites-image {
        height: 30px;
        width: 30px;
    }
}
.co-item__add-new-list-form {
    display: flex;
    justify-content: space-between;
}
.co-item__add-new-list-submit {
    margin: 20px 0 5px;
}
.co-item-shopping-lists__container {
    padding-left: 6px;
}
.co-item-shopping-lists__data {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}
.co-item-shopping-lists__header {
    display: flex;
    padding: 10px 0;
}
.co-item-shopping-lists__header-title-name {
    display: inline-flex;
    width: 54%;
}
.co-item-shopping-lists__amount-title-name {
    display: inline-flex;
}
.co-item-shopping-lists {
    flex-grow: 1;
}
.co-item-shopping-lists__add-button {
    margin-bottom: 0;
}
.co-item-shopping-lists__data-container {
    max-height: 180px;
    overflow-y: scroll;
    min-height: 115px;
}
.co-item-shopping-lists__incr-button-cont {
    position: relative;
}
@media (min-width: 480px) {
    .co-item__shopping-list-modal .asda-modal__container {
        width: 555px;
        z-index: 90;
    }
    .co-item__add-new-list-submit {
        width: 45%;
    }
    .co-item-shopping-lists__data-container {
        max-height: 350px;
        overflow-y: auto;
    }
    .co-item-shopping-lists__incremental-input {
        display: flex;
    }
    .co-item-shopping-lists__incr-button-cont {
        padding-right: 8px;
    }
}
.co-item {
    background: #fff;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    position: relative;
    width: 100%;
}
.co-item:after,
.co-item:before {
    content: " ";
    display: table;
}
.co-item:after {
    clear: both;
}
.co-item:first-child {
    border-top: 1px solid #ccc;
}
.co-item__add-to-existing-shopping-list-header {
    display: flex;
    align-items: center;
}
.co-item__add-to-existing-shopping-list-header h5 {
    font-size: 15px;
}
.co-item__col1 {
    float: left;
    width: 33.333333333333336%;
    text-align: center;
}
.co-item__col2 {
    padding-left: 16px;
    text-align: left;
}
.co-item__col2,
.co-item__col3 {
    float: left;
    width: 66.66666666666666%;
}
.co-item__featured-fav-label-container {
    position: relative;
    right: 103px;
    bottom: 24px;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
}
.co-item__featured-fav-label {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 12px;
    border-radius: 4px 4px 0 0;
    background-color: #767676;
    border: 0 solid #68a51c;
    padding: 5px 7px 2px;
    font-weight: 600;
    color: #fff;
    height: 23px;
}
.co-item--featured {
    padding-top: 20px;
}
.co-item__featured-label-container {
    margin-bottom: 8px;
}
.co-item__featured-label {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 12px;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-radius: 0 0 0 2px;
    padding: 1px 7px 2px;
    font-weight: 600;
    text-transform: uppercase;
}
.co-item__image {
    width: 100%;
    min-width: 100px;
    min-height: 100px;
    max-width: 130px;
    max-height: 130px;
    object-fit: contain;
    display: inline-block;
}
.co-item__volume-container {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.co-item__title-container {
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.co-item__rating-container {
    text-align: left;
}
.co-item__bundled-item-count-container {
    margin-top: 5px;
}
.co-item__price-container {
    padding: 8px 0;
}
.co-item__price-per-uom-msg {
    margin: 0;
}
.co-item__price-per-uom {
    display: block;
}
.co-item__co-button {
    float: left;
}
.co-item__quantity-container {
    position: relative;
}
.co-item__promo-icon-list--list-position {
    position: absolute;
    top: -2px;
    left: 147px;
}
.co-item__sponsored-label {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    background-color: #fff;
    left: 0;
    padding: 1px 2px;
    position: absolute;
    top: 0;
}
@media (max-width: 767px) {
    .co-item__promo-icon-list--list-position {
        top: 26px;
        right: 1px;
        left: auto;
    }
    .co-item__featured-label-container {
        margin-bottom: 0;
    }
    .co-item__col3 {
        padding: 32px 0 0 16px;
    }
    .co-item__featured-fav-label-container {
        margin-bottom: 22px;
        right: 0;
        bottom: 5px;
    }
    .co-item__featured-fav-label {
        border-radius: 4px;
    }
}
.co-item--product-slider,
.co-item--product-slider .co-item {
    width: 33.33333%;
    margin: 18px -2px 18px 1px;
    height: 411px;
    overflow: inherit;
    border: 1px solid #ccc;
    padding: 0;
    text-align: center;
    position: relative;
}
.co-item--product-slider .co-item__col1,
.co-item--product-slider .co-item__col2,
.co-item--product-slider .co-item__col3 {
    float: none;
    width: auto;
    text-align: center;
}
.co-item--product-slider .co-item__col3 {
    padding: 0 0 16px;
}
.co-item--product-slider .co-item__image {
    min-width: 130px;
    min-height: 130px;
}
.co-item--product-slider .co-item__col1 {
    padding-top: 8px;
}
.co-item--product-slider .co-item__col2 {
    padding: 0;
}
.co-item--product-slider .co-item__col2:after,
.co-item--product-slider .co-item__col2:before {
    content: " ";
    display: table;
}
.co-item--product-slider .co-item__col2:after {
    clear: both;
}
.co-item--product-slider .co-item__title-container {
    height: 48px;
    margin: 6px 10px 2px;
}
.co-item--product-slider .co-item__rating-container {
    height: 15px;
}
.co-item--product-slider .co-item__promo-container {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.co-item--product-slider .co-item__bundled-item-count-container {
    height: 16px;
    margin-top: 0;
    margin-bottom: 3px;
}
.co-item--product-slider .co-item__price-container {
    height: 60px;
}
.co-item--product-slider .co-item__price-per-uom {
    display: block;
}
.co-item--product-slider .co-item__co-button {
    float: none;
}
.co-item--product-slider .co-item__quantity-container {
    position: static;
}
.co-item--product-slider .co-item__promo-icon-list--list-position {
    top: 26px;
    right: 1px;
    left: auto;
}
.co-item--product-slider .co-item--modal-ctx {
    width: 50%;
}
@media (min-width: 480px) {
    .co-item {
        width: 33.33333%;
        margin: 18px -2px 18px 1px;
        height: 411px;
        overflow: inherit;
        border: 1px solid #ccc;
        padding: 0;
        text-align: center;
        position: relative;
    }
    .co-item__col1,
    .co-item__col2,
    .co-item__col3 {
        float: none;
        width: auto;
        text-align: center;
    }
    .co-item__col3 {
        padding: 0 0 16px;
    }
    .co-item__image {
        min-width: 130px;
        min-height: 130px;
    }
    .co-item__col1 {
        padding-top: 8px;
    }
    .co-item__col2 {
        padding: 0;
    }
    .co-item__col2:after,
    .co-item__col2:before {
        content: " ";
        display: table;
    }
    .co-item__col2:after {
        clear: both;
    }
    .co-item__title-container {
        height: 48px;
        margin: 6px 10px 2px;
    }
    .co-item__rating-container {
        height: 15px;
    }
    .co-item__promo-container {
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .co-item__bundled-item-count-container {
        height: 16px;
        margin-top: 0;
        margin-bottom: 3px;
    }
    .co-item__price-container {
        height: 60px;
    }
    .co-item__price-per-uom {
        display: block;
    }
    .co-item__co-button {
        float: none;
    }
    .co-item__quantity-container {
        position: static;
    }
    .co-item__promo-icon-list--list-position {
        top: 26px;
        right: 1px;
        left: auto;
    }
    .co-item--modal-ctx {
        width: 50%;
    }
}
@media (min-width: 768px) {
    .co-item {
        width: 25%;
    }
    .co-item--modal-ctx {
        width: 33.33333%;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .co-item__featured-fav-label-container {
        right: 122px;
    }
}
@media (min-width: 1024px) and (max-width: 1279px) {
    .co-item__featured-fav-label-container {
        right: 103px;
    }
}
@media (min-width: 1024px) {
    .co-item {
        width: 20%;
    }
    .co-item--home {
        width: 16.66667%;
    }
    .co-item--modal-ctx {
        width: 33.33333%;
    }
}
@media (min-width: 1280px) {
    .site-width .co-item {
        width: 16.66667%;
    }
    .site-width .co-item--home {
        width: 14.28571%;
    }
    .site-width .co-item--modal-ctx {
        width: 33.33333%;
    }
}
.product-slider__title {
    border-top: 1px solid #ccc;
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 600;
    padding: 24px 0 16px;
}
.product-slider__slider-container {
    position: relative;
}
.product-slider__left-arrow-container,
.product-slider__right-arrow-container {
    position: absolute;
    cursor: pointer;
    z-index: 50;
    height: 100%;
    width: 32px;
    top: 0;
    padding: 0;
    opacity: 0.9;
    background-color: #fff;
    border: 1px solid #ccc;
}
.product-slider__left-arrow-container[disabled],
.product-slider__right-arrow-container[disabled] {
    display: none;
}
.product-slider__left-arrow-container {
    border-right: none;
    left: 0;
}
.product-slider__right-arrow-container {
    right: 0;
    border-left: none;
}
.product-slider__left-arrow,
.product-slider__right-arrow {
    overflow: hidden;
    border: none;
    opacity: 0.9;
}
.product-slider__slider {
    overflow: hidden;
    border: 1px solid #ccc;
}
.product-slider__slider-list {
    position: relative;
    list-style: none;
    transition: left 0.9s ease;
    margin: 0;
    padding: 0;
    left: 0;
    display: flex;
}
.product-slider__list-item.co-item {
    flex: 0 0 140px;
    margin: 0;
    border-width: 0 1px 0 0;
    max-width: unset;
}
.product-slider__list-item.co-item:first-child {
    border-top-width: 0;
}
@media (min-width: 768px) {
    .product-slider__list-item.co-item {
        flex: 0 0 184px;
    }
}
.page-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
}
.page-navigation__total-items-text {
    padding-bottom: 8px;
}
@media (max-width: 767px) {
    .page-navigation {
        display: flex;
        flex-direction: column;
        align-items: start;
        padding: 16px 0;
    }
}
.asda-filter {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
    display: flex;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    text-align: left;
    height: 100%;
    min-height: 40px;
    align-items: center;
    justify-content: space-between;
}
.asda-filter__text {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.asda-filter__caption {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
}
.asda-filter__caption,
.asda-filter__selection {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
}
.asda-filter__selection {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 600;
    display: block;
    line-height: 14px;
    color: #767676;
}
.asda-filter__selection--isPDP {
    width: 96px;
}
@media (min-width: 768px) {
    .asda-filter__selection--isPDP {
        width: 165px;
    }
}
.asda-filter__icon {
    min-width: 30px;
    text-align: right;
}
.asda-dropdown-menu {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
    position: absolute;
    z-index: 50;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 10px 0 #ccc;
    background-color: #fff;
}
.asda-dropdown-menu[data-size="narrow"] {
    width: 172px;
    max-height: 436px;
}
.asda-dropdown-menu__header {
    background-color: #f6f6f6;
    border-bottom: 1px solid #ccc;
    border-radius: 4px 4px 0 0;
    padding: 5px 0 9px 15px;
}
.asda-dropdown-menu__subheader {
    border-bottom: 1px solid #ccc;
    padding: 8px 16px;
}
.asda-dropdown-menu__body {
    padding: 16px 0 16px 16px;
}
.asda-dropdown-menu__body[data-scrollable="true"] {
    max-height: 204px;
    overflow-y: auto;
}
.asda-dropdown-menu__footer {
    padding: 10px;
    border-top: 1px solid #ccc;
    box-shadow: 0 2px 10px 0 #ccc;
}
.asda-asc-desc-buttons-container {
    display: flex;
}
.asda-asc-desc-buttons-container__button {
    flex: 1;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.asda-asc-desc-buttons-container__button--ascending {
    border-radius: 15px 0 0 15px;
    border-right: none;
}
.asda-asc-desc-buttons-container__button--descending {
    border-radius: 0 15px 15px 0;
}
.asda-asc-desc-buttons-container__button--selected {
    background-color: #68a51c;
    border-color: #68a51c;
}
.asda-asc-desc-buttons-container__button--disabled {
    border-color: #ccc;
    cursor: not-allowed;
}
.asda-slide-panel--disable-scroll {
    overflow: hidden;
}
.asda-slide-panel {
    z-index: 70;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    transition: top 0.5s ease-in-out, right 0.5s ease-in-out, bottom 0.5s ease-in-out, left 0.5s ease-in-out;
}
.asda-slide-panel__body {
    overflow-y: auto;
}
.asda-slide-panel[data-direction="top"].asda-slide-panel--entering {
    top: -100%;
}
.asda-slide-panel[data-direction="top"].asda-slide-panel--entered {
    top: 0;
}
.asda-slide-panel[data-direction="right"].asda-slide-panel--entering {
    left: 100%;
}
.asda-slide-panel[data-direction="right"].asda-slide-panel--entered {
    left: 0;
}
.asda-slide-panel[data-direction="bottom"].asda-slide-panel--entering {
    top: 100%;
}
.asda-slide-panel[data-direction="bottom"].asda-slide-panel--entered {
    top: 0;
}
.asda-slide-panel[data-direction="left"].asda-slide-panel--entering {
    left: -100%;
}
.asda-slide-panel[data-direction="left"].asda-slide-panel--entered {
    left: 0;
}
.slide-panel-sort-by {
    display: flex;
    flex-direction: column;
}
.slide-panel-sort-by__header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    border-bottom: 1px solid #ccc;
    padding: 0 15px;
}
.slide-panel-sort-by__header .sort-by__title {
    margin: auto;
}
.slide-panel-sort-by__subheader {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: 54px;
    border-bottom: 1px solid #ccc;
    padding: 0 16px;
}
.slide-panel-sort-by__subheader .sort-by__order {
    width: 100%;
}
.slide-panel-sort-by .asda-asc-desc-buttons-container__button {
    margin: 0;
}
.slide-panel-sort-by__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow-y: auto;
    padding: 16px 0 16px 16px;
}
.slide-panel-sort-by__footer {
    padding: 10px;
    border-top: 1px solid #ccc;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 #eee;
}
.sort-by__option:not(:last-child) {
    padding-bottom: 24px;
}
@media (min-width: 480px) {
    .sort-by .asda-radio__label {
        display: block;
    }
    .sort-by .asda-dropdown-menu {
        margin-top: 10px;
    }
    .sort-by__order[data-enabled="true"] .asda-asc-desc-buttons-container__button {
        cursor: pointer;
    }
    .sort-by__order[data-enabled="true"] .asda-asc-desc-buttons-container__button:last-child {
        border-left: 0;
    }
    .sort-by__order[data-enabled="false"] .asda-asc-desc-buttons-container__button {
        cursor: not-allowed;
    }
}
.asda-responsive-menu {
    position: relative;
}
.asda-responsive-menu__children-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 50;
}
.asda-responsive-menu__children-container--right {
    left: auto;
    right: 0;
}
@media (min-width: 480px) {
    .asda-responsive-menu__children-container {
        position: absolute;
        width: auto;
        top: auto;
    }
}
@media (min-width: 480px) {
    .facet-button {
        width: 172px;
    }
}
.facet-dropdown {
    width: 236px;
}
@media (min-width: 480px) {
    .facet-dropdown {
        margin: 0 8px 8px 0;
        width: 172px;
    }
}
.shelf-content-facets {
    height: auto;
    bottom: auto;
}
.shelf-content-facets__header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-bottom: 1px solid #ccc;
}
@media (min-width: 480px) {
    .shelf-content-facets__header {
        height: unset;
        padding: 8px;
    }
}
@media (min-width: 480px) {
    .shelf-content-facets__title {
        font-weight: 400;
        text-transform: uppercase;
    }
}
.shelf-content-facets__close-button {
    position: absolute;
    top: 10px;
    left: 10px;
}
@media (min-width: 480px) {
    .shelf-content-facets__close-button {
        display: none;
    }
}
@media (min-width: 480px) {
    .shelf-content-facets__responsive-facets-menu {
        width: 228px;
        border: 1px solid #ccc;
        margin-top: 8px;
    }
}
.shelf-content-facets__facet-selects {
    min-height: 50px;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column nowrap;
    padding: 16px;
}
@media (min-width: 480px) {
    .shelf-content-facets__facet-selects {
        padding: 0;
        flex-flow: row wrap;
        justify-content: flex-start;
    }
}
.shelf-content-facets__actions {
    display: flex;
    justify-content: space-between;
    padding: 12px;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(61, 61, 61, 0.3);
}
.shelf-content-facets__actions--justify-right {
    justify-content: flex-end;
}
@media (min-width: 480px) {
    .shelf-content-facets__clear-all-button {
        margin-right: 4px;
    }
}
.shelf-content-facets__okay-button {
    min-width: 88px;
}
.nutrition-section--in-menu {
    box-shadow: 0 11px 15px -7px rgba(61, 61, 61, 0.1), 0 24px 38px 3px rgba(61, 61, 61, 0.1), 0 9px 46px 8px rgba(61, 61, 61, 0.1);
    z-index: 90;
}
.nutrition-section--left-section {
    left: 0;
    right: 0;
    bottom: 0;
}
@media (min-width: 480px) {
    .nutrition-section {
        position: absolute;
        top: 45px;
        right: 0;
        bottom: auto;
        width: 340px;
        overflow: hidden;
    }
    .nutrition-section__filter-list {
        height: 200px;
    }
}
.nutrition-filter {
    width: 100%;
}
@media (min-width: 480px) {
    .sort-by {
        width: 100%;
        max-width: 190px;
        min-width: 0;
        height: 42px;
        margin-right: 16px;
    }
}
.shelf-content__filters-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 4px;
    flex-flow: wrap;
}
@media (min-width: 480px) {
    .shelf-content__filters-row--align-right {
        justify-content: flex-end;
    }
}
.shelf-content__util-content {
    position: relative;
}
.shelf-content__facets {
    height: 42px;
}
@media (min-width: 480px) {
    .shelf-content__facets--product {
        width: 100%;
        order: 1;
    }
}
.shelf-content__spinner-container {
    height: 30vh;
    padding-top: 104px;
}
.shelf-content__spinner-container--half-pad {
    height: unset;
    padding-top: 48px;
}
.shelf-content__spinner {
    margin-top: 52px;
}
.shelf-content__spinner--half-pad {
    margin-top: 24px;
}
.shelf-content__spinner-overlay {
    display: block;
}
.filter-item {
    display: flex;
    flex-shrink: 0;
}
.filter-item__checkbox {
    display: flex;
}
.filter-item:not(:last-child) {
    padding-bottom: 24px;
}
.custom-filter-item {
    justify-content: space-between;
    margin-bottom: 24px;
}
.custom-filter-item,
.custom-filter-item__name {
    display: flex;
    align-items: center;
}
.custom-filter {
    border-bottom: 1px solid #eee;
}
.custom-filter__header {
    display: flex;
    margin-bottom: 24px;
}
.custom-filter__body {
    max-height: 150px;
    overflow: auto;
    padding: 12px 12px 0;
}
.custom-filter__selection {
    flex: 1 1 auto;
    display: flex;
}
.custom-filter__selected {
    color: #767676;
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    padding-top: 5px;
}
.delete-confirmation {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(61, 61, 61, 0.3);
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
}
.delete-confirmation__container {
    background: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 5px;
    max-width: 80%;
}
.delete-confirmation__heading {
    font-size: 18px;
}
.delete-confirmation__message {
    margin: 5px 0 20px;
    color: #767676;
}
.delete-confirmation__action button:not(:first-child) {
    margin-left: 10px;
}
.add-edit-filter {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 1;
    display: flex;
    flex-direction: column;
}
.add-edit-filter__header {
    padding: 16px;
    border-bottom: 1px solid #ccc;
    flex-shrink: 0;
}
.add-edit-filter__cancel,
.add-edit-filter__header {
    display: flex;
    align-items: center;
}
.add-edit-filter__header-title {
    flex: 1 1 auto;
    text-align: center;
    margin-right: 12px;
}
.add-edit-filter__sub-header {
    margin: 12px;
    border-bottom: 1px solid #eee;
    flex-shrink: 0;
}
.add-edit-filter__body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.add-edit-filter__form {
    border-bottom: 1px solid #eee;
    padding: 12px;
    flex-shrink: 0;
}
.add-edit-filter__filter-list {
    flex: 1;
    overflow: auto;
    padding: 16px;
}
.add-edit-filter__footer {
    display: flex;
    padding: 12px;
    border-top: 1px solid #ccc;
    flex-shrink: 0;
}
.add-edit-filter__footer button:not(:first-child) {
    margin-left: 10px;
}
.nutrition-section--in-menu {
    border-radius: 5px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
    z-index: 101;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 16px;
    font-weight: 400;
}
.nutrition-section__header {
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    padding: 12px;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
}
.nutrition-section__banner {
    margin: 12px;
    flex-shrink: 0;
}
.nutrition-section__find-out-more {
    display: block;
    margin-top: 8px;
}
.nutrition-section__body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: auto;
}
.nutrition-section__banner-content {
    display: flex;
    flex-direction: column;
}
.nutrition-section__filter-list {
    min-height: 200px;
    overflow: auto;
    padding: 24px 12px;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}
.nutrition-section__spinner {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nutrition-section__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    border-top: 1px solid #ccc;
    flex-shrink: 0;
}
.nutrition-section__footer button:not(:first-child) {
    margin-left: 8px;
}
.nutrition-section__disabled-title {
    background: #eee;
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    padding: 10px 10px 10px 20px;
    margin-bottom: 15px;
}
@media (min-width: 480px) {
    .nutrition-section {
        position: absolute;
        top: 45px;
        right: 0;
        left: auto;
        bottom: auto;
        width: 340px;
        overflow: hidden;
    }
    .nutrition-section__filter-list {
        height: 200px;
    }
}
.nutrition-filter {
    position: relative;
    width: 192px;
}
.recipe-favourite__icon {
    border-color: #fff;
}
.recipe-modal__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.recipe__item {
    width: 100%;
    display: block;
    text-align: left;
}
.recipe__item,
.recipe__item:hover {
    text-decoration: none;
}
.recipe__image {
    width: 100%;
    height: 228px;
    background-size: cover;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}
.recipe__details {
    position: relative;
    font-size: 12px;
    letter-spacing: 0.2px;
    line-height: 16px;
    font-weight: 400;
    color: #3d3d3d;
    height: 113px;
    display: flex;
    flex-direction: column;
    margin-top: 13px;
}
.recipe__header {
    display: flex;
}
.recipe__header .recipe-favourite__icon {
    border: none;
    padding: 0;
    margin-left: 16px;
    height: 30px;
}
.recipe__header .recipe-favourite__icon:hover {
    padding: 0;
}
.recipe__title {
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 600;
    height: 40px;
    width: 100%;
    line-height: 20px;
    max-height: 40px;
}
.recipe__description,
.recipe__title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.recipe__description {
    margin: 5px 0 0;
    padding: 0;
    line-height: 19px;
    color: #767676;
    line-height: 18px;
    max-height: 36px;
}
.recipe-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 16px;
    font-weight: 600;
    color: #767676;
    padding: 0;
    margin: 15px 0 0;
    height: 30px;
}
.recipe-info__item {
    display: flex;
    list-style: none;
    margin-right: 10px;
    white-space: nowrap;
    width: 105px;
}
.recipe-info__item:last-child {
    margin-right: 0;
}
.recipe-info__text {
    margin: 5px 0 0 1px;
    line-height: 20px;
}
.recipe-info__icon {
    margin-left: -4px;
}
.recipe-list {
    clear: both;
}
.recipe-list .recipe {
    width: 100%;
    padding-bottom: 32px;
}
.recipe-list .recipe.recipe--align-left {
    padding: 0;
}
.personalized-recommendation {
    display: flex;
    flex-direction: column;
    font-stretch: normal;
    font-style: normal;
    margin: 24px 0 16px;
}
.personalized-recommendation__custom-title {
    font-size: 22px;
    letter-spacing: 0.3px;
    line-height: 28px;
    font-weight: 600;
    width: 227px;
    height: 28px;
    color: #3d3d3d;
}
.personalized-recommendation__custom-description {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
    width: 380px;
    height: 20px;
    color: #3d3d3d;
}
.recipe-in-trolley {
    position: absolute;
    width: 90%;
    height: 38px;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 22px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.recipe-in-trolley__title {
    color: #68a51c;
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 600;
    margin-left: 10px;
}
@media (max-width: 767px) {
    .personalized-recommendation__custom-description {
        width: 288px;
    }
}
@media (min-width: 480px) {
    .recipe-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .recipe-list .recipe {
        width: 47.5%;
    }
    .recipe-list .recipe-info {
        margin-top: 5px;
    }
    .personalized-recommendation__custom-description {
        width: 380px;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .recipe-info__item {
        width: 85px;
        margin-right: 40px;
    }
    .recipe-info__item:first-child {
        margin-right: 20px;
    }
    .recipe-list {
        justify-content: space-around;
        margin: 0 1.5%;
    }
}
@media (min-width: 1024px) and (max-width: 1279px) {
    .recipe-info {
        font-size: 12px;
        letter-spacing: 0.1px;
        line-height: 16px;
        font-weight: 400;
    }
    .recipe-info__item {
        margin-right: 3px;
    }
    .recipe-in-trolley__title {
        font-size: 16px;
        letter-spacing: 0.2px;
        line-height: 20px;
        font-weight: 400;
    }
}
@media (min-width: 1024px) {
    .recipe-list {
        margin: 0;
        justify-content: space-between;
    }
    .recipe-list:after {
        content: "";
        flex-basis: 32%;
    }
    .recipe-list .recipe {
        width: 32%;
        padding-bottom: 25px;
    }
    .recipe-list .recipe--spotlight {
        width: 24%;
        padding-bottom: 24px;
    }
    .recipe-list .recipe__image {
        height: 178px;
    }
    .recipe-list .recipe__details {
        margin-top: 22px;
    }
    .recipe-list .recipe__description {
        margin-top: 4px;
    }
}
@media (min-width: 1280px) {
    .recipe-info {
        font-size: 14px;
        letter-spacing: 0.2px;
        line-height: 16px;
        font-weight: 400;
    }
}
.recipe-listings__header,
.recipe-listings__header-hp {
    display: flex;
    align-items: center;
    padding: 8px 0 12px;
}
.recipe-listings__title {
    font-size: 22px;
    letter-spacing: 0.3px;
    line-height: 28px;
    font-weight: 700;
}
.recipe-listings__result-count {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
    padding-left: 12px;
    color: #767676;
}
.recipe-listings__title-icon {
    margin-right: 12px;
}
.recipe-listings__title-hp {
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 600;
}
@media (min-width: 768px) {
    .recipe-listings__header {
        padding: 12px 0 16px;
    }
    .recipe-listings__title {
        font-weight: 600;
    }
    .recipe-listings__result-count {
        font-size: 18px;
        letter-spacing: 0.2px;
        line-height: 24px;
        font-weight: 400;
    }
}
@media (min-width: 1024px) {
    .recipe-listings__header {
        align-items: baseline;
    }
}
.recipe-listings__view-all-container {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 24px;
}
.recipe-listings__view-all-btn {
    width: 100%;
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 700;
}
@media (min-width: 768px) {
    .recipe-listings__view-all-btn {
        width: 40%;
    }
}
@media (min-width: 1024px) {
    .recipe-listings__view-all-btn {
        width: 24%;
    }
}
.search-page .refined-related-search {
    position: relative;
    max-width: 700px;
}
@media (min-width: 1024px) {
    .search-page .refined-related-search {
        max-width: 820px;
    }
}
@media (min-width: 1280px) {
    .search-page .refined-related-search .site-width {
        max-width: 1060px;
    }
}
.search-page .refined-related-search__wrapper {
    background-color: #fff;
}
.search-page .refined-related-search__container {
    display: flex;
    margin: 0 auto;
    max-width: 1156px;
    padding: 0 16px;
}
.search-page .refined-related-search__wrapper[data-fixed="true"] {
    position: fixed;
    z-index: 50;
    top: 97px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #f6f6f6;
    padding: 16px 0 8px;
}
.search-page .refined-related-search__wrapper[data-fixed="false"] .refined-related-search__container {
    padding: 0;
}
.search-page .refined-related-search__label {
    align-self: center;
    padding: 8px 0 20px;
}
.search-page .refined-related-search__terms {
    flex: 1;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 8px 0 20px;
}
.search-page .refined-related-search__term {
    display: inline;
    margin-right: 8px;
    border-radius: 4px;
    padding: 8px;
}
.search-page .refined-related-search__term:last-child {
    margin-right: 0;
}
.search-page .refined-related-search__arrow {
    top: 10px;
    background-color: inherit;
    padding: 0;
}
.search-page .refined-related-search__arrow:focus,
.search-page .refined-related-search__arrow:hover {
    outline: none;
    box-shadow: none;
}
@media (min-width: 480px) {
    .search-page .refined-related-search__wrapper[data-fixed="true"] {
        top: 76px;
        padding: 0;
        box-shadow: -5px 3px 5px -3px #ccc;
    }
}
@media (min-width: 1024px) {
    .search-page .refined-related-search__wrapper[data-fixed="true"] {
        top: 80px;
    }
}
.search-content-header__auto-correct,
.search-content-header__did-you-mean {
    padding-bottom: 8px;
}
.search-content-header__title {
    align-items: baseline;
    display: flex;
    flex-flow: row wrap;
}
.search-content-header__results-count {
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 400;
    color: #767676;
}
.search-content-header__keyword {
    font-size: 22px;
    letter-spacing: 0.3px;
    line-height: 28px;
    font-weight: 600;
    color: #3d3d3d;
    text-transform: capitalize;
    margin-right: 8px;
}
.search-page-content .no-result {
    margin: 12px auto;
    padding: 8px;
}
@media (min-width: 480px) {
    .search-page-content .no-result {
        text-align: center;
        padding: 12px;
    }
}
.search-page-content .no-result > ul {
    list-style: disc inside;
}
.search-page-content .no-result * {
    margin-bottom: 12px;
}
.facet-button {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 600;
    display: flex;
    width: 136px;
    height: 44px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 8px;
    text-align: left;
}
@media (min-width: 480px) {
    .facet-button {
        width: 192px;
    }
}
.facet-button__text {
    text-transform: capitalize;
}
.facet-button__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.facet-button__description {
    width: 100%;
    max-width: 96px;
}
@media (min-width: 480px) {
    .facet-button__description {
        max-width: 112px;
    }
}
.facet-button__subtext {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 14px;
    margin: 0;
    color: #767676;
}
.facet-dropdown {
    margin-bottom: 16px;
    width: 100%;
    height: 44px;
}
@media (min-width: 480px) {
    .facet-dropdown {
        width: 192px;
        order: 1;
        margin: 0 12px 8px 0;
    }
}
.facet-dropdown__select {
    padding-left: 8px;
    cursor: pointer;
}
.facet-dropdown:last-of-type {
    margin-bottom: 0;
}
@media (min-width: 480px) {
    .facet-dropdown:last-of-type {
        margin-bottom: 8px;
    }
}
.search-product-facets {
    height: auto;
    bottom: auto;
}
.search-product-facets__header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-bottom: 1px solid #ccc;
    flex-shrink: 0;
}
@media (min-width: 480px) {
    .search-product-facets__header {
        height: unset;
        padding: 8px;
    }
}
@media (min-width: 480px) {
    .search-product-facets__title {
        font-weight: 400;
        text-transform: uppercase;
    }
}
.search-product-facets__close-button {
    position: absolute;
    top: 10px;
    left: 10px;
}
@media (min-width: 480px) {
    .search-product-facets__close-button {
        display: none;
    }
}
.search-product-facets__responsive-facets-menu {
    max-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
}
@media (min-width: 480px) {
    .search-product-facets__responsive-facets-menu {
        width: 228px;
        border: 1px solid #ccc;
        margin-top: 8px;
    }
}
.search-product-facets__responsive-facets-menu-container {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 8px;
}
.search-product-facets__nutrition-filter {
    height: 44px;
    width: 192px;
    margin: 0 12px 8px 0;
}
.search-product-facets__facet-selects {
    min-height: 50px;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column nowrap;
    padding: 16px;
}
@media (min-width: 480px) {
    .search-product-facets__facet-selects {
        padding: 0;
        flex-flow: row wrap;
        justify-content: flex-start;
    }
}
.search-product-facets__actions {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(61, 61, 61, 0.3);
    flex-shrink: 0;
}
.search-product-facets__actions--justify-right {
    justify-content: flex-end;
}
.search-product-facets__clear-all-button {
    margin-right: 8px;
}
@media (min-width: 480px) {
    .search-product-facets__clear-all-button {
        margin-right: 4px;
    }
}
.search-product-facets__okay-button {
    max-width: calc(50% - 8px);
}
@media (min-width: 480px) {
    .sort-by-select {
        margin-top: 8px;
    }
}
@media (min-width: 480px) {
    .sort-by-select__form {
        width: 200px;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin-top: 8px;
    }
}
.sort-by-select__header {
    height: 50px;
    border-bottom: 1px solid #ccc;
}
@media (min-width: 480px) {
    .sort-by-select__header {
        height: unset;
        padding: 8px;
    }
}
.sort-by-select__close-button {
    position: absolute;
    top: 10px;
    left: 10px;
}
@media (min-width: 480px) {
    .sort-by-select__close-button {
        display: none;
    }
}
.sort-by-select__title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.sort-by-select__option-modifier {
    padding: 12px;
    border-bottom: 1px solid #ccc;
}
@media (min-width: 480px) {
    .sort-by-select__option-modifier {
        padding: 8px;
        height: unset;
    }
}
.sort-by-select__option-list {
    padding: 0 16px;
}
@media (min-width: 480px) {
    .sort-by-select__option-list {
        padding: 0 12px;
        max-height: 208px;
        overflow-y: auto;
    }
}
.sort-by-select__option {
    margin: 8px 0;
}
.sort-by-select__actions {
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(61, 61, 61, 0.3);
}
@media (min-width: 480px) {
    .sort-by-select__actions {
        height: unset;
        border-bottom: none;
    }
}
.search-pagination {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}
.search-pagination__item-count {
    display: flex;
    flex-flow: row nowrap;
    padding: 12px;
}
.search-pagination__count-pretext {
    margin-right: 4px;
}
.search-pagination__count-text {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 600;
}
.empty-result {
    text-align: center;
}
.empty-result__header {
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 400;
    color: #3d3d3d;
    padding-bottom: 30px;
}
.empty-result__item {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
    color: #767676;
    padding-bottom: 15px;
}
.empty-result__footer {
    padding-top: 10px;
}
.empty-recipe {
    margin: 60px auto;
}
.empty-recipe__header {
    font-size: 22px;
    letter-spacing: 0.3px;
    line-height: 28px;
    font-weight: 700;
}
.empty-recipe__item {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
    color: #3d3d3d;
}
.recipe-list__loader {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0;
}
.recipe-list__spinner {
    margin: 0 14px 0 0;
}
.search-recipes-error {
    margin: 12px auto 16px;
    padding: 8px;
}
@media (min-width: 480px) {
    .search-recipes-error {
        text-align: center;
        padding: 12px;
    }
}
.search-recipes-error__message {
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 12px;
}
.search-recipes-error__tips {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
}
.search-recipes-error__tips-list {
    list-style: disc inside;
}
.search-recipes-error__tip {
    margin: 8px 0;
}
.selected-filters__pill {
    display: inline-block;
}
.selected-filters__pill-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    max-width: 153px;
    padding: 4px 12px;
    border-radius: 18px;
    background-color: #eee;
    border: 1px solid #eee;
    white-space: nowrap;
    color: #767676;
    text-transform: capitalize;
    margin: 0 6px 6px 0;
    height: 28px;
}
.selected-filters__pill-name {
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 16px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 8px;
}
.selected-filters__close-icon {
    display: flex;
}
.mt-accordion {
    border: 1px solid #ccc;
    border-bottom: none;
}
.mt-accordion__section-header {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding: 5px 9px;
    height: 44px;
}
.mt-accordion__section-header--scroll-shadow {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.12);
}
.mt-accordion__section-title {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 600;
}
.mt-accordion__section-subtitle {
    padding-left: 5px;
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    color: #767676;
}
.mt-accordion__panel {
    overflow-y: auto;
    border-bottom: 1px solid #ccc;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.mt-accordion__panel--hide {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}
.mt-accordion__panel--hide.focusable:active,
.mt-accordion__panel--hide.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}
.mt-accordion__content-panel {
    border-bottom: 1px solid #ccc;
}
.filter-accordion {
    border: none;
    overflow-y: auto;
}
.filter-accordion__section-header {
    background: #f6f6f6;
    z-index: 10;
}
@media (min-width: 480px) {
    .filter-accordion__section-header {
        position: sticky;
        top: 0;
    }
}
.filter-accordion__section-title {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.filter-accordion__section-subtitle {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
    margin-right: 10px;
    color: #3d3d3d;
}
.filter-accordion__filter-select {
    display: flex;
    flex-flow: column nowrap;
    padding: 12px;
}
.filter-accordion__checkbox {
    margin-bottom: 12px;
}
.filter-accordion__checkbox:last-of-type {
    margin-bottom: 0;
}
.filter-accordion__extra-space {
    padding-bottom: 20px;
}
.search-recipes-facets {
    height: auto;
    bottom: auto;
}
.search-recipes-facets__header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border-bottom: 1px solid #ccc;
}
@media (min-width: 480px) {
    .search-recipes-facets__header {
        height: unset;
        padding: 8px;
    }
}
@media (min-width: 480px) {
    .search-recipes-facets__title {
        font-weight: 400;
        text-transform: uppercase;
    }
}
.search-recipes-facets__close-button {
    position: absolute;
    top: 8px;
    left: 8px;
}
@media (min-width: 480px) {
    .search-recipes-facets__close-button {
        display: none;
    }
}
@media (min-width: 480px) {
    .search-recipes-facets__responsive-facets-menu {
        margin-top: 8px;
    }
}
.search-recipes-facets__form {
    width: 100%;
}
@media (min-width: 480px) {
    .search-recipes-facets__form {
        width: 360px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }
}
.search-recipes-facets__selected-filters-container {
    padding: 8px 0 0 8px;
    border-bottom: 1px solid #ccc;
}
.search-recipes-facets__none-selected-message {
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 16px;
    font-weight: 400;
    padding: 4px 8px 8px 4px;
    text-align: center;
}
.search-recipes-facets__filter-select {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column nowrap;
    padding: 16px;
}
@media (min-width: 480px) {
    .search-recipes-facets__filter-select {
        padding: 8px;
    }
}
.search-recipes-facets__actions {
    display: flex;
    justify-content: space-between;
    padding: 12px;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(61, 61, 61, 0.3);
    border-radius: 0 0 4px 4px;
}
@media (min-width: 480px) {
    .search-recipes-facets__clear-all-button {
        margin-right: 4px;
    }
}
.selected-filter-bar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}
.selected-filter-bar__filters {
    flex: 1;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}
.selected-filter-bar__prefix {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 700;
    color: #3d3d3d;
    margin: 0 12px 6px 0;
    padding: 6px;
}
.selected-filter-bar__clear-all-link {
    padding: 8px 12px;
}
.search-page-content__filters-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 8px 4px;
}
@media (min-width: 480px) {
    .search-page-content__filters-row {
        justify-content: flex-start;
    }
}
.search-page-content__products-tab-content,
.search-page-content__recipes-tab-content {
    position: relative;
}
.search-page-content__sort--product {
    margin: 0 12px 8px 0;
}
@media (min-width: 480px) {
    .search-page-content__sort--recipe {
        margin-right: 16px;
    }
}
.search-page-content__google-banner {
    margin: 4px auto 16px;
}
.search-page-content__spinner-container {
    height: 30vh;
    padding-top: 104px;
}
.search-page-content__spinner-container--half-pad {
    height: unset;
    padding-top: 48px;
}
.search-page-content__spinner {
    margin-top: 52px;
}
.search-page-content__spinner--half-pad {
    margin-top: 24px;
}
.search-page-content__spinner-overlay {
    display: block;
}
.banner-service-message {
    max-width: 1156px;
    padding: 0 16px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 35px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.banner-service-message--green {
    background: #f1f6e9;
}
.banner-service-message--orange {
    background: #fefbf1;
}
.banner-service-message--blue {
    background: #e1eef6;
}
.banner-service-message__btn {
    margin-bottom: -20px;
    min-width: 190px;
}
.banner-service-message__btn--green {
    background: #68a51c;
}
.banner-service-message__btn--green:hover {
    background: #538316;
}
.banner-service-message__btn--orange,
.banner-service-message__btn--orange:hover {
    background: #f7cc00;
}
.banner-service-message__btn--blue {
    background: #0073b1;
}
.banner-service-message__btn--blue:hover {
    background: #005a8b;
}
.banner-service-message__heading {
    text-align: center;
    padding: 16px 0;
    font-size: 22px;
    letter-spacing: 0.3px;
    line-height: 28px;
    font-weight: 600;
}
.banner-service-message__container {
    display: flex;
    align-items: center;
    max-width: 100%;
    padding-bottom: 16px;
}
.banner-service-message__container__img {
    max-width: 100%;
}
.banner-service-message__container__img img {
    height: 86px;
    width: 131px;
    object-fit: contain;
}
.banner-service-message__container__text {
    margin: 0;
    padding-left: 10px;
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 16px;
    font-weight: 400;
    text-align: left;
}
@media (min-width: 768px) {
    .banner-service-message {
        flex: 0 1 32%;
    }
    .banner-service-message__container {
        flex-direction: column;
        padding-bottom: 16px;
    }
    .banner-service-message__container__img {
        display: flex;
        justify-content: center;
    }
}
@media (min-width: 1024px) {
    .banner-service-message__heading {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0;
    }
    .banner-service-message__container {
        flex-direction: row;
        height: auto;
    }
    .banner-service-message__container__img {
        display: inline-block;
        margin: 0 10px;
    }
}
.banner-service-messages {
    flex-wrap: wrap;
    margin-top: 20px;
}
.banner-row,
.banner-service-messages {
    display: flex;
    justify-content: space-between;
}
.banner-row {
    flex-flow: wrap;
    box-sizing: border-box;
}
@media (min-width: 480px) {
    .banner-row > :not(:first-child) {
        margin-left: 8px;
    }
    .banner-row .column {
        margin-left: unset;
    }
    .banner-row .banner-text {
        width: unset;
    }
}
.welcome-common-message__title {
    font-size: 22px;
    letter-spacing: 0.3px;
    line-height: 28px;
    font-weight: 600;
    padding: 16px 0;
}
.welcome-common-message__logo-text {
    font-size: 28px;
    letter-spacing: 0.3px;
    line-height: 36px;
    font-weight: 600;
}
.welcome-user-message__title {
    font-size: 22px;
    letter-spacing: 0.3px;
    line-height: 28px;
    font-weight: 600;
    padding: 16px 0;
}
.asda-banner-add-to-basket {
    display: flex;
    flex: 1 0 auto;
    margin-bottom: 20px;
    justify-content: center;
}
.asda-banner-add-to-basket__wrapper {
    border: 1px solid #f6f6f6;
}
.asda-banner-add-to-basket__image {
    max-width: 100%;
    display: block;
}
.asda-banner-add-to-basket__quantity {
    display: flex;
    justify-content: space-around;
    border-top: 1px solid #f6f6f6;
    padding: 27px 10px 10px;
    background-color: #fff;
}
@media (min-width: 480px) {
    .asda-banner-add-to-basket--position-horizontal .asda-banner-add-to-basket__wrapper {
        width: 100%;
        display: flex;
        align-items: center;
    }
    .asda-banner-add-to-basket--position-horizontal .asda-banner-add-to-basket__quantity {
        border: none;
        flex: 1;
    }
    .asda-banner-add-to-basket--position-horizontal .asda-banner-add-to-basket__image {
        max-height: 150px;
    }
}
@media (min-width: 1024px) {
    .asda-banner-add-to-basket__wrapper {
        border: none;
    }
    .asda-banner-add-to-basket__quantity {
        background-color: #f6f6f6;
        border-top: none;
        border-bottom: 1px solid #f6f6f6;
    }
}
.content-nav-container {
    background: #f6f6f6;
    padding: 8px 0;
    margin-bottom: 24px;
}
.content-nav-container__content {
    margin: 0 auto;
    max-width: 1156px;
    padding: 0 16px;
    display: flex;
}
.content-nav-container__item {
    display: flex;
    cursor: pointer;
    align-items: center;
}
.content-nav-container__text {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    color: #3d3d3d;
    display: block;
    margin-top: 4px;
    text-align: center;
    width: 100%;
}
.content-nav-container__hamburger-menu {
    display: none;
    padding-left: 8px;
    cursor: pointer;
}
.content-nav-container__hamburger-menu-text {
    line-height: 28px;
    margin-left: 8px;
}
@media (max-width: 1023px) {
    .content-nav-container__content {
        display: none;
        flex-direction: column;
        margin-top: 8px;
    }
    .content-nav-container__content--show {
        display: flex;
    }
    .content-nav-container__item {
        border-top: 1px solid #f6f6f6;
        border-left: 0;
    }
    .content-nav-container__item:last-child {
        border-bottom: 1px solid #f6f6f6;
    }
    .content-nav-container__text {
        font-size: 18px;
        letter-spacing: 0.2px;
        line-height: 24px;
        font-weight: 400;
        display: inline-block;
        margin-top: 0;
        padding: 12px 0;
    }
    .content-nav-container__text--active,
    .content-nav-container__text:hover {
        background: #fff;
        text-decoration: underline;
        border-color: rgba(0, 0, 0, 0);
        font-size: 18px;
        letter-spacing: 0.2px;
        line-height: 24px;
        font-weight: 600;
    }
    .content-nav-container__hamburger-menu {
        display: flex;
    }
}
@media (min-width: 1024px) {
    .content-nav-container {
        padding: 1px 0 0;
        line-height: 48px;
        position: relative;
    }
    .content-nav-container__content {
        display: flex;
        flex-direction: row;
        margin-top: 0;
        flex-wrap: wrap;
        padding: 0;
    }
    .content-nav-container__item {
        border-top: 0;
        border-left: 1px solid #f6f6f6;
        height: 47px;
        flex-grow: 1;
    }
    .content-nav-container__item:first-child {
        border-left: 0;
    }
    .content-nav-container__item:last-child {
        border-bottom: 0 solid #f6f6f6;
    }
    .content-nav-container__item--active,
    .content-nav-container__item:hover {
        background: #fff;
    }
    .content-nav-container__item--active .content-nav-container__text,
    .content-nav-container__item:hover .content-nav-container__text {
        text-decoration: underline;
        font-size: 16px;
        letter-spacing: 0.2px;
        line-height: 20px;
        font-weight: 600;
    }
    .content-nav-container__item:focus {
        text-decoration: underline;
    }
    .content-nav-container__text {
        font-size: 18px;
        letter-spacing: 0.2px;
        line-height: 24px;
        font-weight: 400;
        padding: 0 20px;
    }
    .content-nav-container__hamburger-menu {
        display: none;
    }
}
.pdp-unavail-banner {
    display: inline-block;
    min-width: 95px;
    text-align: center;
}
.pdp-unavail-banner__text {
    background-color: #f7cc00;
    padding: 2px 8px;
    border-radius: 12px;
}
.pdp-nutrition__nutrition-container {
    height: auto;
    padding-bottom: 8px;
    padding-top: 20px;
    border-bottom: 1px solid #ccc;
}
.pdp-nutrition__nutrition-panel-container {
    display: flex;
    padding: 16px 0;
    max-width: 454px;
}
.pdp-nutrition__nutrition-panel {
    margin: 0 4px;
    max-width: 89.2px;
}
.pdp-nutrition__nutrition-panel-quantity {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 600;
}
.pdp-nutrition__nutrition-panel-quantity--energy {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
}
.pdp-nutrition__nutrition-intake {
    color: #767676;
}
.pdp-icon-list {
    padding-bottom: 16px;
    display: flex;
}
.pdp-icon-list__promo-icon-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-right: 24px;
}
.pdp-icon-list__promo-icon-desc {
    flex: 0 1 100px;
}
.pdp-icon-list__promo-icon-button {
    padding: 0;
    margin: 0;
    transform: translateY(0);
    background: none;
}
.pdp-icon-list__promo-icon-button:hover {
    background: none;
    box-shadow: none;
}
.pdp-icon-list__promo-icon-image-cntr {
    flex: 0 0 auto;
    padding-right: 12px;
}
.pdp-description-reviews__spinner {
    margin: 32px auto;
}
.pdp-description-reviews__no-reviews {
    padding-bottom: 16px;
}
.pdp-description-reviews__tab-cntr {
    display: flex;
}
.pdp-description-reviews__nutrition-header-group {
    display: table-header-group;
}
.pdp-description-reviews__nutrition-footer {
    display: table-footer-group;
    margin: 0 0 10px;
}
.pdp-description-reviews__nutrition-row {
    display: table-row;
    width: 100%;
}
.pdp-description-reviews__nutrition-row--title {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    background-color: #eee;
}
.pdp-description-reviews__nutrition-cell {
    display: table-cell;
    padding: 8px 12px;
    border-top: 1px solid #f6f6f6;
}
.pdp-description-reviews__nutrition-cell--grouped {
    border: none;
}
.pdp-description-reviews__nutrition-details-cntr {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
}
.pdp-description-reviews__nutrition-table-cntr {
    display: table;
    width: 100%;
}
.pdp-description-reviews__product-details-cntr {
    display: flex;
    flex-direction: column;
    padding: 24px 0;
    border-bottom: 1px solid #ccc;
}
.pdp-description-reviews__product-details-cntr--borderless {
    border: none;
    padding: 24px 0 8px;
}
.pdp-description-reviews__product-details-cntr:last-of-type {
    border: none;
}
.pdp-description-reviews__allergy-text {
    display: block;
}
.pdp-description-reviews__taggable-allergy-text-container {
    margin: 24px 0 0;
}
.pdp-description-reviews__product-details-title {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
    padding-bottom: 8px;
}
.pdp-description-reviews__product-details-content {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
    word-break: break-word;
}
.pdp-description-reviews__multipart {
    border-bottom: 1px solid #ccc;
    margin-bottom: 24px;
}
.pdp-description-reviews__multipart:last-of-type {
    border: none;
}
.pdp-description-reviews__multipart-description {
    font-size: 22px;
    letter-spacing: 0.3px;
    line-height: 28px;
    font-weight: 600;
    padding: 8px 0;
}
.pdp-description-reviews__alcohol-table {
    border: 1px solid #eee;
    width: 100%;
}
.pdp-description-reviews__alcohol-row:nth-child(2n) {
    background: #eee;
}
.pdp-description-reviews__alcohol-cell {
    padding: 8px 16px;
}
.pdp-description-reviews__alcohol-cell--first {
    min-width: 120px;
}
.pdp-description-reviews__review-action-cntr {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
}
.pdp-description-reviews__sort-review-btn {
    width: 136px;
}
@media (min-width: 480px) {
    .pdp-description-reviews__sort-review-btn {
        width: 220px;
    }
}
@media (min-width: 1024px) and (max-width: 1279px) {
    .pdp-description-reviews__sort-review-btn {
        margin-right: 4px;
    }
}
.pdp-description-reviews__write-review-btn {
    width: 136px;
    padding: 0 4px;
}
@media (min-width: 480px) {
    .pdp-description-reviews__write-review-btn {
        width: 200px;
    }
}
.pdp-description-reviews__reviews-contents-cntr {
    display: flex;
    flex-direction: column;
    padding-top: 32px;
}
.pdp-description-reviews__content-cntr {
    display: flex;
    flex-direction: column;
}
.pdp-description-reviews__content-header {
    display: flex;
    justify-content: space-between;
}
.pdp-description-reviews__rating-title-cntr {
    display: flex;
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
}
.pdp-description-reviews__rating-title {
    margin-left: 12px;
}
.pdp-description-reviews__submitted-date {
    color: #767676;
}
.pdp-description-reviews__content-text {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.pdp-description-reviews__content-text--showMore {
    -webkit-line-clamp: unset;
}
.pdp-description-reviews__content-action {
    display: flex;
    align-items: center;
}
.pdp-description-reviews__read-icon {
    margin-top: 2px;
}
.pdp-description-reviews__content-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 16px 0;
    border-bottom: 1px solid #ccc;
}
.pdp-description-reviews__downvote-container,
.pdp-description-reviews__upvote-container,
.pdp-description-reviews__vote-container {
    display: flex;
    align-items: center;
}
.pdp-description-reviews__syn-src-cntr {
    margin-top: 16px;
}
.pdp-description-reviews__syn-src-text {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    color: #767676;
    margin: 4px 0;
}
.pdp-description-reviews__syn-src-img--transparent-background {
    background-color: #68a51c;
}
.pdp-description-reviews__review-pagination-cntr {
    display: flex;
    justify-content: center;
}
.favourite-carousel__header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}
.favourite-carousel__slider-container {
    position: relative;
    padding: 0 20px;
}
.favourite-carousel__slider-container .left-arrow,
.favourite-carousel__slider-container .right-arrow {
    position: absolute;
    top: 45%;
    cursor: pointer;
    width: 20px;
    height: 30px;
    overflow: hidden;
    border: none;
    background: none;
    padding: 0;
}
.favourite-carousel__slider-container .left-arrow[disabled],
.favourite-carousel__slider-container .right-arrow[disabled] {
    cursor: not-allowed;
    opacity: 0.3;
}
.favourite-carousel__slider-container .left-arrow {
    left: -10px;
}
.favourite-carousel__slider-container .right-arrow {
    right: 0;
}
.favourite-carousel__slider {
    overflow: hidden;
    border: 1px solid #ccc;
}
.favourite-carousel__slider-list {
    position: relative;
    list-style: none;
    transition: left 0.9s ease;
    margin: 0;
    padding: 0;
    left: 0;
    display: flex;
}
.favourite-carousel__list-item.co-item {
    flex: 0 0 100%;
    margin: 0;
    border-width: 0 1px 0 0;
    max-width: unset;
}
.favourite-carousel__list-item.co-item:first-child {
    border-top-width: 0;
}
@media (min-width: 480px) and (max-width: 767px) {
    .favourite-carousel__list-item.co-item {
        flex: 0 0 50%;
    }
    .favourite-carousel__list-item.co-item:nth-child(2n) {
        border-right-color: #fff;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .favourite-carousel__list-item.co-item {
        flex: 0 0 25%;
    }
    .favourite-carousel__list-item.co-item:nth-child(4n) {
        border-right-color: #fff;
    }
}
@media (min-width: 1024px) {
    .favourite-carousel__list-item.co-item {
        flex: 0 0 16.67%;
    }
    .favourite-carousel__list-item.co-item:nth-child(6n) {
        border-right-color: #fff;
    }
}
.co-incomplete-offers__expansion-header {
    display: flex;
    align-items: center;
}
.co-incomplete-offers__item:first-child {
    border-top-width: 0;
}
.co-incomplete-offers__incomplete-details {
    float: left;
    width: 100%;
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    padding: 10px 0;
    margin-top: 3px;
}
.co-incomplete-offers__incomplete-details--complete {
    background-color: #f6f6f6;
}
.co-incomplete-offers__missing-count {
    padding-left: 5px;
    display: inline-block;
    width: 40%;
    color: #d43030;
}
.co-incomplete-offers__missing-count--complete {
    color: #538316;
    width: 100%;
}
.co-incomplete-offers__complete-check {
    font-size: 8px;
    padding-right: 3px;
}
.co-incomplete-offers__see-all-items {
    padding: 0 16px;
}
@media (min-width: 480px) {
    .co-incomplete-offers__item {
        min-height: 457px;
    }
    .co-incomplete-offers__incomplete-details {
        padding: 4px 0 0;
        margin: 0;
        border-top: 1px solid #eee;
        position: absolute;
        bottom: 0;
        float: none;
    }
    .co-incomplete-offers__missing-count {
        padding-left: 0;
        display: block;
        width: 100%;
    }
    .co-incomplete-offers__see-all-link {
        padding: 5px 0;
        text-align: center;
        width: 100%;
        display: block;
    }
    .co-incomplete-offers__complete-check {
        display: inline-block;
    }
}
.forgotten-and-incomplete {
    order: -1;
}
.co-product-dynamic {
    margin: 0;
    padding: 10px 0;
    width: 100%;
    order: 1;
    border-bottom: 1px solid #ccc;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.co-product-dynamic .asda-banner-static__image {
    max-width: 100%;
    max-height: 100%;
}
.co-product-dynamic .asda-banner-add-to-basket__wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    border: 0;
}
.co-product-dynamic .asda-banner-add-to-basket__image {
    max-height: 100%;
}
.co-product-dynamic .asda-banner-add-to-basket__link {
    height: calc(100% - 94px);
}
.co-product-dynamic .asda-banner-add-to-basket__quantity {
    height: 94px;
    width: 100%;
    background-color: #eee;
}
@media (min-width: 480px) {
    .co-product-dynamic {
        height: 411px;
        padding: 0;
        order: 0;
        border: 1px solid #ccc;
        margin: 18px -2px 18px 1px;
        width: 66.66667%;
        overflow: hidden;
    }
}
@media (min-width: 768px) {
    .co-product-dynamic {
        order: 1;
        width: 50%;
    }
}
@media (min-width: 1024px) {
    .co-product-dynamic {
        order: 2;
        width: 40%;
    }
    .co-product-dynamic--home {
        width: 33.33333%;
    }
}
@media (min-width: 1280px) {
    .site-width .co-product-dynamic {
        order: 3;
        width: 33.33333%;
    }
    .site-width .co-product-dynamic--home {
        width: 28.57143%;
    }
}
.co-product-list {
    padding: 10px 10px 0;
    position: relative;
    margin-bottom: 20px;
}
.co-product-list__main-cntr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    min-height: 207px;
    background: #fff;
}
.co-product-list__main-cntr:after,
.co-product-list__main-cntr:before {
    content: " ";
    display: table;
}
.co-product-list__main-cntr:after {
    clear: both;
}
.co-product-list__header {
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 600;
    height: 40px;
}
.co-product-list__header:after,
.co-product-list__header:before {
    content: " ";
    display: table;
}
.co-product-list__header:after {
    clear: both;
}
.co-product-list__title {
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 600;
    float: left;
    line-height: 40px;
}
.co-product-list__anchor {
    display: none;
}
.lazy-indicator__co_spinner {
    position: relative;
}
.co-product-list--panel-mode {
    padding-top: 0;
}
.co-product-list--panel-mode .co-product-list__main-cntr {
    border-top: none;
}
.co-product-list--panel-mode .co-product-list__header {
    border-style: solid none;
}
@media (min-width: 480px) {
    .co-product-list {
        padding: 0;
    }
    .co-product-list__main-cntr {
        min-height: 411px;
        padding: 0;
    }
    .co-product-list__header {
        margin-bottom: 0;
    }
    .co-product-list__anchor {
        line-height: inherit;
        display: block;
        float: right;
    }
    .co-product-list--panel-mode {
        padding-top: 0;
    }
}
.brand-amplifier {
    border: 1px solid #ccc;
    display: flex;
    height: 292px;
    margin: 16px 0;
}
.brand-amplifier__brand-image-container,
.brand-amplifier__link {
    display: flex;
    position: relative;
    width: 184px;
}
.brand-amplifier__brand-image-container {
    justify-content: center;
}
.brand-amplifier__brand-image {
    display: flex;
    object-fit: cover;
}
.brand-amplifier__call-to-action {
    bottom: 16px;
    position: absolute;
}
.brand-amplifier__link {
    justify-content: center;
    overflow: hidden;
}
.co-item--brand-amplifier {
    border: 0;
    flex-grow: 1;
    height: 100%;
    margin: 0;
    padding: 0;
}
.co-item--brand-amplifier:first-child {
    border: 0;
}
.co-item__col1--brand-amplifier,
.co-item__col2--brand-amplifier,
.co-item__col3--brand-amplifier {
    float: none;
    padding: 0;
    text-align: center;
    width: auto;
}
.co-item__col1--brand-amplifier {
    height: 100px;
    margin-top: 16px;
}
.co-item__col3--brand-amplifier {
    padding: 0 0 8px;
}
.co-item__promo-container--brand-amplifier {
    height: 20px;
}
.co-item__title-container--brand-amplifier {
    height: 40px;
    margin: 2px;
}
.co-item__price-container--brand-amplifier {
    height: 46px;
    padding: 0;
}
.co-item__quantity-container--brand-amplifier {
    height: 40px;
    margin: 8px 0 0;
}
.co-product__image--brand-amplifier {
    height: 100px;
    min-height: auto;
    min-width: auto;
    width: 100px;
}
.co-product__promo--brand-amplifier {
    margin: 8px 0;
}
.co-product-list--brand-amplifier {
    margin: 0;
    min-height: auto;
    padding: 0;
    width: 100%;
}
.co-product-list__main-cntr--brand-amplifier {
    min-height: auto;
}
.criteo-bff-banner__image-container,
.criteo-bff-banner__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.criteo-bff-banner__image {
    object-fit: contain;
}
.criteo-bff-banner__image--static {
    max-width: 100%;
}
.criteo-bff-banner__image--dynamic,
.criteo-bff-banner__image--hybrid {
    object-fit: scale-down;
    flex-shrink: 0;
    max-height: 100%;
    width: 100%;
}
.criteo-bff-banner__image--fs {
    height: fit-content;
}
.criteo-bff-banner--undertone {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.criteo-bff-banner--dynamic,
.criteo-bff-banner--hybrid {
    display: flex;
    height: 100%;
    width: 100%;
    background: #fff;
    line-height: 20px;
}
.criteo-bff-banner--dynamic--tr,
.criteo-bff-banner--hybrid--tr {
    height: 306px;
}
.criteo-bff-banner--dynamic--im,
.criteo-bff-banner--hybrid--im {
    max-height: 342px;
    max-width: 558px;
}
.criteo-bff-banner__undertone-content {
    height: 460px;
}



.recipe-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;

    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: background 1s linear;
    min-width: 320px;
}
.recipe-modal__container {
    background: #fff;
    color: #3d3d3d;
    z-index: 90;
    position: relative;
    width: 100%;
    box-shadow: 0 2px 10px #767676;
    overflow: hidden;
    pointer-events: auto;
    opacity: 0;
}
.recipe-modal__container--mounted {
    overflow-y: auto;
    opacity: 1;
    display: flex;
    flex-direction: column;
}
.recipe-modal__content-wrapper {
    overflow-x: hidden;
    overflow-y: auto;
}
@media (min-width: 480px) {
    .recipe-modal {
        opacity: 1;
    }
    .recipe-modal--mounted {
        background: rgba(61, 61, 61, 0.3);
    }
    .recipe-modal__container {
        justify-content: flex-start;
        max-width: 530px;
        width: 100%;
        border-radius: 8px;
    }
    .recipe-modal__container--mounted {
        height: calc(100% - 50px);
    }
    .recipe-modal__container--disable-overflow {
        overflow: visible;
    }
}
@keyframes slideDown {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    to {
        opacity: 0.9;
        transform: translateY(0);
    }
}
.recipe-modal__title-panel {
    padding: 32px 16px 21px;
}
.recipe-modal__title-panel .recipe-modal__title {
    margin: 0 34px 0 0;
}
.recipe-modal__title-panel .recipe-modal__title--sticky {
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 600;
    position: fixed;
    top: 18px;
    margin-left: 45px;
    background: #fff;
    padding: 0;
    max-width: 70%;
    z-index: 50;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.recipe-modal__title-panel .recipe-modal__sub-title {
    margin-top: 2px;
}
.recipe-modal__meta-panel {
    padding: 0 16px 16px;
}
.recipe-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.recipe-meta__data {
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 4px;
}
.recipe-meta__label {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    color: #767676;
}
.recipe-meta span {
    display: block;
    text-align: center;
}
@media (min-width: 480px) {
    .recipe-modal__title-panel {
        padding: 28px 28px 0;
    }
    .recipe-modal__title-panel .recipe-modal__title {
        font-size: 22px;
        letter-spacing: 0.3px;
        line-height: 28px;
        font-weight: 600;
    }
    .recipe-modal__title-panel .recipe-modal__sub-title {
        font-size: 16px !important;
        letter-spacing: 0.2px !important;
        line-height: 20px !important;
        font-weight: 400 !important;
        margin: 6px 0 22px !important;
    }
    .recipe-modal__title-panel .recipe-modal__title--sticky {
        margin-left: 30px;
        top: 40px;
        max-width: 400px;
        font-size: 18px;
        letter-spacing: 0.2px;
        line-height: 24px;
        font-weight: 600;
    }
    .recipe-modal__meta-panel {
        padding: 0 28px 25px;
    }
    .recipe-meta {
        justify-content: unset;
    }
    .recipe-meta__list {
        margin-right: 40px;
    }
}
.recipe-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.recipe-title__main {
    color: #3d3d3d !important;
    letter-spacing: 0.2px !important ;
    line-height: 24px !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    flex: 1;
}
.recipe-sub-title {
    color: #767676;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
}
.recipe-modal__strapline--truncate {
    height: 40px;
    overflow: hidden;
    position: relative;
}
.recipe-modal__strapline--truncate .recipe-modal__strapline-link {
    position: absolute;
    bottom: 0;
    right: 0;
}
.recipe-modal__strapline-ellipses {
    color: #767676;
    position: absolute;
    right: 60px;
    bottom: 0;
    background: #fff;
    width: 30px;
    padding-left: 2px;
    letter-spacing: 2px;
}
.recipe-modal__strapline-link {
    background: #fff;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
    margin-left: 5px;
}
.recipe-section-header {
    background: #eee;
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 600;
    text-transform: uppercase;
    /*max-width: 530px;*/
    padding: 0 0 0 16px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.recipe-section-header--alert {
    color: #d43030;
}
.recipe-section-header--lowercase {
    text-transform: lowercase;
}
.tab-view__ingredient-check-list {
    padding: 0 0 0 16px;
}
.tab-view__ingredient-check-list .ingredient-check-list__item {
    margin: 8px 0;
}
.continue-button {
    width: 100%;
    max-width: 295px;
}
.choose-alt-button {
    margin-bottom: 28px;
}
.max-qty-ingredient-item {
    margin: 0;
}
.serving-size {
    width: 94%;
    height: 44px;
    margin: 15px 3%;
    border: 0;
}
.serving-size__fieldset {
    padding: 0;
    margin: 0;
    border: 1px solid #767676;
    border-radius: 4px;
}
.serving-size__fieldset:disabled {
    background: #eee;
    border: 1px solid #eee;
}
.serving-size__container {
    width: 100%;
    height: 42px;
    color: #767676;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.serving-size__count {
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 600;
}
.serving-size__button {
    height: 42px;
}
.serving-size__button--increment {
    border-radius: 0 3px 3px 0;
}
.serving-size__button--decrement {
    border-radius: 3px 0 0 3px;
}
.serving-size__button:disabled {
    opacity: 1;
    background-color: #eee;
}
.serving-size__button:focus,
.serving-size__button:hover {
    box-shadow: none;
}
.serving-container {
    position: relative;
}
@media (min-width: 480px) {
    .serving-size {
        width: 343px;
        margin: 15px auto;
    }
}
.stock-notification__container {
    padding: 8px 12px;
}
.stock-notification__title {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 600;
}
.stock-notification__body {
    color: #767676;
    margin-top: 9px;
}
.co-ingredient-count {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    color: #767676;
    text-transform: lowercase;
    padding-right: 16px;
}
.rating__content {
    display: flex;
    align-items: center;
}
.rating__container {
    height: 14px;
}
.rating__label {
    color: #767676;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
    padding-left: 3px;
}
.half-star {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
}
.half-star .asda-icon {
    position: absolute;
}
.half-star .asda-icon.rating__star--half {
    z-index: 1;
}
.separator {
    width: 100%;
    border-top: 1px solid #ccc;
    margin: 10px 0;
}
.basic-box {
    width: 12.2vw;
    max-width: 78px;
    min-width: 67px;
    height: 67px;
    margin: 0 0.5vw;
    padding-left: 13px;
    padding-right: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.basic-panel {
    display: inline-block;
}
.basic-panel :first-child > .basic-box {
    margin-left: 0;
}
.basic-panel :last-child > .basic-box {
    margin-right: 0;
}
.nutrition-panel__label {
    text-align: center;
}
.nutrition-panel__container {
    text-align: center;
    max-width: 470px;
    margin: 29px auto;
}
.nutrition-panel__container :first-child .basic-box {
    margin-left: 0;
    color: #0073b1;
}
.nutrition-panel__container :last-child .basic-box {
    margin-right: 0;
}
.nutrition-panel__item {
    margin: 0 4px;
}
.nutrition-panel__item-value {
    font-size: 22px;
    letter-spacing: 0.3px;
    line-height: 28px;
    font-weight: 400;
}
.nutrition-panel__item-value--small {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
}
@media (min-width: 480px) {
    .nutrition-panel__container {
        display: flex;
        justify-content: space-between;
    }
}
@media (max-width: 375px) {
    .basic-box {
        min-width: 57px;
    }
}
.recipe-details {
    padding-top: 20px;
}
.recipe-details__rating-container {
    float: right;
}
.recipe-details__point-note {
    font-size: 12px;
    text-align: center;
    color: #767676;
    width: 75%;
    margin: 31px auto 0;
}
.recipe-details__separator {
    margin: 30px 3vw 0;
    width: auto;
}
.recipe-method {
    padding: 32px 32px 0;
}
.recipe-method__title {
    margin: 0 0 32px;
    font-weight: 600;
}
.recipe-method__list {
    padding: 0 0 0 20px;
    list-style: none;
    counter-reset: li;
}
.recipe-method__list-item {
    margin-bottom: 16px;
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 16px;
    font-weight: 400;
}
.recipe-method__list-item:before {
    content: counter(li) ".";
    font-weight: 600;
    display: inline-block;
    width: 20px;
    margin-left: -20px;
    counter-increment: li;
}
.recipe-suggestion {
    list-style: none;
    margin: 0 16px;
    padding: 16px 0;
}
.recipe-suggestion__container {
    padding: 0;
    margin: 0;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 400;
}
.recipe-suggestion__arrow {
    position: relative;
    cursor: pointer;
}
.recipe-suggestion__arrow:hover .arrow-icon {
    right: 0;
}
.recipe-suggestion__title {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}
.recipe-suggestion__description {
    color: #767676;
    display: block;
}
.recipe-suggestion > div:focus {
    outline: 0;
}
.recipe-suggestion:not(:last-child) {
    border-bottom: 1px solid #ccc;
}
.recipe-suggestion .arrow-icon {
    position: absolute;
    right: -5px;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    transition: all 0.2s ease-in-out;
}
.recipe-suggestion .arrow-icon svg {
    width: 24px;
    height: 24px;
}
.recipes-price-warning-tooltip {
    width: 260px;
}
.recipes-price-warning-tooltip__text-list {
    list-style: disc;
    margin-left: 32px;
}
@media (min-width: 480px) {
    .recipes-price-warning-tooltip {
        width: 500px;
    }
}
.recipe-modal-footer {
    box-shadow: 0 -2px 10px 0 #eee;
    background: #fff;
    position: relative;
    z-index: 90;
}
.recipe-modal-footer__container {
    padding: 8px 16px 16px;
    background: #fff;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.recipe-modal-footer__container--add-meal,
.recipe-modal-footer__container--remove-meal {
    flex-direction: column;
}
.recipe-modal-footer__container--choose-ingredients {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.recipe-modal-footer__button-container {
    width: 100%;
    display: flex;
}
.recipe-modal-footer__missing-ingredient {
    margin: 8px 0;
}
.recipe-modal-footer__button--done {
    margin-left: 16px;
}
.recipe-modal-footer__choose {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 600;
    text-align: left;
    margin: 0;
}
.recipe-modal-footer__check-icon {
    vertical-align: text-bottom;
    margin-right: 10px;
    display: inline-block;
    line-height: 56px;
}
.recipe-modal-footer--price-tooltip {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
}
.price-summary {
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    align-items: center;
}
.price-summary__total {
    display: flex;
    align-items: baseline;
    white-space: nowrap;
}
.price-summary__price {
    font-size: 22px;
    letter-spacing: 0.3px;
    line-height: 28px;
    font-weight: 600;
    margin-right: 4px;
}
.price-summary__info {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 600;
    text-align: center;
    color: #767676;
}
@media (min-width: 480px) {
    .recipe-modal-footer__container {
        padding: 16px;
    }
    .recipe-modal-footer__container--add-meal,
    .recipe-modal-footer__container--remove-meal {
        flex-direction: row-reverse;
    }
    .recipe-modal-footer__container--choose-ingredients {
        display: flex;
        justify-content: space-between;
    }
    .price-summary {
        margin-left: 24px;
    }
    .price-summary__total {
        flex-direction: column;
        align-items: center;
    }
    .price-summary__price {
        font-size: 28px;
        letter-spacing: 0.3px;
        line-height: 36px;
        font-weight: 400;
        margin: 0;
    }
    .price-summary__info {
        font-size: 14px;
        letter-spacing: 0.2px;
        line-height: 16px;
        font-weight: 400;
    }
}
.recipe-modal-header-strip {
    z-index: 50;
    padding: 13px;
    background: #fff;
}
.recipe-modal-header-strip__recipe-icon {
    position: absolute;
    top: 13px;
}
.recipe-modal-header-strip__close-button {
    float: right;
    padding: 0;
    cursor: pointer;
}
@media (min-width: 480px) {
    .recipe-modal-header-strip {
        padding-top: 10px;
    }
    .recipe-modal-header-strip__recipe-icon {
        position: absolute;
        top: 10px;
    }
}
.recipe-modal__image_popup {
    width: 100%;
    height: 100%;
  /*  object-fit: cover;
    object-position: center;
   position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;*/
    display:block;
}
.recipe-modal__image-panel {
    width: 100%;
  /*  padding-top: 50.25%;*/
    position: relative;
    max-height:250px;
    overflow:hidden;
    justify-content:center;
    align-items:center;
    display:flex;
}
.recipe-modal__all-items-unavailable {
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.recipe-modal__all-items-unavailable__message-text {
    padding: 0 16px;
}
.cooking-method {
    position: relative;
}
.cooking-method__header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
}
.cooking-method__title {
    margin: 0;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 600;
    color: #3d3d3d;
}
.cooking-method__steps {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    color: #767676;
}
.cooking-method__main {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.cooking-method__note {
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 400;
    text-align: center;
    color: #767676;
    line-height: 15px;
    width: 100%;
    padding: 4px 0;
}
.cooking-method__status--accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}
.cooking-method__status--accessible.focusable:active,
.cooking-method__status--accessible.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}
.cooking-method__horizontal-arrow {
    position: absolute;
    top: calc(50% - 20px);
}
.cooking-method__horizontal-arrow--left {
    left: -27px;
}
.cooking-method__horizontal-arrow--right {
    right: -23px;
}
.cooking-method__step {
    padding: 0 10px;
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 400;
}
@media (min-width: 480px) {
    .cooking-method__main {
        padding: 64px 16px;
    }
}
@media (max-width: 767px) {
    .cooking-method__main {
        padding: 64px 16px;
    }
}
.ingredients__title {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 600;
    color: #3d3d3d;
    margin: 33px 0 0;
}
.cookmode__ingredient-check-list {
    margin: 16px 0;
}
.cookmode__ingredient-check-list .ingredient-check-list__item {
    line-height: 1.43;
}
.cookmode-info {
    background: #fdf5d9;
    padding: 15px 20px;
    position: sticky;
    top: 46px;
    z-index: 10;
    border-bottom: 1px solid #f6f6f6;
}
.cookmode-info__title {
    margin: 0;
    font-weight: 600;
    color: #3d3d3d;
}
.cookmode-info__body,
.cookmode-info__title {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
}
.cookmode-info__body {
    font-weight: 400;
    color: #767676;
    margin-top: 9px;
}
@media (min-width: 480px) {
    .cookmode-info {
        padding: 15px 30px;
    }
}
.cookmode__title-panel {
    padding: 25px 20px 0;
}
.cookmode__main {
    padding: 0 20px;
}
@media (min-width: 480px) {
    .cookmode__title-panel {
        padding: 25px 29px 0;
    }
    .cookmode__main {
        padding: 0 29px;
    }
}
.related-recipes__title-panel {
    padding: 25px 20px 0;
}
.related-recipes__sub-title {
    margin-bottom: 8px;
    margin-top: 6px;
}
.related-recipes__separator {
    margin: 31px 0 0;
}
@media (min-width: 480px) {
    .related-recipes__title-panel {
        padding: 25px 29px 0;
    }
    .related-recipes__separator {
        margin: 41px 0 0;
    }
}
.related-recipes__panel {
    padding: 32px 16px;
}
.related-recipes .recipe {
    margin-bottom: 16px;
}
.related-recipes .recipe-info {
    position: relative;
    bottom: 10px;
}
.related-recipes .recipe__details {
    height: auto;
}
@media (min-width: 480px) {
    .related-recipes__panel {
        padding-left: 32px;
        padding-right: 32px;
    }
    .related-recipes .recipe {
        margin-bottom: 32px;
    }
    .related-recipes .recipe__details {
        margin-top: 22px;
    }
}
@media (min-width: 768px) {
    .related-recipes .recipe__image {
        height: 311px;
    }
}
.pairing__title-panel {
    padding: 25px 20px 0;
}
.pairing__sub-title {
    margin-bottom: 8px;
    margin-top: 6px;
}
.pairing__separator {
    margin: 31px 0 0;
}
@media (min-width: 480px) {
    .pairing__title-panel {
        padding: 25px 29px 0;
    }
    .pairing__separator {
        margin: 41px 0 0;
    }
}
.pairing__panel {
    padding: 32px 14px;
}
.empty-pairing {
    width: 332px;
    margin: 0 auto;
}
.reload-button {
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.recipe-product-details__image-container {
    position: relative;
}
.recipe-product-details__header-button {
    position: absolute;
    right: 15px;
}
.recipe-product-details__header-button:hover {
    text-decoration: none;
}
.recipe-product-details__image-container {
    width: 280px;
    height: 280px;
    margin: 16px auto 12px;
}
.recipe-product-details__image-container .recipe-pdp-image {
    width: 280px;
    height: 280px;
    margin: 16px auto 12px;
    pointer-events: none;
}
.recipe-product-details__image {
    width: 100%;
}
.recipe-product-details__title {
    font-size: 28px;
    letter-spacing: 0.3px;
    line-height: 36px;
    font-weight: 600;
    padding: 13px 18px;
}
.recipe-product-details__price {
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 600;
    padding: 5px 18px;
}
.recipe-product-details__promo {
    padding: 5px 10px 20px;
}
.recipe-product-details__banner {
    margin-bottom: 12px;
}
.recipe-product-details__banner-content {
    padding: 4px 8px;
}
.recipe-product-details__promo-badge {
    text-align: center;
}
.description-header {
    background: #f6f6f6;
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    font-weight: 600;
    text-transform: uppercase;
    max-width: 530px;
    padding: 0 0 0 16px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.description-main {
    padding: 10px 16px;
}
.description-title {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    font-weight: 700;
    padding-bottom: 5px;
}
.description-item {
    padding-bottom: 15px;
}
.item-container:after {
    content: ", ";
}
.item-container:last-of-type:after {
    display: none;
}
.front-of-pack {
    padding: 10px 16px;
}
.front-of-pack__footer,
.front-of-pack__header {
    padding-bottom: 15px;
    text-align: center;
}
.nutrition-table {
    display: table;
    width: 100%;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.nutrition-table__header {
    background: #ccc;
    display: table-row;
    font-weight: 700;
}
.nutrition-table__row {
    display: table-row;
}
.nutrition-table__cell {
    display: table-cell;
    padding: 2px 5px;
    border-bottom: 1px solid #ccc;
    width: 33%;
}


/***
Bootstrap Line Tabs by @keenthemes
A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme
Licensed under MIT
***/

/* Tabs panel */
.tabbable-panel {
    border:none;
    padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
    border: none;
    margin: 0px;
}
.tabbable-line > .nav-tabs > li {
    margin-right: 2px;

}
.tabbable-line > .nav-tabs-2 > li {

    width: 49%;
}
.tabbable-line > .nav-tabs-3 > li {

    width: 32%;
}
.tabbable-line > .nav-tabs > li > a {
    border: 0;
    margin-right: 0;
    color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
    color: #a6a6a6;
}
/*.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {*/
    /*border-bottom: 4px solid #fbcdcf;*/
/*}*/
/*.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {*/
    /*border: 0;*/
    /*background: none !important;*/
    /*color: #333333;*/
/*}*/
/*.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {*/
    /*color: #a6a6a6;*/
/*}*/
/*.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {*/
    /*margin-top: 0px;*/
/*}*/
.tabbable-line > .nav-tabs > li.active {
    border-bottom: 4px solid rgba(123, 192, 2, 0.9);
    position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
    border: 0;
    color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
    color: #404040;
}
.tabbable-line > .tab-content {
    margin-top: -3px;
    background-color: #fff;
    border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
    padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
    border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
    margin-top: 0;
}
/*.tabbable-line.tabs-below > .nav-tabs > li:hover {*/
    /*border-bottom: 0;*/
    /*border-top: 4px solid #fbcdcf;*/
/*}*/
.tabbable-line.tabs-below > .nav-tabs > li.active {
    margin-bottom: -2px;
    border-bottom: 0;
    border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
    margin-top: -10px;
    border-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
.recipe-details {

    }
    @media (max-width: 480px) {
    .recipe-details {

    }
   .recipe-prodct-details{
      text-align:center;
      padding:15px;
    }
    }

     @media (min-width: 1400px) {
    .recipe-tabs-title {
    max-height: 450px !important;
    }
}
     @media (max-width: 500px) {
    .recipe-tabs-title {
    max-height: 400px !important;
    }
}
 .recipe-tabs-title {
    max-height: 150px;
    }





.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;



}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
#recipeModalBody ::-webkit-scrollbar-track {

}