@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } .image-container:hover { animation: bounce 0.5s infinite ease-in-out; } main { background: #f5f5f5 } footer { border-top: 1px solid #bfc2c4 } header.account { position: sticky; top: 0; z-index: 13 } .top-promo { background: #f5ce97 } .top-promo-link { display: flex; justify-content: center; align-items: center; gap: .5rem; padding: .75rem 0; text-decoration: none; cursor: pointer } .top-promo .promo-offer { color: #16384e; font-family: Prompt; font-size: 1rem; font-weight: 600; line-height: 1.4; text-transform: uppercase } .top-promo .details { color: var(--Text-text-primary, #16384e); font-family: Arial; font-size: .75rem; font-weight: 400; line-height: 1; text-decoration-line: underline } .product-row .badge, .sub-header a { font-weight: 500; text-align: center } #topPromo .modal-footer { justify-content: center } .sub-header { overflow: auto; position: sticky; top: 8.5rem; background-color: #fff; border-bottom: var(--Item-Count, 1px) solid var(--Colors-Grays-Lightest-Gray, #eaebeb); z-index: 3 } .food-item .qty-wrapper .lower-qty:hover, .unlock-free { background: var(--Background-background-active, #dfebf0) } .sub-header .icon-row { display: flex; gap: 1.5rem; width: fit-content; padding: 1rem 1rem 0 } .sub-header a { display: flex; flex-direction: column; color: var(--Colors-Grays-Dark-Gray, #6d7477); font-family: Prompt; font-size: 1rem; text-decoration: none; line-height: 1.6; gap: 0; border-bottom: 5px solid #fff } .sub-header p { margin-bottom: .5rem; line-height: 1.3; white-space: nowrap } .sect-title h2, .sect-title p { line-height: 1.4; font-family: Prompt } .sub-header a.active { font-weight: 600; border-bottom: 5px solid var(--Action-action-primary-orange, #bd357a); color: #16384e } .sub-header .icon-row.hide-icons img, .sub-header a.active img:not(.icon-active), .sub-header a:not(.active) img.icon-active { display: none } .icon-link img { height: 2.5rem } .icon-link:hover img:not(.icon-active){ transform: scale(1.1) rotate(-10deg); transition: transform 0.5s ease-in-out; animation: bounce .3s ease-in-out; } .unlock-free { padding: .75rem 1rem; position: sticky; top: 11.6rem; z-index: 12; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .15) } .unlock-free .progress-wrap { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: .38rem } .badge-holder, .card-inner { align-items: center; display: flex } .unlock-free .progress-wrap p { margin: 0; font-weight: 600 } .unlock-free .progress { margin: 0; height: .375rem; width: 100%; position: relative; overflow: visible; border-radius: .5rem; background: #e6e6e6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) inset } .unlock-free .progress-bar { border-radius: .5rem; background: var(--Color-Brand-UI-Colors-Accessible-Blue, #0875b5) } .unlock-free p.progress-txt { font-size: 1em; margin: 0 } .unlock-free .progress .check-indicator { position: absolute; right: 0; top: -.5rem } .hero, .sect-title.with-link { margin-bottom: 1.5rem } .sect-title h2 { font-size: 1.25rem; font-weight: 600 } .sect-title p { font-size: 1rem; font-weight: 400 } .sect-title, .sect-title.sect-title.with-search .title-wrap, .sect-title.with-search-sort-filt .sub-text { margin-bottom: 1rem } .sect-title.with-search { margin-bottom: 2rem } .banner1, .banner2, .best-selling-collections, .collections, .featured-collections, .more-collections { padding-bottom: 2rem } .sect-title.with-link a { font-size: 1.1875rem; font-weight: 400; line-height: 1.5; text-decoration: none } .sect-title.with-search-sort-filt { margin: 1.5rem 0 } .product-row { position: relative; overflow: auto; margin-bottom: 3.5rem } .card-inner { gap: 1rem; width: 75rem; padding: .625rem } .product-row .food-item { position: relative; width: 17.5rem; padding: 1rem; background: #fff } .food-item .img-wrap { width: auto; margin: 0 auto 1rem } .badge-holder { gap: .5rem; margin-bottom: .4rem } .product-row .badge-holder { display: flex; align-items: center; gap: .5rem; min-height: 28px } .product-row .badge { height: 1.3rem; font-family: Prompt; font-size: .875rem; line-height: 1; border-radius: 0; border: 1px solid #000; background: #fff; padding: .25rem .5rem; margin-bottom: .4rem; text-transform: uppercase; color: #16384e } .product-row .badge.limited { border-color: #f5ce97; background: #f5ce97 } .product-row .badge.best-seller { background: #dfebf0; border-color: #dfebf0 } .product-row .food-title { color: var(--Grays-Slate-Gray, #16384e) } .product-row .cat-rate-wrap { display: flex; justify-content: space-between; flex-direction: column } .food-rating { display: flex; align-items: center; gap: 10px } .reviews-stars { color: #0881c7; display: flex; gap: 2px } .reviews-stars .bi-star-fill { position: relative } .reviews-stars .bi-star-fill::before { overflow: hidden; z-index: 2; position: relative } .reviews-container .reviews-stars .bi-star-fill.empty-star, .reviews-stars .empty-star::before { color: #e6e6e6 } .reviews-stars .half-25-star::after, .reviews-stars .half-75-star::after, .reviews-stars .half-star::after { color: #e6e6e6; content: "\f586"; display: inline-block; font-family: bootstrap-icons !important; font-style: normal; font-weight: 400 !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 3px; left: 0; z-index: 1 } .reviews-stars .half-25-star::before { width: 30% } .reviews-stars .half-star::before { width: 52% } .reviews-stars .half-75-star::before { width: 66% } .reviews-total { font-size: .6875rem } .product-row .food-item-price { font-size: 1.1875rem; font-weight: 600; line-height: 1.1 } .product-row .food-item-price .sale-price { color: var(--Text-text-accent, #bd357a) } .product-row .food-item-price s { color: var(--Text-text-inactive, #7e7e7f); font-size: 1rem; font-weight: 400; padding-left: .25rem } .food-item-price { display: flex; gap: .5rem; align-items: center } .qty-wrapper { display: flex; flex-direction: row; align-items: center; width: 180px } .qty-wrapper .add-qty, .qty-wrapper .lower-qty { display: flex; width: 3.125rem; height: 2.688rem; flex-direction: column; justify-content: center; align-items: center; border-radius: .25rem 0 0 .25rem; gap: 10px; flex-shrink: 0; border: 2px solid var(--Text-text-primary, #16384e); background: var(--Colors-Brand-White, #fff); padding: 0 } .add-to-cart-btn, .qty-wrapper .add-qty { background: var(--Action-Action-secondary, #e8cac2) } .qty-wrapper .lower-qty:active { border-radius: .25rem; background: var(--Text-text-White, #fff) } .qty-wrapper .add-qty:active { border-radius: .25rem } .qty-wrapper .add-qty:hover, .qty-wrapper .lower-qty:hover { background: #d08e80; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .25); padding: 0 } .food-item .qty-wrapper .lower-qty:active { color: 2px solid var(--Text-text-primary, #16384e); border: 2px solid var(--Color-Brand-Dark-Manilla, #f5ce97) } .food-item .qty-wrapper .add-qty:active { color: 2px solid var(--Text-text-primary, #16384e); border: 2px solid var(--Color-Brand-UI-Colors-Accessible-Blue, #0875b5) } .food-item .qty-wrapper .add-qty:hover { background: #d08e80 } .qty-wrapper input { display: flex; height: 2.688rem; width: 3.125rem; border-radius: 0; align-items: center; text-align: center; color: var(--Colors-Grays-Slate-Gray, #29353a); font-family: Prompt; font-size: 1.5rem; font-weight: 700; border-top: 2px solid var(--Text-text-primary, #16384e); border-bottom: 2px solid var(--Text-text-primary, #16384e); border-left: 0; border-right: 0px } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } input[type=number] { -moz-appearance: textfield } .qty-wrapper .add-qty { border: 2px solid var(--Text-text-primary, #16384e) } .food-item .qty-wrapper .add-qty { background: #e8cac2; border-radius: 0 .25rem .25rem 0 } .qty-wrapper .add-qty.disabled, .qty-wrapper .lower-qty.disabled { border: 2px solid var(--Jenny-Colors-Greys-Light-Gray, #bfc2c4); background: var(--Jenny-Colors-Greys-Lightest-Grey, #f9f9f9) } .qty-wrapper .add-qty.disabled span, .qty-wrapper .lower-qty.disabled span { color: #bfc2c4 } .food-item .qty-wrapper .add-qty.disabled svg path, .food-item .qty-wrapper .lower-qty.disabled svg path { fill: #BFC2C4 } .add-to-cart-btn { display: flex; justify-content: center; align-items: center; gap: .25rem; height: 2.688rem; font-size: 1.1875rem; padding: 0 1.5rem; line-height: normal; border-radius: .375rem } .filter-by, .sort-by { background: var(--Grays-White, #fff) } .add-to-cart-btn span { font-size: 2.5rem; line-height: 1; font-weight: 500; position: relative; top: -2px } .add-qty span, .lower-qty span { font-size: 3rem; line-height: 1 } .add-to-cart-btn:hover { background: #d08e80; box-shadow: 0 1px 1px 0 #d08e80 } .add-to-cart-btn:active { border: 2px solid var(--Action-Action-secondary, #e8cac2); outline: #CEEBB8 solid 2px; color: #006b00; font-size: 1.188rem; padding: 0 1.5rem; line-height: normal; border-radius: .375rem; border: 2px solid var(--Action-action-secondary-green, #e8cac2); background: #e8cac2; font-weight: 500 } .food-item .add-to-cart-btn span { font-size: 3rem } .food-item .add-to-cart-btn:hover { border-radius: .375rem; background: #d08e80; border-color: #d08e80 } .food-item .add-to-cart-btn:hover svg path { fill: inherit } .food-item .add-to-cart-btn:active { border: 2px solid #0875b5; outline: #0875B5 solid 2px; background-color: #e8cac2; color: #16384e } .product-row .sale-ribbon { position: absolute; top: .25rem; left: 0 } .search-col { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem } .sort-by .sort-txt, .sort-by select { justify-content: center; height: 2.5rem; display: flex } .search-col .select2-container--default .select2-selection--single .select2-selection__placeholder, .search-col .sort-by p, .search-col .sort-by select { font-family: Prompt, sans-serif } .no-search-result #search-alacarte, .with-search-sort-filt #search-alacarte { width: 100% } .search-box-outer { position: relative; display: flex; width: 100%; margin: 0 auto } .sort-by { display: flex; border-radius: .25rem; border: 1px solid var(--Colors-Grays-Light-Gray, #bfc2c4); width: 60% } .sort-by .sort-txt { padding: 0 .2rem 0 1rem; align-items: center; gap: .4rem } .sort-by select { padding: 0; align-items: center; gap: .5rem; flex: 1 0 0; border: 0; color: var(--Text-text-primary, #16384e); font-family: Arial; font-size: 1rem; font-weight: 400; line-height: 1; background-image: none; -o-appearance: none; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .25rem; background-color: #fff } .filter-by a, .filters-selected a { padding: 0 1rem; text-decoration: none } .filter-by { display: flex; height: 2.5rem; justify-content: center; align-items: center; gap: .5rem; flex: 1 0 0; border-radius: .25rem; border: 1px solid var(--Colors-Grays-Light-Gray, #bfc2c4); width: 40%; white-space: nowrap } .filter-by a { color: inherit; width: 100%; text-align: center } .coll-banner { text-align: center } .coll-link:hover img, .food-item:hover { --elevation: 0; --epx: calc(var(--elevation) * 1px); --shadow1: 0 1px 2px rgba(0, 0, 0, .3); --shadow2: 0 1px 3px rgba(0, 0, 0, .15); --offset-y: calc(var(--epx) + 1px); --blur: calc(var(--epx) * 2); --spread: calc(var(--epx) * .3); --shadow3: 0 var(--offset-y) var(--blur) var(--spread) rgba(0, 0, 0, 0.2); box-shadow: var(--shadow1), var(--shadow2), var(--shadow3) } .alaCartSearchSubmit i, .filters-selected a.selected span, .filters-selected a:hover span { color: #0875b5 } .filter-by:hover, .sort-by:hover, .sort-by:hover #sortBy { background: #faf7f4 } .filters-selected a:hover { color: #0875b5; text-shadow: 0 0 .85px #0875b5; background: #dfebf0 } .filter-by:active, .sort-by:active { border: 3px solid var(--Color-Brand-Dark-Manilla, #f5ce97) } .filters-selected { position: relative; overflow: auto } .filters-selected .filter-row { display: flex; gap: .5rem; width: fit-content; align-items: center; padding: 3px 0; margin-bottom: 1.5rem } .filters-selected a { font-family: Prompt, Arial, sans-serif; border: 1px solid var(--Stroke-stroke-primary, #bfc2c4); background: #fff; display: flex; height: 2.5rem; align-items: center; gap: .5rem; color: #16384e; white-space: nowrap } .filters-selected a.selected { border: 1px solid #0875b5; background: #dfebf0; text-shadow: 0 0 .85px #0875b5; color: var(--Text-text-primary, #16384e) } .filters-selected a.selected svg path, .filters-selected a:hover svg path { fill: #16384E } .filters-selected a.selected:active, .filters-selected a:active { box-shadow: 0 0 0 3px #f5ce97 } .product-grid .product-row .food-item { width: 100%; border: 0; border-radius: 0; padding: 1rem } .product-grid .product-row .ribbon { position: absolute; top: 1rem; left: 1rem } .product-grid .img-info { display: flex; gap: 1rem } .product-grid .food-item .img-wrap { width: 9.125rem; margin: 0 auto } .product-grid .food-img { min-width: 6.5625rem } .product-row .food-title { color: var(--Grays-Slate-Gray, #29353a); font-size: 1.125rem; font-weight: 400; line-height: 1.3; min-height: 4.5rem; display: block; text-decoration: none } .product-row .cat-rate-wrap { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: .5rem; margin-bottom: .75rem } .cat-rate-wrap img { height: 1.3125rem; width: auto } .food-rating svg { position: relative; top: -1px } .food-item-price.sale-price { color: #bd357a } .food-item-price.sale-price s { color: #6d7477; font-size: 1rem; font-weight: 400 } .reviews-container .reviews-stars .bi-star-fill { color: #0881c7 } .reviews-container { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; gap: .5rem } .reviews-container .reviews-stars { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 3px } .reviews-container .reviews-stars .bi-star-fill.half-star { color: #0881c7; position: relative } .reviews-container .reviews-stars .bi-star-fill.half-star.half-25-star::before { content: "\F586"; font-family: bootstrap-icons; position: relative; z-index: 1; width: 30%; display: inline-block; overflow: hidden } .reviews-container .reviews-stars .bi-star-fill.half-star::before { content: "\F586"; font-family: bootstrap-icons; position: relative; z-index: 1; width: 52%; display: inline-block; overflow: hidden } .reviews-container .reviews-stars .bi-star-fill.half-star.half-75-star::before { content: "\F586"; font-family: bootstrap-icons; position: relative; z-index: 1; width: 70%; display: inline-block; overflow: hidden } .reviews-container .reviews-stars .bi-star-fill.half-star::after { content: "\F586"; font-family: Bootstrap-icons; position: absolute; z-index: 0; color: #e6e6e6; top: 3px; left: 0; display: inline-block; font-style: normal } .filters-selected .remove-filt { font-family: arial; font-size: 1rem; display: flex; padding: .5rem .75rem; align-items: center; gap: .5rem; border-radius: 6.25rem; border: 0; background: #fbe9c1; cursor: pointer } .filter-by .filter-numb { font-family: Prompt, Arial, sans-serif; width: 1.5rem; display: inline-block; padding: .125rem .25rem; position: relative; text-align: center; font-size: 1rem; font-weight: 700; z-index: 1; color: #fff; line-height: 1; margin-left: .25rem } .filter-by .filter-numb:after { content: ""; display: block; background-color: #0875b5; border-radius: 6.25rem; width: 1.75rem; height: 1.75rem; z-index: -1; position: absolute; top: -4px; left: -1px; right: 0 } #filterFlexLabel { font-size: 1.375rem; font-weight: 900; line-height: 1.3 } #filterFlex .offcanvas-footer { display: flex; justify-content: space-between; gap: .75rem; padding: 1rem; border-top: 1px solid var(--Grays-Light-Gray, #bfc2c4); background: #fff; box-shadow: 0 5px 24px 0 rgba(35, 38, 32, .24) } #filterFlex .btn-orange, #filterFlex .clear-filters.btn-default-outline { width: 100%; height: 2.8125rem; padding: 0; font-family: Prompt; font-size: 1.1875rem; display: flex; justify-content: center; align-items: center } #filterFlex .offcanvas-body { padding: .25rem 0 1rem } #filterFlex .accordion-item:first-of-type, #filterFlex .accordion-item:first-of-type .accordion-button { border-top-left-radius: 0; border-top-right-radius: 0 } #filterFlex .accordion-button:not(.collapsed) { background-color: #f2f2f2; color: inherit; border-color: #ceebb8 } #filterFlex .accordion-body { padding-bottom: 0 } #filterFlex #filterAccordion .accordion-item:last-of-type { border-radius: 0 } .filter-checkboxes .checkbox { display: flex; align-items: flex-start; gap: .5rem; margin-bottom: 1.5rem } .filter-checkboxes .checkbox input { width: 1.25rem; height: 1.25rem; min-width: 1.25rem; border-radius: .125rem; border: 1px solid var(--Grays-Light-Gray, #bfc2c4); background: var(--Grays-White, #fff) } #filterFlex input[type=checkbox] { accent-color: #D4422B } .filter-checkboxes .title-text { font-size: 1rem; font-weight: 700; display: block } #filterFlex .count { font-weight: 400 } #filterFlex .sub-text { color: #565961 } #filterFlex .filter-checkboxes label.disabled .sub-text, .filter-checkboxes label.disabled span { color: #9b9c9c } .sect-title.no-search-result { margin: 1.5rem 0 3rem } .sect-title.no-search-result h2 { font-weight: 400; margin-bottom: 1rem } .no-search-res-msg { padding-bottom: 3rem } .no-search-res-msg img { height: 4.5rem; width: auto; margin: 0 auto } .no-search-res-msg h3 { font-size: 1.375rem; font-weight: 500; line-height: normal } .no-search-res-msg p { color: var(--Text-text-secondary, #6d7477); font-size: 1.125rem; font-weight: 700; line-height: 1.5 } .no-search-res-msg ul { text-align: left; width: auto; color: #6d7477 } .no-search-res-msg a { color: #0875b5; font-size: 1rem; line-height: normal; text-decoration: none } .food-item .new.ribbon, .food-item .sale.ribbon { position: absolute; top: 5px; left: 0 } .fixed-bottom-cta { background: var(--Text-text-White, #fff); box-shadow: 1px 4px 10px 10px rgba(100, 100, 100, .24); padding: 24px 14px } .fixed-bottom-cta .coll-total { font-family: Prompt, sans-serif; font-size: 1.5rem; font-style: normal; font-weight: 600; line-height: 1 } .fixed-bottom-cta .coll-qty { font-size: .875rem } .fixed-bottom-cta .btn { padding: var(--Spacing-spacing-sm, 8px) var(--Spacing-spacing-md, 16px); color: #fff; background: #0875b5; border-color: #0875b5 } .toast-body { background-color: #16384e; border-radius: .5rem; color: #fff } .toast-body .view-cart { color: #fff; text-decoration: underline } .hero.collection-cat { margin-top: 1.5rem } .best-sellers h2, .best-selling-collections h2 { color: #16384e; font-family: Prompt; font-size: 1.25rem; font-weight: 600; line-height: 1.7 } #addedToCartModal h3 { font-size: 1.1875rem; font-weight: 400; line-height: 1.1; margin-bottom: 1rem } .prod-cat { min-height: 1.5rem } .sub-header.no-top-promo { top: 4.7rem } .unlock-free.no-top-promo { top: 7.8rem } @media(min-width:375px) { .sort-by { width: 50% } } @media(min-width:768px) { .call-out p, .call-out p span { color: var(--Text-text-primary, #16384e); font-family: Prompt; font-weight: 500 } .top-promo-link { justify-content: flex-start } .sub-header.no-top-promo { top: 2.7rem } .unlock-free.no-top-promo { top: 5.8rem } .sub-header { top: 4rem } .sub-header .icon-row { display: flex; width: 100%; padding: 1rem 0 0; margin: 0 auto } .unlock-free { top: 7.2rem } .unlock-free .progress-wrap { width: 60%; margin-bottom: 0 } .unlock-free .progress-txt { width: 40% } .promo-offer { flex-grow: 1 } .call-out { margin: -1rem auto 3rem; display: flex; justify-content: center } .call-out .bx-bg { background: #fff; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .15); position: relative; z-index: 2; width: 73.125rem; padding: var(--Spacing-spacing-lg, 1.5rem) } .call-out .info { display: flex; align-items: center; gap: .75rem } .call-out .img-wrap { height: 3.125rem; width: 3.125rem; position: relative } .call-out .img-wrap img { position: absolute; top: 50%; right: 0; transform: translate(0, -50%) } .call-out p { font-size: 1rem; line-height: 1.1 } .call-out p span { display: block; font-size: .6875rem; font-style: normal; line-height: 1.4 } .sect-title.with-search { margin-bottom: 1.5rem } .sect-title .title-wrap { margin-bottom: 0 } #search-alacarte { width: 16.5rem; margin-right: 0; margin-left: auto } .product-grid { padding-bottom: 2rem } .product-grid .product-row { overflow: hidden; gap: 1rem; row-gap: 2.5rem; padding: 0 1rem .5rem } .product-grid .product-row .food-item { width: 14rem; padding: 1rem; background: #fff } .product-grid .product-row .ribbon { position: absolute; top: .5rem; left: 0 } .product-grid .img-info { flex-direction: column; gap: 1rem } .product-grid .food-item .img-wrap { width: auto; margin: 0 auto } .product-grid .badge-holder img { width: auto; height: 1.1rem } .hero.collection-cat img { border-radius: var(--Spacing-spacing-sm, .5rem); background: url(<path-to-image>) 50%/cover no-repeat #d3d3d3; box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .15) } #addedToCartModal h3 { font-size: 1.75rem } } @media(min-width:992px) { .best-sellers h2, .best-selling-collections h2, .sect-title h2 { font-size: 1.75rem } .breadcrumb.collection-cat { margin: .5rem 0 } .fixed-bottom-cta .coll-qty, .top-promo .promo-offer { font-size: 1.125rem } .sub-header { top: 5rem } .sub-header .icon-row { width: 100% } .sub-header a { flex-grow: 1 } .unlock-free { top: 8rem } .unlock-free .progress-wrap { width: 31.625rem } .sect-title h2 { line-height: 1.2 } .sect-title p { line-height: 1.5 } .title-col { width: 50% } .search-col { flex-wrap: nowrap; width: auto; margin-left: auto } .no-search-result #search-alacarte, .with-search-sort-filt #search-alacarte { max-width: 16.5rem } .sort-by { min-width: 11.8rem } .sort-by .sort-txt { font-size: 1rem } .filter-by { max-width: 7.25rem } .product-grid .product-row .food-item { width: 16.875rem } .product-grid .product-row { gap: 3.55rem } .product-grid .badge-holder img { width: auto; height: 1.4rem } .sect-title.no-search-result { margin: 3rem 0 6rem } .fixed-bottom-cta .price-qty-col { display: flex; align-items: center; gap: 1rem } .fixed-bottom-cta .coll-total { font-size: 2rem; display: flex; align-items: center } .fixed-bottom-cta .coll-total sup { font-size: 1.25rem; padding-top: 4px } .sub-header.no-top-promo { top: 4rem } .unlock-free.no-top-promo { top: 7.1rem } } @media(min-width:1200px) { .sub-header p { font-size: 1rem } .unlock-free .progress-txt { width: auto } .unlock-free p.progress-txt { font-size: 1em } .call-out { margin: -3rem auto 3rem } .call-out .bx-bg { padding: 1.3rem 5.5rem } .sort-by { width: 12rem } .product-grid .product-row { gap: .5rem; row-gap: 2.5rem } .collection .product-row .food-item-info { display: block !important } .collection .product-row .food-item-price { justify-content: start !important } } @media(min-width:1440px) { header.default .logo-links-wrap { padding: 0 0 .5rem } .banner1 .row.meal-occasion { max-width: 1360px; margin: 0 auto } .banner1 .row.meal-occasion img { width: 100% } .product-row .food-item { width: auto } .card-inner { gap: 2rem; width: 83rem } .product-grid .product-row .food-item { width: 15.4rem } .product-grid .product-row { gap: 1.5rem } .product-grid .badge-holder img { height: 1.35rem } .collection .product-row .col-info-wrap { width: auto !important } } @media (max-width:767px) { .collections .row { margin-bottom: 1rem } .hero.collection-cat .container { padding: 0 } .jc-top-banner.inline-promo .banner-head a { min-height: 4.7rem } .product-grid .food-item .img-wrap { width: 40% } .product-grid .food-item-info { width: 60% } }