:root{--vh:100dvh;--keyboard-height:0px}nextjs-portal{display:none}body{transition-property:opacity,filter;transition-duration:.2s;transition-timing-function:ease-in-out}select{appearance:none;background-image:url(../media/chevron-down.3a7bcba5.svg)!important;background-position:right 12px center!important;background-repeat:no-repeat!important}.page-transition{opacity:0;filter:blur(12px);transition:opacity .2s ease-in-out,filter .2s ease-in-out}.env{text-align:center;color:#ffffff80;text-transform:uppercase;z-index:999;background:#33333380;border-radius:0 0 10px 10px;height:1rem;margin:auto;padding:10px;font-size:10px;line-height:0;position:fixed;top:0;left:40%}.blank-btn{background-color:#0000;border:none}div.env:hover{color:#ffffff1a;background:#3333331a}@font-face{font-family:wfutura-light-webfont;src:url(/fonts/wfutura/wfutura-light-webfont.ttf)format("truetype");font-display:swap}@font-face{font-family:wfutura-bold-webfont;src:url(/fonts/wfutura/wfutura-bold-webfont.ttf)format("truetype");font-display:swap}@font-face{font-family:wfutura-medium-webfont;src:url(/fonts/wfutura/wfutura-medium-webfont.ttf)format("truetype");font-display:swap}@font-face{font-family:wfutura-semibold-webfont;src:url(/fonts/wfutura/wfutura-semibold-webfont.ttf)format("truetype");font-display:swap}@font-face{font-family:Open Sans;src:url(/fonts/OpenSans.ttf)format("truetype");font-display:swap}@font-face{font-family:written;src:url(/fonts/written-font.ttf)format("truetype");font-display:swap}.open-sans{font-family:Open Sans,sans-serif}.wfutura-light{font-family:wfutura-light-webfont,sans-serif}.wfutura-bold{font-family:wfutura-bold-webfont,sans-serif}.wfutura-medium{font-family:wfutura-medium-webfont,sans-serif}.wfutura-semibold{font-family:wfutura-semibold-webfont,sans-serif}.wfutura-semibold-new{text-shadow:0 0 #000;letter-spacing:1.4px;font-family:wfutura-medium-webfont,sans-serif;font-weight:600}.written{font-family:written,sans-serif}h1,h2,h3{font-family:wfutura-medium-webfont,sans-serif}h3{font-size:clamp(18px,4vw,32px)}h4,h5,h6{font-family:var(--Family-Text,"Open Sans")}h6{font-weight:600}h4{color:var(--Text-sys-colour-text-secondary-on-light,#3f3f3f);leading-trim:both;text-edge:cap;font-size:var(--Font-Size-label-sm,.85rem);font-style:normal;font-weight:400;line-height:normal}.invert{filter:invert()}.thin{font-weight:100!important}.light{font-weight:200!important}.medium{font-weight:300!important}.regular{font-weight:400!important}.semibold{font-weight:500!important}.bold{font-weight:600!important}.extra-bold{font-weight:700!important}.black{font-weight:800!important}.extra-black{font-weight:900!important}.footnotes{font-size:.75rem}.footnotes>a{text-decoration:underline!important}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0;padding:0;overflow:hidden}html{min-height:100%;position:relative}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f3f3;font-family:Open Sans,sans-serif;font-size:1rem}p{font-family:Open Sans,sans-serif}a{color:inherit;text-decoration:none}.flex-start{align-self:flex-start}.flex-end{align-self:flex-end}.main-text-colour-secondary{color:#000}.secondary-text-colour{color:#3a3a3a}.secondary-background-colour{background-color:#fff!important}button,[type=button],[type=submit]{font-family:wfutura-medium-webfont}.ww-primary-button,.product-bottom-sheet>div>div>div.w-100{color:#fff;cursor:pointer;letter-spacing:2px;text-transform:uppercase;background-color:#000;border-radius:.5rem;flex:1 1 0;height:50px;margin:2px;padding:7px;font-family:wfutura-semibold-webfont;font-size:.852rem}.ww-secondary-button{color:#000;cursor:pointer;letter-spacing:2px;text-transform:uppercase;background-color:#fff;border:none;border-radius:.7rem;flex:1 1 0;height:50px;margin:2px 0 2px 2px;padding:5px;font-family:wfutura-semibold-webfont;font-size:.825rem}.main-side-padding{padding-left:1rem;padding-right:1rem}.main-left-margin{margin-left:1rem}.main-left-padding{padding-left:1rem}.main-right-padding{padding-right:1rem}.main-top-margin{padding-top:1rem}.main-bottom-margin{padding-bottom:1rem}.main-vertical-spacing{margin-bottom:1rem}.divider{border-bottom:.5rem solid #f3f3f3}div.message-agent>div>div.chat-msg{max-width:90%}.page-title{text-align:left;margin:0;font-family:wfutura-semibold-webfont;font-size:1.5rem}.woolies-chat-ai{margin:calc(.625rem + 10px)}.chat-container{scrollbar-width:none;-ms-overflow-style:none;flex-grow:1;overflow-y:auto}.quick-tools{margin-left:calc(.625rem + 10px)}.quick-tools>img{cursor:pointer;padding:0 5px 15px}.message-container{scrollbar-width:none;-ms-overflow-style:none;scrollbar-color:grey transparent;-ms-overflow-style:none;width:100%;font-size:.875rem;overflow-y:auto}.slick-slider{white-space:nowrap}.slick-track{margin-left:0!important;display:flex!important}.basket-contents{background:#fff;padding:16px}.scroll-to-bottom-button{z-index:100;color:#000;cursor:pointer;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;margin:auto;padding:5px;font-size:12px;display:flex;position:absolute;left:0;right:0;box-shadow:0 2px 6px #0003}.scroll-bottom-quick-actions,.scroll-bottom-default{top:-42px}.product-images-container{-ms-overflow-style:none;scrollbar-width:none;gap:.5rem;padding:.5rem;display:flex;overflow-x:auto}.product-images-container::-webkit-scrollbar{display:none}.checked-out-product-image{object-fit:cover;border-radius:8px;flex-shrink:0;width:5rem;height:5rem}.overflow-scroll-container{overflow:hidden}.drawer{background:#fff;border:.5px solid #dcdcdc;border-radius:4px;margin:0 8px 8px;font-size:.875rem;box-shadow:0 -4px 20px #7979791a}.mb-2.text-center.p-3.mt-auto{background:#fff;width:100vw;position:fixed;bottom:-15px}.chat-text-area{color:#000;background-color:#fff;border:none;outline:none;width:100%;padding-left:16px;font-family:Open Sans;overflow:auto;resize:none!important;max-height:64px!important}.chat-text-area::-webkit-scrollbar{display:none}.chat-text-area:focus{border:none}textarea{font-size:14px}textarea::placeholder{vertical-align:center;font-size:14px}.textarea-container{border:.5px solid #dcdcdc;align-items:center;width:100%;height:45px;margin:8px 0;display:flex;position:relative;border:1px solid #fff!important}.message-text{font-family:wfutura-light-webfont;font-weight:700}.notification-snackbar{color:#fff;z-index:9999;opacity:0;opacity:.8;border-radius:6px;max-width:30rem;padding:14px 24px;font-size:14px;transition:opacity .3s ease-in-out,transform .3s;position:fixed;bottom:79px;left:50%;transform:translate(-50%);width:90vw!important}.notification-snackbar.info{background-color:#333}.notification-snackbar.success{background-color:#2e7d32}.notification-snackbar.error{background-color:#d32f2f}.notification-snackbar.show{opacity:.9;transform:translate(-50%)translateY(0)}.notification-snackbar.hide{opacity:0;transform:translate(-50%)translateY(10px)}.notification-view-link{color:#fff;cursor:pointer;margin-left:2rem;font-weight:700;text-decoration:underline}.chevron-icon{transition:transform .3s}.chevron-icon.rotate{transform:rotate(90deg)}l .accordion-content{color:#000;max-width:95%;max-height:0;font-weight:200;transition:max-height .4s,padding .4s;overflow:hidden}.accordion-content.expanded{max-height:500px;padding:1rem}.quick-action-chat-wrapper .slick-slide>div{width:auto!important;display:inline-flex!important}.quick-option-btn{color:#000;white-space:nowrap;text-transform:capitalize;background:#f3f3f3;border:.5px solid #f3f3f3;border-radius:8px;width:auto;min-width:fit-content;height:42px;padding:8px 12px;font-family:Open Sans;font-size:14px}.quick-actions-chat{width:auto!important}.quick-action-chat-wrapper .slick-track{align-items:stretch;display:flex!important}.quick-action-chat-wrapper .slick-slide{justify-content:center;height:auto;display:flex!important}.quick-action-chat-wrapper .slick-slide>div{width:100%}.quick-action-chat-wrapper .slick-slide>div button{height:100%}.quick-option-btn-greyd{color:gray;white-space:nowrap;background-color:#0000;border:1px solid gray;border-radius:5rem;width:auto;min-width:fit-content;margin-right:5px;padding:5px;font-size:x-small}.call-to-action-btn{color:#fff;white-space:nowrap;text-transform:capitalize;background:#000;border:none;border-radius:8px;width:auto;min-width:fit-content;height:42px;padding:8px;font-family:Open Sans;font-size:14px}.option-other-btn{color:#000;background-color:#0000;border:none;border-radius:2rem;padding:.5rem}.option-other-btn>img{height:20px;margin-right:5px}.dash-btn{color:#f5f5f5;background-color:#000;border:1px solid #000;border-radius:2rem;padding:.5rem}.message-text::-webkit-scrollbar{width:1rem}.message-text::-webkit-scrollbar-track{background:0 0;border-radius:10px}.message-text::-webkit-scrollbar-thumb{background-color:gray;border-radius:1rem}.message-text::-webkit-scrollbar-button{display:none}.onboarding-description{text-align:center;justify-content:center;align-items:center;width:100%;min-height:11.5rem;padding-left:2rem;padding-right:2rem;font-family:wfutura-semibold-webfont;font-size:1.75rem;line-height:1.75rem;display:flex}.span-warning{color:#b90606;float:left;margin-top:2px;font-size:11px;font-weight:600;position:relative;left:3px}.d-flex.flex-column.justify-content-between.align-items-between>div{flex-direction:column;display:flex}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#fff!important}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:left!important}.bg-transparent-custom{background-color:#0000!important}.carousel-card,.message-recipe-carousel{width:100%!important}.chat-container,.message-container{width:100%;overflow-x:hidden}.carousel-card-img{height:450px!important}.quick-action-chat-wrapper .slick-track{width:unset!important}.quick-action-chat-wrapper .slick-track .slick-slide:last-child{margin-right:0!important}.quick-action-chat-wrapper.chat-comp .slick-track .slick-slide{min-width:fit-content;width:50%!important}.quick-action-chat-wrapper.chat-comp .slick-track .slick-slide>*{width:100%!important}.quick-action-chat-wrapper.chat-comp .slick-track .slick-slide>* button{width:100%!important;max-width:unset!important}.quick-action-chat-wrapper.chat-comp .slick-track .slick-slide>* button span{font-size:clamp(12px,2vw,14px)!important}.carousel-product-card,.carousel-basket-card{border:1px solid var(--Neutrals-grey-200,#dcdcdc);border-radius:.35rem;padding:.8rem}.carousel-product-card{height:160px;padding:24px 16px}.slick-slider.message-recipe-carousel.slick-initialized>div{padding:0!important}:is(.message-recipe-carousel,.quick-action-chat-wrapper) .slick-slide{max-width:600px;margin-right:.4rem;width:calc(100vw - 36px)!important}.message-cart-carousel:not(.children) .slick-list{padding:0!important}.message-cart-carousel:not(.children) .slick-list .slick-track{width:100%!important}.message-cart-carousel:not(.children) .slick-list .slick-track>.slick-slide:only-child{width:100%!important;max-width:100%!important;margin-right:0!important}.smartlist-items .slick-track>.slick-slide{margin-right:.4rem;width:82vw!important;max-width:84vw!important}.smartlist-items .slick-track>.slick-slide:only-child{width:100%!important;max-width:100%!important;margin-right:24px!important}.chat-delta-list .smartlist-wrapper-c{padding-right:0!important}.chat-delta-list .smartlist-wrapper-c .slick-track>.slick-slide:only-child{margin-right:20px}.chat-delta-list .smartlist-wrapper-c .delta-list .list-title{margin-right:20px!important}.delta-list .smartlist-items .slick-track>.slick-slide{margin-right:.4rem;width:84vw!important;max-width:84vw!important}.delta-list .smartlist-items .slick-track>.slick-slide:only-child{width:100%!important;max-width:100%!important}.message-cart-carousel.children .slick-list{padding:0!important}.carousel-card-product-img{height:9rem!important}.card-body>h3{text-overflow:ellipsis;-webkit-line-clamp:2;white-space:normal;word-break:break-word;-webkit-box-orient:vertical;line-height:1.2em;display:-webkit-box;overflow:hidden}@media (max-width:452px){button.recipe-card-btn{line-height:14px}.cart-quantity-buttons{border:1px solid gray;border-radius:1rem;width:1.5rem;height:1.5rem}}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.spinner{border:16px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:60px;height:60px;animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.overflow-scroll-container.no-scrollbar>div>img{border:10px solid #fff}.d-flex.justify-content-between.align-items-center.w-100.pt-2.pb-2.ps-3.pe-3{padding:1rem!important}.border-0.position-relative.transparent.card{background:0 0;overflow:hidden;box-shadow:none!important}.recipe-grouping{margin-top:1rem;margin-left:-1rem;margin-right:-1rem}.list{margin-right:1rem;font-size:.825rem}.list,.d-flex.flex-column.pw-3.ps-3.me-3.mb-4{margin-bottom:6rem!important}.list>div>div{margin:0;padding:0 .15rem}.align-items-center>div:nth-of-type(2){justify-content:flex-end}.recipe-header-main{font-family:wfutura-semibold-webfont;font-size:1.25rem}.recipe-header{font-family:wfutura-semibold-webfont;font-size:1.125rem}.recipe-header-additional{font-family:wfutura-light-webfont;font-size:1rem}.pagination-btn{color:#000;cursor:pointer;z-index:99;background-color:#fff;border:1px solid #fff;border-radius:50%;padding:4px 10px;font-weight:400}.pagination-btn.active{background-color:#f3f3f3;border:1px solid #f3f3f3}.price{background-color:#f9f9f9;border:.5px solid #dcdcdc;border-bottom-right-radius:4px;border-bottom-left-radius:4px;justify-content:space-between;align-items:center;width:100%;padding-top:10px;display:flex}.favourite{z-index:2;cursor:pointer;background-color:#fff;border-radius:50%;-ms-flex-align:end;width:24px;height:24px;padding:.2rem;top:24px;right:16px}p.text-start{letter-spacing:-.14px;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;width:80%;max-height:3em;font-size:16px;font-style:normal;font-weight:600;line-height:125%;display:-webkit-box;overflow:hidden}.card-body{background-color:var(--bs-body-bg);flex-direction:column;height:10.25rem;padding:1.5rem 1rem;display:flex}.slick-slide:has(.quick-option-btn,.call-to-action-btn){width:auto!important}.ingredient-item.d-flex.flex-column>div>div>div>div{border:1px solid #dcdcdc;border-radius:1rem;width:5.5rem;padding:.15rem}.ingredient-item.d-flex.flex-column{border-radius:7px;margin:8px;font-size:.925rem;border:1px solid #d3d3d3!important}.card-body>h3,.product-slider>h3,.recipe-page-title,.product-page-title,.basket-page-title{font-family:wfutura-semibold-webfont,sans-serif;font-size:1.3rem;font-weight:600;line-height:110%}.card-body>.price{margin-top:auto}.recipe-hero:before,.product-featured-img-wrapper:before{content:"";pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.product-featured-img-wrapper{position:relative}.product-featured-img-wrapper:before{background:#a8a8a833}.product-featured-img{z-index:0;position:relative}.card-body,.favourite,.star-ratings,.overlay-buttons{z-index:2;position:relative}.cart-product-name{font-family:wfutura-light-webfont;font-size:.875rem}.recipe-detail-text{font-family:wfutura-light-webfont;font-size:1.125rem}.cart-card-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:#000;background:0 0;border:none;border-radius:50%;width:1.6rem;height:1rem;padding:3px}.cart-quantity-buttons{border:1px solid gray;border-radius:1rem;width:5.5rem;height:2rem}form>section.h-100.pt-5.pe-5.ps-5.d-flex.flex-column.justify-content-between{background-color:#fff;height:100vh!important}.check-box{width:1.5rem;height:1.5rem;margin-top:8px}.ingredients-check-box{background-color:#fff;width:1rem;height:1rem}.input-field{color:#000;border:1px solid gray;border-radius:.3rem;width:100%;padding:.4rem}.input-field:focus{color:#000;border:1px solid gray;border-radius:.3rem;outline:none}.select-field-title{color:#000;font-size:12px;font-weight:400}.input-field-title{color:#000;font-size:14px;font-weight:400}.select-field{border:1px solid #bdbcbc;border-radius:4px;width:100%;padding:12px;color:#bdbcbc!important}.select-field:focus,.select-field:active{border:1px solid #bdbcbc;border-radius:4px;outline:none;width:100%;padding:12px;color:#bdbcbc!important}.changes-saved{z-index:10000;background-color:#effdf6;border:.5px solid #1e9f59;border-radius:4px;align-items:center;width:calc(100% - 8px);height:56px;padding:19px;display:flex;position:absolute;bottom:0;margin-bottom:12px!important}.changes-saved p{margin-bottom:0;margin-left:8px;margin-right:auto;font-size:14px}.changes-saved button{background-color:#0000;border:0}.card.product--carousel{border:none;flex-direction:row;align-items:flex-start;display:flex}.card.product--carousel>.position-relative{flex-shrink:0;width:5.825rem}.card.product--carousel>.card-body{flex-direction:column;flex-grow:1;justify-content:space-between;padding:0 .825rem;display:flex;width:70%!important}.chatProductCarousel{opacity:0;pointer-events:none;height:70%;margin-top:2rem;transition:opacity .5s ease-in-out,transform .5s ease-in-out;transform:translateY(-20px)}.chatProductCarousel.show{opacity:1;pointer-events:auto;transform:translateY(0)}.chatProductCarousel.hide{opacity:0;pointer-events:none;transform:translateY(-20px)}.custom-opacity{cursor:default;background-color:#21252980!important;border-color:#21252980!important}.custom-opacity:hover{cursor:default}.recipe-card-btn{text-transform:uppercase;border:1px solid #0000;border-radius:4px;gap:8px;width:fit-content;padding:2px 10px}.recipe-card-btn p{font-size:clamp(12px,2vw,12px);font-weight:500;line-height:clamp(19px,2vw,12px);transform:translateY(.5px)}.recipe-card-btn:hover{cursor:default}.loading-dots{gap:5px;display:flex}.loading-dots .dot{background-color:#000;border-radius:50%;width:3px;height:3px;padding-bottom:2px;animation:1.4s ease-in-out infinite blink}.loading-dots .dot:nth-child(2){padding-bottom:2px;animation-delay:.2s}.loading-dots .dot:nth-child(3){padding-bottom:2px;animation-delay:.4s}.agent-rating-sheet{background:#fff;border:1px solid #fff;flex-direction:column;display:flex}.title-bold{font-weight:600}.option-chip{color:#000;cursor:pointer;background-color:#f3f3f3;border:1px solid #f3f3f3;border-radius:50vw;padding:8px 12px;font-size:10px;font-weight:400;transition:all .2s}.option-chip--selected{color:#fff;background-color:#000;border-color:#000}.feedback-box{border:.5px solid #bdbcbc;border-radius:4px;min-height:60px;position:relative}.feedback-pencil{cursor:pointer;width:20px;height:20px;position:absolute;bottom:8px;right:8px}.underline-link{cursor:pointer;text-decoration:underline}.confirm-btn{color:#fff;background:#000;border:none;border-radius:4px;height:50px}.confirm-btn--disabled{color:#fff;background:#9d9d9d;border:none;border-radius:4px;height:50px}.submit-btn{color:#fff;background:#000;border:none;border-radius:4px;height:50px}.submit-btn--disabled{background:#9d9d9d}.cancel-btn{color:#000;background:0 0;border:none;border-radius:4px;height:50px;text-decoration:underline}.feedback-form{height:100%}.feedback-title{font-size:20px;font-weight:600}.feedback-textarea{resize:vertical;color:#000;background:0 0;border:.5px solid #bdbcbc;border-radius:4px;outline:none;width:100%;padding:15px 10px 0;font-size:14px;line-height:1.5}.char-count{color:#9d9d9d;font-size:11px}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.shake{animation:.5s shake}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.no-scrollbar::-webkit-scrollbar{display:none}.active-count{color:#000!important;font-weight:600!important}.placeholder-icon{opacity:.6;pointer-events:none;width:24px;height:24px;position:absolute;top:18px;left:10px}.send-button{cursor:pointer;background:0 0;border:none;margin-right:19px;padding-left:4px}.disabled{pointer-events:none}.send-icon{width:24px;height:24px}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}@media (min-width:1367px){form>section.h-100.pt-5.pe-5.ps-5.d-flex.flex-column.justify-content-between{width:30vw;margin:auto;height:95vh!important}}@media screen and (max-device-width:430px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){input,textarea,select{font-size:16px!important}.ios-keyboard-safe{-webkit-overflow-scrolling:touch;height:100dvh;overflow-y:auto}}.transition{display:none}@media (min-width:768px){.transition{z-index:34;z-index:34;background:linear-gradient(90deg,#0000,#f3f3f3);width:40px;height:100%;display:block;position:absolute;top:0;right:0}}@media (min-width:769px){.chat-input-wrapper{gap:12px}.inner-chat-textarea{margin-bottom:0!important}}.accordion{--bs-accordion-border-width:none}.accordion .collapsed{border-bottom:.5px solid #dcdcdc}.accordion-button:not(.collapsed),.accordion-button{color:#000;background-color:#f3f3f3}.accordion-button:not(.collapsed):after{background-image:url(../media/chevron-down.3a7bcba5.svg)}.accordion-body{padding:0}.accordion-button:focus{box-shadow:none}.accordion-button{color:#000;font-family:Open Sans,sans-serif}.out-of-stock{background-color:#e6f1fb;border:.5px solid #9ac6ef;border-radius:4px;align-items:center;gap:8px;max-width:100%;margin-top:8px;padding:8px;display:flex}.out-of-stock p{color:#000;margin:0;font-family:Open Sans;font-size:12px;line-height:12px}.out-of-stock img{width:16px;height:16px;transform:rotate(180deg)}