*, button { border: none; padding: 0; } *, body, html { -webkit-tap-highlight-color: transparent; } *, :focus, input { outline: 0; } .-hiddenInputField, .c-footer:before, .c-loader { left: 0; position: absolute; } .c-product__decreaseQuantity.disabled svg path, .c-product__decreaseQuantity:disabled svg path, [data-page="cart"] .cart__decreaseItemQuantity.disabled svg path, [data-page="cart"] .cart__decreaseItemQuantity:disabled svg path { stroke: silver; } .c-product .c-product__weightOption[data-cart-item="25"] .c-product__increaseQuantity svg path, .c-product .c-product__weightOption[data-cart-item="25"] .c-product__increaseQuantity.disabled svg path, .c-product__decreaseQuantity.disabled svg path, .c-product__decreaseQuantity:disabled svg path, .c-product__increaseQuantity.disabled svg path, .c-product__increaseQuantity:disabled svg path, [data-page="cart"] .cart__decreaseItemQuantity:disabled svg path, [data-page="cart"] .cart__deleteItemQuanity:disabled svg path, [data-page="cart"] .cart__increaseItemQuantity.disabled svg path, [data-page="cart"] .cart__increaseItemQuantity:disabled svg path { fill: silver; } [data-page="cart"] .deliveryAddress__inputWrapper.hasValue .deliveryAddress__countryCode, [data-page="cart"] .deliveryAddress__radio[type="radio"] + .deliveryAddress__radioLabel, [data-page="deliveryAddress"] .deliveryAddress__inputWrapper.hasValue .deliveryAddress__countryCode, img[data-src].hasLoaded { opacity: 1; } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { border: 0; font-size: 100%; font: inherit; margin: 0; padding: 0; vertical-align: baseline; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } button { appearance: none; -webkit-appearance: none; background: 0 0; color: inherit; cursor: pointer; font: inherit; outline: inherit; } .c-websiteMenu__legalLinks a, a { color: currentColor; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } body, html { font-smooth: always; text-rendering: optimizeLegibility; -webkit-text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-synthesis: none; overscroll-behavior: none; width: 100%; } * { border-radius: 0; box-sizing: border-box; margin: 0; touch-action: manipulation; } :focus { border: none; } a, a:active, a:focus, a:hover, a:visited { text-decoration: none; } input { -webkit-appearance: none; appearance: none; background-color: transparent; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } img { object-fit: cover; object-position: center; } .disable-pointer-events, .disable-pointer-events *, .hideSwiggyBand .c-swiggyBand { pointer-events: none !important; } @media (min-width: 1024px) { .isBelow1024 { display: none !important; } } @media (max-width: 1023px) { .isAbove1023 { display: none !important; } } .c-orange { color: #ed4600; } .c-pink { color: #e88697; } .c-brownLight, [data-page="home"] .c-brownLight { color: #cf9976; } .c-white, [data-page="home"] .c-white, [data-page="product"] .c-white { color: #fff; } :root { --headerHeight: 104px; --viewportWidth: 100vw; --viewportHeight: 100vh; --viewportSidePadding: 20px; --fixedElementTop: 0px; --fixedElementBottom: 0px; --fixedElementLeft: 0px; } .-hiddenInputField { height: 0; opacity: 0; top: 0; visibility: hidden; width: 0; } .hideScrollbars { -ms-overflow-style: none; } .hideScrollbars::-webkit-scrollbar { display: none; } @font-face { font-display: block; font-family: RYAz9W9V6S; font-style: normal; font-weight: 400; src: url(../assets/common/fonts/RYAz9W9V6S.ttf) format("truetype"); } @font-face { font-display: block; font-family: PbvVovzetH; font-style: normal; font-weight: 400; src: url(../assets/common/fonts/PbvVovzetH.ttf) format("truetype"); } body, button, html, input, textarea { font-family: Inter, sans-serif; } .animDuration100 { animation-duration: 0.1s; } .animDuration200 { animation-duration: 0.2s; } .animDuration300 { animation-duration: 0.3s; } .animDuration400 { animation-duration: 0.4s; } .animDuration500 { animation-duration: 0.5s; } .animDuration600 { animation-duration: 0.6s; } .animDuration700 { animation-duration: 0.7s; } .animDuration800 { animation-duration: 0.8s; } .animDuration900 { animation-duration: 0.9s; } .animDuration1000 { animation-duration: 1s; } .transitionDelay80 { transition-delay: 80ms; } .transitionDelay160 { transition-delay: 0.16s; } .transitionDelay240 { transition-delay: 0.24s; } .transitionDelay320 { transition-delay: 0.32s; } .transitionDelay400 { transition-delay: 0.4s; } .transitionDelay480 { transition-delay: 0.48s; } .transitionDelay560 { transition-delay: 0.56s; } .transitionDelay640 { transition-delay: 0.64s; } .transitionDelay720 { transition-delay: 0.72s; } .transitionDelay800 { transition-delay: 0.8s; } .anim-delay80 { animation-delay: 80ms; } .anim-delay160 { animation-delay: 0.16s; } .anim-delay240 { animation-delay: 0.24s; } .anim-delay320 { animation-delay: 0.32s; } .anim-delay400 { animation-delay: 0.4s; } .anim-delay480 { animation-delay: 0.48s; } .anim-delay560 { animation-delay: 0.56s; } .anim-delay640 { animation-delay: 0.64s; } .anim-delay720 { animation-delay: 0.72s; } .anim-delay800 { animation-delay: 0.8s; } .anim-delay880 { animation-delay: 0.88s; } .anim-delay960 { animation-delay: 0.96s; } .anim-delay1040 { animation-delay: 1.04s; } .anim-delay1120 { animation-delay: 1.12s; } .anim-delay1200 { animation-delay: 1.2s; } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } img[data-src] { opacity: 0; transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1); } .c-loader { align-items: center; animation-duration: 0.2s; animation-fill-mode: forwards; animation-name: fadeIn; animation-timing-function: ease; background-color: #ed4600; border-radius: 4px; display: none; height: 100%; justify-content: center; top: 0; width: 100%; } .c-loader__dot { animation: 1.3s cubic-bezier(0.39, 0.575, 0.565, 1) infinite dot; background-color: #fff; border-radius: 50%; display: inline-block; height: 5px; margin: 6px; width: 5px; } .c-loader__dot:nth-of-type(2) { animation-delay: 0.2s; } .c-loader__dot:nth-of-type(3) { animation-delay: 0.4s; } @keyframes dot { 0%, to { transform: scale(1); } 50% { transform: scale(2); } } html.hasCartItems .c-footer { padding-bottom: 193px; } .c-footer { align-items: center; background-color: #96694c; display: flex; flex-direction: column; margin-left: calc(0px - var(--viewportSidePadding)); padding: 48px 20px 133px; position: relative; width: var(--viewportWidth); } .c-footer:before { background-image: url(../assets/common/vectors/footer/bg.svg?id=1122); background-position: top; background-repeat: no-repeat; background-size: 100% 309px; bottom: 0; content: ""; height: 309px; pointer-events: none; width: 100%; } .c-footer__logo, .c-websiteMenu__logo, [data-page="cart"] .deliveryAddress__img, [data-page="deliveryAddress"] .deliveryAddress__img { display: block; margin: 0 auto; } .c-footer__logo + .c-footer__sectionTitle { margin-top: 20px; } .c-footer__getDirectionsBtn { align-items: center; color: #ffcd00; display: flex; gap: 4px; justify-content: center; } .c-footer__sectionTitle { color: #ffcd00; font-family: PbvVovzetH; font-size: 16px; line-height: 22px; text-align: center; } .c-footer__sectionTitle + .c-footer__sectionLink { margin-top: 4px; } .c-footer__sectionLink { color: #fae8db; font-family: RYAz9W9V6S; font-size: 20px; line-height: 27px; text-align: center; } .c-footer__sectionLink + .c-footer__sectionTitle { margin-top: 24px; } .c-footer__sectionLink.-address + .-address { margin-top: 16px; } .c-footer__legalLinks { color: #fff; display: flex; font-family: PbvVovzetH; font-size: 14px; justify-content: space-between; line-height: 19px; text-align: center; width: 100%; z-index: 10; padding-bottom: 25px; } .c-footer__copyright { color: #fff; font-family: PbvVovzetH; font-size: 14px; line-height: 19px; margin-top: 16px; text-align: center; width: 100%; } .c-footer__legalLinks .c-footer__legalLink { min-width: 96px; } .c-footer__payment { display: grid; gap: 10px; grid-template-columns: repeat(6, 1fr); padding: 40px 0; width: 100%; z-index: 1; } .c-footer__payment img { aspect-ratio: 2/1; display: block; width: 100%; } .c-btn { align-items: center; background-color: #ed4600; border-radius: 4px; color: #fff; display: flex; font-family: RYAz9W9V6S; font-size: 18px; height: 48px; justify-content: center; line-height: 24px; padding: 0 17px; width: 100%; } .c-btn:active, .c-product .-prodModal .-doneCta:hover { background-color: #d33302; } @keyframes animateHeaderCurveIn { 0% { transform: translateY(-100%); } to { transform: translateZ(0); } } @keyframes animateHeaderCurveOut { 0% { transform: translateZ(0); } to { transform: translateY(-100%); } } @keyframes animateHeaderIn { 0% { opacity: 0; transform: translateY(-40px); } to { opacity: 1; transform: translateZ(0); } } .c-header__middle { animation-delay: 0.1s; } .c-header__rhs { animation-delay: 0.2s; text-align: right; } .c-header__bgCurve, [data-page="home"] .c-header__bgCurve { transform: translateZ(0); transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1); } .c-header { align-items: center; display: flex; height: 74px; left: var(--fixedElementLeft); overflow: hidden; padding: 16px var(--viewportSidePadding) 16px; position: fixed; top: var(--fixedElementTop); width: var(--viewportWidth); z-index: 51; } .c-header__bgCurve { height: 104px; left: 0; position: absolute; top: 0; width: var(--viewportWidth); z-index: -1; } .c-header__lhs, .c-header__middle, .c-header__rhs { animation-duration: 1s; animation-fill-mode: backwards; animation-name: animateHeaderIn; animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); flex: 1; } .c-header__logo { display: block; height: 42px; margin: 0 auto; object-fit: contain; width: 160px; } .c-header.-transparent .c-header__logo.-white, .c-header__logo.-color { display: block; } .c-header.-transparent .c-header__logo.-color, .c-header__logo.-white, .c-productMenu:not(.show), .c-websiteMenu:not(.show), html:not(.hasCartItems) .c-header__numCartItems { display: none; } .c-header__menuButton, .c-header__menuIcon { height: 30px; width: 30px; } .c-header.-transparent .c-header__bgCurve { transform: translateY(-100%); } .c-header.-transparent .c-header__menuIcon path { fill: #fff; } .c-header.-transparent .c-header__cartIcon path { stroke: #fff; } .c-header.-transparent .c-header__numCartItems { border-color: #fff; color: #fff; } .c-header__cart { display: inline-flex; padding: 10px; position: relative; } .c-header__numCartItems { align-items: center; background-color: #ed4600; border-radius: 50%; bottom: 8px; color: #fff; display: flex; font-size: 12px; font-weight: 700; height: 20px; justify-content: center; line-height: 1; position: absolute; right: 0; text-align: center; top: 2px; width: 20px; } @keyframes animateBottomBarIn { 0% { transform: translateY(80px); } to { transform: translateZ(0); } } .c-bottomBar .c-orderSummaryBar, .c-bottomBar .c-productMenuBtn, .c-bottomBar__inner:before { animation-duration: 1s; animation-fill-mode: backwards; animation-name: animateBottomBarIn; animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } html.hasCartItems:not(.hideBottomBar) .c-bottomBar__inner { transform: translateZ(0); } html.-prodModalbackdrop [data-page="home"] .c-header__bgCurve, html.hasCartItems [data-page="cart"] .c-bottomBar__inner { transform: translateZ(0) !important; } .c-bottomBar__inner, html.-prodModalbackdrop.hasCartItems .c-bottomBar__inner { transform: translateY(var(--bottomNavHeight)); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .c-bottomBar { bottom: var(--fixedElementBottom); left: var(--fixedElementLeft); overflow: hidden; pointer-events: none; position: fixed; width: var(--viewportWidth); z-index: 50; } .c-bottomBar__inner { transform: translateY(106px); align-items: center; display: flex; flex-direction: column; gap: 20px; height: 100%; position: relative; } .c-bottomBar__innerTop { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; } .c-whatsappBtn { left: 20px; pointer-events: auto; position: absolute; top: 50px; } .c-whatsappBtn:before { border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); content: ""; left: calc(50% - 22px); position: absolute; top: calc(50% - 23px); height: 43px; width: 43px; } .c-whatsappBtn img { display: block; width: 50px; height: 50px; position: relative; } @keyframes animateProductMenu { 0% { opacity: 0; } to { opacity: 1; } } .c-productMenu { animation-duration: 0.4s; animation-fill-mode: backwards; animation-name: animateWebsiteMenu; animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } @keyframes animateProductMenuBtn { 0% { transform: rotate(45deg); } to { transform: rotate(0); } } .c-productMenuBtn { height: 96px; pointer-events: auto; position: relative; top: 10px; width: 96px; } .c-productMenuBtn__cookieFrame { animation-duration: 1s; animation-fill-mode: backwards; animation-name: animateProductMenuBtn; animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); display: block; height: 96px; left: 0; position: absolute; top: 0; width: 96px; } .c-productMenu, .c-websiteMenu { top: var(--fixedElementTop); z-index: 53; height: var(--viewportHeight); } .c-productMenu { background: rgba(0, 0, 0, 0.32); left: var(--fixedElementLeft); position: fixed; width: var(--viewportWidth); } .c-productMenu__inner { background: #fff; border-radius: 4px; bottom: 28px; box-shadow: 0 0 44px rgba(0, 0, 0, 0.12); left: 20px; padding: 22px 20px; position: absolute; right: 20px; } .c-productMenu__product { align-items: center; color: #96694c; display: flex; font-family: RYAz9W9V6S; font-size: 24px; justify-content: space-between; line-height: 29px; text-align: right; width: 100%; } .c-productMenu__product + .c-productMenu__product { margin-top: 8px; } @keyframes animateWebsiteMenu { 0% { opacity: 0; } to { opacity: 1; } } .c-websiteMenu { animation-duration: 0.4s; animation-fill-mode: backwards; animation-name: animateWebsiteMenu; animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); background: rgba(0, 0, 0, 0.32); left: var(--fixedElementLeft); overflow: hidden; position: fixed; width: var(--viewportWidth); } .c-websiteMenu__inner { -ms-overflow-style: none; background-color: #fff; display: flex; flex-direction: column; height: 100%; overflow: auto; padding: 20px 0; position: relative; scrollbar-width: none; width: calc(var(--viewportWidth) * 0.8889); } .c-websiteMenu__inner::-webkit-scrollbar { display: none; } .c-websiteMenu__closeBtn { left: calc(var(--fixedElementLeft) + 20px); position: fixed; top: calc(var(--fixedElementTop) + 25px); } .c-orderSummaryBar.cart__proceedToPayBtn .c-orderSummaryBar__lhs > :nth-child(2), .c-swiggyBand { position: relative; } .c-websiteMenu__logo + .c-websiteMenu__sectionTitle { margin-top: 50px; } .c-websiteMenu__sectionTitle { color: #ed4600; font-family: PbvVovzetH; font-size: 20px; line-height: 27px; text-align: center; } .c-websiteMenu__sectionTitle + .c-websiteMenu__sectionLink { margin-top: 4px; } .c-websiteMenu__sectionLink { color: #96694c; display: block; font-family: RYAz9W9V6S; font-size: 34px; line-height: 46px; text-align: center; width: 100%; } .c-websiteMenu__sectionLink + .c-websiteMenu__sectionTitle { margin-top: 36px; } .c-websiteMenu__sectionLink.-whatsapp { align-items: center; display: flex; gap: 8px; justify-content: center; } .c-websiteMenu__legalLinks { align-items: flex-end; color: #cf9976; display: flex; flex: 1; font-family: PbvVovzetH; font-size: 12px; justify-content: space-between; line-height: 16px; padding: 120px 35px 0; text-align: center; } .c-orderSummaryBar__lhs, .c-orderSummaryBar__top { line-height: 12px; color: #96694c; display: flex; font-size: 10px; font-weight: 600; } .c-orderSummaryBar { background-color: #fae8db; pointer-events: auto; width: 100%; } .c-orderSummaryBar__wrapper { align-items: center; display: flex; height: 60px; justify-content: space-between; padding: 0 20px; width: 100%; } .c-orderSummaryBar__top { background-color: #fae8db; padding: 12px 20px; position: relative; text-align: left; justify-content: space-between; align-items: center; } .c-orderSummaryBar__top:after { background-color: #f3cfb2; bottom: 0; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 100%; } .c-orderSummaryBar__lhs { flex-direction: column; gap: 2px; } .c-orderSummaryBar__itemCount span, .c-orderSummaryBar__plusTaxes { color: #96694c; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; } .c-orderSummaryBar.cart__proceedToPayBtn .c-orderSummaryBar__lhs > :nth-child(2):after { background-color: #96694c; bottom: -1px; content: ""; height: 1px; left: 0; position: absolute; width: 100%; } .c-orderSummaryBar__totalPrice { color: #ed4600; font-family: RYAz9W9V6S; font-size: 20px; font-weight: 700; line-height: 24px; } .c-orderSummaryBar__btn { align-items: center; display: flex; flex-shrink: 0; gap: 6px; height: 48px; justify-content: center; padding: 9px 17px; width: 160px; } .c-product:not([data-bestseller]) .c-product__tag.-bestseller, .notificationClosed .c-swiggyBand { display: none; } .c-swiggyBand { display: flex; flex-direction: column; justify-content: center; overflow: hidden; width: var(--viewportWidth); z-index: 52; } .c-swiggyBand__curve { height: 75px; left: -5px; object-fit: cover; object-position: bottom; position: absolute; top: 0; width: calc(100% + 10px); } .c-swiggyBand__heading { font-size: 15px; } .c-swiggyBand__heading, .c-swiggyBand__subheading { color: #96694c; font-family: RYAz9W9V6S; line-height: normal; position: relative; text-align: center; } .c-swiggyBand__subheading { font-size: 11px; } .c-swiggyBand__closeBtn { padding: 22px 20px; position: absolute; right: 0; top: 0; } .c-product { --btnHeight: 48px; display: flex; flex-direction: column; min-height: 294px; padding-bottom: 5px; position: relative; width: calc(50% - 10px); } .c-product__imgSlider { height: calc(var(--viewportWidth) * 0.4167); position: relative; width: 100%; } .c-product__imgs { display: flex; height: 100%; overflow: hidden; position: relative; width: 100%; } .c-product__imgWrapper { background: #fef7f1; border-radius: 4px; flex-basis: 100%; flex-shrink: 0; height: 100%; position: relative; } .c-product__tag.-foodType { display: inline-block; position: absolute; right: 10px; top: 10px; } .c-product__tag.-foodType img { height: 16px; width: 16px; } .c-product__imgSliderDots { bottom: 12px; display: flex; gap: 4px; justify-content: center; left: 0; position: absolute; width: 100%; } .c-product__imgSliderDot { border: 1px solid #cf9976; border-radius: 50%; height: 6px; width: 6px; } .c-product__imgSliderDot.isFilled { background: #cf9976; } .c-product__img { height: 100%; left: 0; object-fit: cover; object-position: center; padding: 26px 13px 0; position: absolute; top: 0; width: 100%; } .c-product__tags { align-items: center; display: flex; gap: 8px; margin-top: 8px; } .c-product:not([data-nonveg]) .c-product__tag.-foodType path, [data-page="cart"] .cart__item:not([data-nonveg]) .cart__itemName path { fill: #5fbe32; } .c-product:not([data-nonveg]) .c-product__tag.-foodType rect, [data-page="cart"] .cart__item:not([data-nonveg]) .cart__itemName rect { stroke: #5fbe32; } .c-product__tag.-bestseller { align-items: center; color: #ff2727; display: flex; font-size: 10px; font-weight: 600; gap: 3px; line-height: normal; overflow: hidden; position: relative; } .c-product__tag.-bestseller:after, .c-product__tag.-bestseller:before { animation-duration: 2s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: animateBestseller; animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); background-color: hsla(0, 0%, 100%, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; transform: translateX(0) rotate(-29deg); width: 5px; } .c-product__tag.-bestseller:after { left: 8px; width: 3px; } @keyframes animateBestseller { 0% { transform: translateX(-20px) rotate(-29deg); } to { transform: translateX(90px) rotate(-29deg); } } .c-product__expiry { left: 20px; position: absolute; top: 20px; } .c-product__namePriceWrapper { align-items: flex-start; display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; margin-top: 10px; min-height: 67px; touch-action: none; } .c-product__name { line-height: 18px; } .c-product__name, .c-product__price { color: #96694c; font-family: RYAz9W9V6S; font-size: 20px; } .c-product__price { line-height: normal; } .c-product__desc { color: #cf9976; font-size: 16px; line-height: 19px; margin-top: 8px; max-width: 244px; touch-action: none; } .c-product__weightOptions { display: flex; gap: 12px; margin-top: 16px; position: relative; } .c-product__weightOption { cursor: default; padding-bottom: calc(var(--btnHeight) + 24px); } .c-product__weightOptionImg { border: 1px solid #f3cfb2; border-radius: 40px; height: 71px; width: 71px; } .c-product__weightOptionLabel { color: #96694c; font-size: 14px; line-height: 17px; margin-top: 8px; text-align: center; } .c-product__weightOption[data-no-stock], .state, [disabled] { pointer-events: none; } .c-product__weightOptionOutOfStock { color: #ff2727; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; margin-top: 4px; } .c-product__weightOptionInput { height: 0; left: 0; opacity: 0; position: absolute; top: 0; visibility: hidden; width: 0; } .c-product .-prodModal .show, .c-product__listWrap, .c-product__weightOptionInput:checked ~ .c-product__btnGroup, [data-page="about"] .c-header.-transparent .c-header__logo.-color, [data-page="cart"] .c-header.-transparent .c-header__logo.-color, [data-page="cart"] .cart .show, [data-page="error404"] .c-header.-transparent .c-header__logo.-color, [data-page="home"] .c-header.-transparent .c-header__logo.-white, [data-page="legal"] .c-header.-transparent .c-header__logo.-color, [data-page="orderConfirmation"] .c-header.-transparent .c-header__logo.-color, [data-page="privacy"] .c-header.-transparent .c-header__logo.-color, [data-page="terms"] .c-header.-transparent .c-header__logo.-color, html.-prodModalbackdrop [data-page="home"] .c-header.-transparent .c-header__logo.-color { display: block; } .c-product .-prodModal .hide, .c-product .c-product__countCta, .c-product .c-product__weightOption:not([data-cart-item="25"]) .c-product__maxError, .c-product__addToCartSingle .isAddedToCart .c-product__singleAdd, .c-product__weightOption:not(.isAddedToCart) .c-product__selectQuantity { display: none; } .c-product__weightOptionInput:checked ~ .c-product__weightOptionImg { background-color: #ffcd00; border-color: #ffcd00; } @media (hover: hover) { [onclick], a:hover, button:hover { cursor: pointer; } .c-btn:hover { background-color: #d33302; } .c-product__weightOptionInput:hover ~ .c-product__weightOptionImg { background-color: #ffcd00; border-color: #ffcd00; } } .c-product__btnGroup { bottom: 0; display: none; height: var(--btnHeight); left: 0; position: absolute; width: calc(var(--viewportWidth) - var(--viewportSidePadding) * 2); } .c-product__maxError { color: #ff2727; font-size: 14px; left: 0; line-height: 17px; max-width: 270px; padding-top: 20px; position: absolute; top: 38px; width: 100%; } .c-product .c-product__weightOption[data-cart-item="25"] .c-product__increaseQuantity, .c-product .c-product__weightOption[data-cart-item="25"] .c-product__increaseQuantity.disabled, .c-product__decreaseQuantity.disabled, .c-product__decreaseQuantity:disabled, .c-product__increaseQuantity:disabled, [data-page="cart"] .cart__decreaseItemQuantity:disabled, [data-page="cart"] .cart__deleteItemQuanity:disabled { pointer-events: none; user-select: none; } .c-product .-prodModal .c-product__weightOption, .c-product__addToCartGroup, .l-page, .pos-r, [data-page="product"] .banner__inner { position: relative; } .c-product__addToCart, .c-product__selectQuantity { height: 48px; left: 0; position: absolute; top: 0; width: 100%; } .c-product__selectQuantity { align-items: center; background: #fff; border-radius: 4px; display: flex; justify-content: space-between; overflow: hidden; } .c-product__decreaseQuantity, .c-product__increaseQuantity { align-items: center; display: flex; height: 100%; justify-content: center; width: 58px; } .c-product__decreaseQuantity.disabled, .c-product__increaseQuantity.disabled, [data-page="cart"] .cart .c-product .c-product__weightOption[data-cart-item="25"] .c-product__increaseQuantity, [data-page="cart"] .cart__decreaseItemQuantity.disabled { opacity: 0.4; pointer-events: none; user-select: none; } .c-product__weightQuantityInput { color: #ed4600; font-family: RYAz9W9V6S; font-size: 18px; height: 32px; line-height: 24px; text-align: center; width: 28px; } .c-product__prdLabel { align-items: center; border: 1px solid #cf9976; border-radius: 16px; color: #96694c; display: flex; font-size: 12px; font-weight: 500; height: 31px; justify-content: center; left: 12px; line-height: 15px; padding: 0 12px; position: absolute; top: 12px; z-index: 1; } .c-product__wrap { align-items: stretch; display: flex; flex-wrap: wrap; gap: 32px 20px; margin-top: 33px; } .c-product__priceWrap { align-items: center; align-self: stretch; display: flex; gap: 4px; } .c-product__onwardTags { color: #96694c; font-size: 14px; font-weight: 400; line-height: normal; } .c-product__addToCart-showModal { align-items: center; align-self: stretch; background: #fff; border: 1px solid #ed4600; border-radius: 4px; color: #ed4600; display: flex; flex-direction: column; font-family: RYAz9W9V6S; font-size: 18px; gap: 10px; height: 48px; justify-content: center; padding: 8px 24px; position: relative; text-align: center; } .c-product__addToCart-showModal:hover { background: #fff; border-color: #d33302; color: #d33302; } .c-product__weightOptions-count { bottom: -20px; color: #96694c; font-family: Inter, sans-serif; font-size: 12px; font-weight: 500; line-height: normal; padding: 0 6px; pointer-events: none; position: absolute; text-align: center; width: 100%; } .c-product__addToCartSingle .c-product__selectQuantity { border: 1px solid #ed4600; border-radius: 4px; position: relative; } .c-product__addToCartSingle .c-product__weightQuantityInput { border: none; } .c-product__countCta { border: 1px solid #ed4600; border-radius: 4px; cursor: pointer; position: relative; } .c-product__countCta .c-product__weightQuantityInput { border: none; cursor: pointer; } .c-product .-prodModal { align-items: flex-start; background: #fff; border-radius: 12px 12px 0 0; bottom: -100%; display: flex; flex-direction: column; gap: 0; left: var(--fixedElementLeft); padding: 16px 20px 0; position: fixed; transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); width: var(--viewportWidth); z-index: 55; } .c-product .-prodModal .cart__maxError, .c-product .-prodModal .cart__maxError2 { bottom: 0; color: #ff2727; font-size: 14px; left: 0; line-height: normal; max-width: 290px; padding-top: 12px; position: relative; width: 100%; } .c-product .-prodModal.-productModalshow { bottom: var(--fixedElementBottom); } .c-product .-prodModal .prodModal-close { height: 44px; left: 50%; position: absolute; top: -60px; transform: translateX(-50%); width: 44px; } .c-product .-prodModal .c-product__weightOptions-title { color: #96694c; font-family: RYAz9W9V6S; font-size: 20px; line-height: normal; margin-bottom: 16px; text-align: left; } .c-product .-prodModal .c-product__weightOptionWrap { align-items: center; display: flex; justify-content: space-between; width: 100%; } .c-product .-prodModal .c-product__weightOptionContent { align-items: center; display: flex; gap: 8px; } .c-product .-prodModal .c-product__btnGroup { display: inline-block; height: auto; position: static; width: auto; } .c-product .-prodModal .c-product__weightOption { cursor: default; display: flex; flex-direction: column; padding-bottom: 0; width: 100%; } .c-product .-prodModal .c-product__weightOption.isAddedToCart .c-product__addToCart, .modalhasCartItems .c-product__addToCart-showModal, [data-page="home"] .banner:not(.-style1) .banner__option.-style1, [data-page="home"] .banner:not(.-style2) .banner__option.-style2, [data-page="home"] .c-header.-transparent .c-header__logo.-color, html.-prodModalbackdrop [data-page="home"] .c-header.-transparent .c-header__logo.-white { display: none; } .c-product .-prodModal .c-product__weightOption.isAddedToCart .c-product__selectQuantity { display: flex; overflow: unset; } .c-product .-prodModal .c-product__weightOptions-list { display: block; margin-bottom: 22px; width: 100%; } .c-product .-prodModal .c-product__weightOptions-list label:not(:last-child) { border-bottom: 1px solid #fae8db; margin-bottom: 16px; padding-bottom: 16px; } .c-product .-prodModal .-doneCta { background-color: #ed4600; } .c-product .-prodModal .c-product__decreaseQuantity { border-radius: 4px 0 0 4px; } .c-product .-prodModal .c-product__increaseQuantity { border-radius: 0 4px 4px 0; } .c-product .-prodModal .c-product__weightQuantityInput { color: #ed4600; font-family: RYAz9W9V6S; font-size: 18px; font-weight: 700; line-height: normal; max-height: 36px; text-align: center; width: 28px; } .c-product .-prodModal .c-product__addToCart { display: flex; flex-shrink: 0; gap: 10px; justify-content: center; padding: 4px 17px; } .c-product .-prodModal .c-product__addToCart, .c-product .-prodModal .c-product__selectQuantity { align-items: center; background: #fff; border: 1px solid #ed4600; border-radius: 4px; color: #ed4600; font-family: RYAz9W9V6S; font-size: 18px; height: 36px; line-height: normal; position: relative; width: 100px; } .c-product .-prodModal .c-product__selectQuantity { display: none; justify-content: space-between; min-height: 36px; } .c-product .-prodModal .c-product__weightOptionContentWrap { align-items: flex-start; display: flex; flex-direction: column; } .c-product .-prodModal .c-product__weightOptionImg { background: hsla(25, 76%, 92%, 0.4); border: none; border-radius: 4px; height: 60px; width: 60px; } .c-product .-prodModal .c-product__weightOptionPrice { color: #96694c; font-family: RYAz9W9V6S; font-size: 16px; line-height: normal; } .c-product .-prodModal .c-product__weightOptionLabel { line-height: normal; margin-top: 2px; } html.-prodModalbackdrop, html.-prodModalbackdrop body { overflow: hidden; } html.-prodModalbackdrop [data-page="home"] .c-header.-transparent .c-header__menuIcon path { fill: #ed4600; } html.-prodModalbackdrop [data-page="home"] .c-header.-transparent .c-header__cartIcon path { stroke: #ed4600; } @media only screen and (max-width: 767px) { .c-product .-prodModal { padding-bottom: 10px; } html.-prodModalbackdrop .c-header { position: fixed; } } html.-prodModalbackdrop .l-main, html.-prodModalbackdrop .l-page { overflow: hidden !important; } html.-prodModalbackdrop [data-page]:after { background: #888; bottom: var(--fixedElementBottom); content: ""; height: var(--viewportHeight); left: var(--fixedElementLeft); mix-blend-mode: multiply; opacity: 0.7; overflow: hidden; position: fixed; width: var(--viewportWidth); z-index: 54; } .modalhasCartItems .c-product__countCta, [data-page="cart"] .deliveryAddress__form.showLoader .c-loader, [data-page="cart"] .selectedAddress__submitBtn.showLoader .c-loader { display: flex; } .modalhasCartItems .c-product__weightOptions-count, [data-page="legal"] .legal__bullet .fw-semibold, [data-page="legal"] .legal__nestedBullet .fw-semibold, [data-page="legal"] .legal__sectionParagraph .fw-semibold, [data-page="legal"] .legal__subSectionParagraph .fw-semibold, [data-page="legal"] .legal__subSubSectionParagraph .fw-semibold, [data-page="privacy"] .legal__bullet .fw-semibold, [data-page="privacy"] .legal__nestedBullet .fw-semibold, [data-page="privacy"] .legal__sectionParagraph .fw-semibold, [data-page="privacy"] .legal__subSectionParagraph .fw-semibold, [data-page="privacy"] .legal__subSubSectionParagraph .fw-semibold { font-weight: 600; } .d-none, [data-page="about"] .c-header.-transparent .c-header__logo.-white, [data-page="cart"] .c-header.-transparent .c-header__logo.-white, [data-page="error404"] .c-header.-transparent .c-header__logo.-white, [data-page="legal"] .c-header.-transparent .c-header__logo.-white, [data-page="orderConfirmation"] .c-header.-transparent .c-header__logo.-white, [data-page="privacy"] .c-header.-transparent .c-header__logo.-white, [data-page="product"] .c-header .c-header__logo.-white, [data-page="terms"] .c-header.-transparent .c-header__logo.-white { display: none !important; } @media screen and (min-width: 768px) { :root { --viewportWidth: 360px !important; --viewportHeight: calc(100vh - 40px) !important; --fixedElementTop: 20px; --fixedElementBottom: 20px; --fixedElementLeft: calc(50vw - 180px); } .l-page { -ms-overflow-style: none; height: calc(var(--viewportHeight)); margin: 20px auto 0; overflow-y: auto; scrollbar-width: none; width: var(--viewportWidth); } .l-page::-webkit-scrollbar { display: none; } } .l-main { padding-left: var(--viewportSidePadding); padding-right: var(--viewportSidePadding); } html.isFixed { overflow: hidden; position: fixed; } .isHidden { animation-name: none; display: none; transition: none; } .-lineThrough { text-decoration: line-through; } .cur-p { cursor: pointer; } .flex-1, [data-page="cart"] .cart__itemDetails, [data-page="orderConfirmation"] .orderConfirmation .orderDetails__itemDetails, [data-page="orderDetails"] .orderDetails__itemDetails { flex: 1; } .tt-none { text-transform: none; } .cursor-text { cursor: text; } [disabled] { user-select: none; } .state { align-items: center; border-radius: 103px; cursor: none; display: flex; flex-direction: row; gap: 12px; left: 20px; padding: 12px 16px; position: absolute; top: 40px; width: calc(100% - 40px); z-index: 999; } .state__icon { height: 20px; width: 20px; } .state__text { color: #fff; font-family: RYAz9W9V6S; font-size: 16px; } .state[data-status=""] { display: none; opacity: 0; visibility: none; } .state[data-status="success"] { background-color: #65ca61; } [data-page="home"] .banner { margin-left: calc(0px - var(--viewportSidePadding)); margin-top: -80px; overflow: hidden; position: relative; width: var(--viewportWidth); } [data-page="home"] .banner__bgCurve, [data-page="product"] .banner__bgCurve { height: 360px; left: 0; position: absolute; top: 0; width: var(--viewportWidth); z-index: -1; } [data-page="home"] .banner__inner { margin-left: auto; margin-right: auto; max-width: 360px; position: relative; } [data-page="home"] .banner__option { min-height: 360px; padding: 115px 0 0; } [data-page="home"] .banner__option.-style1 .banner__img { height: 78px; left: 12%; top: 34%; width: 98px; } [data-page="home"] .banner__option.-style1 .banner__text.-line1, [data-page="home"] .banner__option.-style2 .banner__text.-line1 { left: 0; text-align: center; top: 10px; } [data-page="home"] .banner__option.-style1 .banner__text.-line2 { left: 42.5%; top: -4px; } [data-page="home"] .banner__option.-style1 .banner__text.-line3 { left: 37%; top: -16px; } [data-page="home"] .banner__option.-style2 .banner__img { height: auto; left: 51%; top: 26%; width: 144px; } [data-page="home"] .banner__option.-style2 .banner__text.-line2 { left: 18%; top: -4px; } [data-page="home"] .banner__option.-style2 .banner__text.-line3 { left: 14%; top: -16px; } [data-page="home"] .banner__img, [data-page="product"] .banner__img { position: absolute; } [data-page="home"] .banner__text, [data-page="product"] .banner__text { color: #fff; font-family: RYAz9W9V6S; font-size: 48px; line-height: 65px; position: relative; } [data-page="home"] .products:not(.isExpanded) + .products, [data-page="product"] .products:not(.isExpanded) + .products { margin-top: 10px; position: relative; } [data-page="home"] .products:not(.isExpanded) + .products:before, [data-page="product"] .products:not(.isExpanded) + .products:before { background: hsla(25, 76%, 92%, 0.3); content: ""; height: 10px; left: calc(0px - var(--viewportSidePadding)); position: absolute; top: -10px; width: var(--viewportWidth); } [data-page="home"] .products:not(.isExpanded) .products__accordionArrow { transform: rotate(180deg); } [data-page="about"] .c-header.-transparent .c-header__bgCurve.bar, [data-page="about"] .c-header:not(.-transparent) .c-header__bgCurve.sticky, [data-page="cart"] .c-header.-transparent .c-header__bgCurve.bar, [data-page="cart"] .c-header:not(.-transparent) .c-header__bgCurve.sticky, [data-page="error404"] .c-header.-transparent .c-header__bgCurve.bar, [data-page="error404"] .c-header:not(.-transparent) .c-header__bgCurve.sticky, [data-page="home"] .c-header.-transparent .c-header__bgCurve, [data-page="legal"] .c-header.-transparent .c-header__bgCurve.bar, [data-page="legal"] .c-header:not(.-transparent) .c-header__bgCurve.sticky, [data-page="orderConfirmation"] .c-header.-transparent .c-header__bgCurve.bar, [data-page="orderConfirmation"] .c-header:not(.-transparent) .c-header__bgCurve.sticky, [data-page="privacy"] .c-header.-transparent .c-header__bgCurve.bar, [data-page="privacy"] .c-header:not(.-transparent) .c-header__bgCurve.sticky, [data-page="terms"] .c-header.-transparent .c-header__bgCurve.bar, [data-page="terms"] .c-header:not(.-transparent) .c-header__bgCurve.sticky { transform: translateY(-100%); } [data-page="home"] .products__accordionBtn { display: block; padding: 20px 0; width: 100%; } [data-page="home"] .products__accordionContent, [data-page="product"] .products__accordionContent { max-height: 0; overflow: hidden; transition: max-height 0.6s cubic-bezier(0.39, 0.575, 0.565, 1); } [data-page="home"] .products__accordionContent:after { content: ""; display: block; padding-bottom: 50px; } [data-page="home"] .products__heading { align-items: center; color: #96694c; display: flex; font-family: RYAz9W9V6S; font-size: 36px; justify-content: space-between; line-height: 49px; } [data-page="home"] .products__subheading, [data-page="product"] .products__subheading { font-family: PbvVovzetH; font-size: 24px; line-height: 33px; } [data-page="cart"] .deliveryAddress__form, [data-page="home"] .products__subheading + .c-product, [data-page="product"] .c-product__tags, [data-page="product"] .products__subheading + .c-product { margin-top: 20px; } [data-page="home"] .products__ruskImg, [data-page="product"] .products__ruskImg { bottom: -3px; position: relative; } [data-page="home"] .products__biscuitsImg, [data-page="product"] .products__biscuitsImg { bottom: -5px; left: -5px; position: relative; } [data-page="home"] .products__taxprice, [data-page="product"] .products__taxprice { color: #96694c; font-family: Inter, sans-serif; font-size: 14px; font-weight: 500; line-height: 17px; margin: 10px 0 40px; text-align: left; } [data-page="home"] .discover, [data-page="product"] .discover { background: hsla(25, 76%, 92%, 0.3); margin-left: calc(0px - var(--viewportSidePadding)); padding: 40px var(--viewportSidePadding) 50px; width: var(--viewportWidth); } [data-page="home"] .discover__img, [data-page="product"] .discover__img { height: calc(var(--viewportWidth) * 108 / 100); width: 100%; } [data-page="about"] .aboutbanner__heading, [data-page="home"] .discover__heading, [data-page="product"] .discover__heading { color: #ed4600; font-family: RYAz9W9V6S; font-size: 24px; line-height: 33px; text-align: center; } [data-page="home"] .discover__subheading, [data-page="product"] .discover__subheading { color: #96694c; font-family: PbvVovzetH; font-size: 16px; line-height: 22px; margin-top: 8px; text-align: center; } [data-page="home"] .discover__btn { background: #ed4600; margin: 16px auto 0; width: 142px; } [data-page="home"] .discover__btn:hover { background-color: #d33302; } [data-page="about"] .aboutsticker, [data-page="home"] .sticker, [data-page="product"] .sticker { background: hsla(25, 76%, 92%, 0.3); height: 320px; margin-left: calc(0px - var(--viewportSidePadding)); overflow: hidden; padding-top: 60px; position: relative; width: var(--viewportWidth); } [data-page="about"] .aboutsticker .sticker__bgCurve, [data-page="home"] .sticker .sticker__bgCurve, [data-page="product"] .sticker .sticker__bgCurve { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } [data-page="about"] .aboutsticker .sticker__img, [data-page="home"] .sticker .sticker__img, [data-page="product"] .sticker .sticker__img { display: block; margin: 0 auto; position: relative; } [data-page="home"] .c-header { align-items: center; display: flex; height: 74px; left: var(--fixedElementLeft); overflow: hidden; padding: 16px var(--viewportSidePadding) 16px; position: sticky; top: -1px !important; width: var(--viewportWidth); z-index: 51; } [data-page="home"] .c-header__bgCurve { height: 104px; left: 0; position: absolute; top: 0; width: var(--viewportWidth); z-index: -1; } [data-page="home"] .c-header.-transparent .c-header__menuIcon path { fill: #fff; } [data-page="home"] .c-header.-transparent .c-header__cartIcon path { stroke: #fff; } [data-page="home"] .c-header.-transparent .c-header__numCartItems { border-color: #fff; color: #fff; } [data-page="home"] .c-product:not(.--hasOptions) .c-product__weightOptionOutOfStock, [data-page="product"] .c-product__wrap { margin-top: 0; } [data-page="home"] .c-product:not(.--hasOptions) .cart__maxError2 { color: #ff2727; font-size: 14px; left: 0; line-height: normal; max-width: 290px; padding-top: 8px; width: 100%; } [data-page="cart"] .cart .cart__item:not([data-cart-item="25"]) .cart__maxError, [data-page="cart"] .cart .hide, [data-page="cart"] .cart__item:last-child .cart__curvedLine, [data-page="cart"] .deliveryAddress.hide, [data-page="cart"] .deliveryAddress__form:not(.-hasSubmittedServiceablePincode) .deliveryAddress__inputWrapper.-pincodeInputWrapper ~ .deliveryAddress__inputWrapper, [data-page="cart"] .deliveryAddress__inputWrapper.hasError .deliveryAddress__pincodeArea, [data-page="cart"] .deliveryAddress__inputWrapper:not(.hasError) .deliveryAddress__inputError, [data-page="cart"] .deliveryAddress__otherFeild:not(.-other), [data-page="cart"] .deliveryAddress__radio[type="radio"], [data-page="cart"] .modal:not([data-popup="deleteAddress"]) .deleteAddress, [data-page="cart"] .modal:not([data-popup="deliveryAddress"]) .deliveryAddress, [data-page="cart"] .modal:not([data-popup="orderSummary"]) .orderSummary, [data-page="cart"] .modal:not([data-popup="selectedAddress"]) .selectedAddress, [data-page="cart"] .modal[data-popup=""] .modal__closeBtn, [data-page="home"] .c-product:not(.--hasOptions) .cart__maxError2.hide, html.-hasSubmittedDeliveryAddress .cart__addAddressBtn, html.hasCartItems .cart.isEmpty, html:not(.-hasSubmittedDeliveryAddress) .cart__proceedToPayBtn, html:not(.hasCartItems) .cart.isNotEmpty { display: none; } [data-page="home"] .c-product__tag.-bestseller { bottom: 8px; left: 8px; position: absolute; } .notificationClosed .c-swiggyBand + .l-page { padding-top: 0 !important; } .c-swiggyBand__curve { background: #fae8db; transform: translateY(0); } .c-swiggyBand { height: 66px !important; transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1) !important; } .c-swiggyBand + .l-page { transition: none !important; } .c-header__middle { animation-delay: unset !important; } [data-page="error404"], [data-page="orderConfirmation"] { padding-bottom: 113px; padding-top: var(--headerHeight); } [data-page="about"] .c-header .c-header__cartIcon path, [data-page="cart"] .c-header .c-header__cartIcon path, [data-page="error404"] .c-header .c-header__cartIcon path, [data-page="legal"] .c-header .c-header__cartIcon path, [data-page="orderConfirmation"] .c-header .c-header__cartIcon path, [data-page="privacy"] .c-header .c-header__cartIcon path, [data-page="product"] .c-header .c-header__cartIcon path, [data-page="terms"] .c-header .c-header__cartIcon path { stroke: #ed4600 !important; } [data-page="about"] .c-header .c-header__menuIcon path, [data-page="cart"] .c-header .c-header__menuIcon path, [data-page="error404"] .c-header .c-header__menuIcon path, [data-page="legal"] .c-header .c-header__menuIcon path, [data-page="orderConfirmation"] .c-header .c-header__menuIcon path, [data-page="privacy"] .c-header .c-header__menuIcon path, [data-page="product"] .c-header .c-header__menuIcon path, [data-page="terms"] .c-header .c-header__menuIcon path { fill: #ed4600 !important; } [data-page="error404"] .c-header.-transparent .c-header__bgCurve, [data-page="legal"] .c-header.-transparent .c-header__bgCurve, [data-page="orderConfirmation"] .c-header.-transparent .c-header__bgCurve, [data-page="privacy"] .c-header.-transparent .c-header__bgCurve { transform: none !important; } [data-page="orderConfirmation"].orderFailed { align-items: center; display: flex; justify-content: center; } [data-page="orderConfirmation"].orderFailed h1 { line-height: 32px; margin-top: 20px; text-align: center; } [data-page="legal"] .legal__sectionHeading + .legal__sectionParagraph, [data-page="legal"] .legal__subSection, [data-page="legal"] .legal__subSubSection, [data-page="orderConfirmation"].orderFailed h2, [data-page="privacy"] .legal__sectionHeading + .legal__sectionParagraph, [data-page="privacy"] .legal__subSection, [data-page="privacy"] .legal__subSubSection { margin-top: 12px; } [data-page="orderConfirmation"] .l-main { padding-top: 40px; } [data-page="error404"] .error404, [data-page="orderConfirmation"] .orderConfirmation { align-items: center; display: flex; flex-direction: column; } [data-page="orderConfirmation"] .orderConfirmation__heading, [data-page="orderDetails"] .banner__heading { color: #96694c; font-family: RYAz9W9V6S; font-size: 32px; line-height: 44px; margin-top: 12px; } [data-page="orderConfirmation"] .orderConfirmation__subheading, [data-page="orderDetails"] .banner__subheading { color: #cf9976; font-size: 20px; font-weight: 500; line-height: 24px; margin-top: 8px; text-align: center; } [data-page="orderConfirmation"] .orderConfirmation__subheadingDate { color: #96694c; font-weight: 600; } [data-page="orderConfirmation"] .orderConfirmation__subheadingDeliveryInfo { background: #fdf6f1; color: #96694c; font-size: 12px; font-weight: 400; line-height: 16px; margin-top: 12px; padding: 12px; text-align: center; width: 100%; } [data-page="orderConfirmation"] .orderConfirmation__orderDetailsBtn { align-items: center; display: flex; gap: 5px; justify-content: center; margin-top: 40px; } [data-page="orderConfirmation"] .orderConfirmation__orderDetailsBtnText { color: #ed4600; font-family: RYAz9W9V6S; font-size: 16px; line-height: 22px; } [data-page="orderConfirmation"] .orderConfirmation__orderDetailsBtnIcon { height: 6px; transition: 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); width: 10px; } [data-page="orderConfirmation"] .orderConfirmation__orderDetailsBtn.showOrderDetails .orderConfirmation__orderDetailsBtnIcon { transform: rotate(180deg); } [data-page="orderConfirmation"] .orderConfirmation__orderDetailsBtn.showOrderDetails ~ .billDetails, [data-page="orderConfirmation"] .orderConfirmation__orderDetailsBtn.showOrderDetails ~ .orderDetails, [data-page="product"] .c-header .c-header__logo.-color { display: block !important; } [data-page="orderConfirmation"] .orderConfirmation .billDetails { animation-duration: 0.3s; animation-fill-mode: backwards; animation-name: fadeIn; animation-timing-function: ease; display: none; margin-top: 40px; width: 100%; } [data-page="orderConfirmation"] .orderConfirmation .billDetails__heading { color: #cf9976; font-family: RYAz9W9V6S; font-size: 16px; line-height: 20px; margin-top: 0 !important; } [data-page="orderConfirmation"] .orderConfirmation .billDetails__info { display: grid; gap: 20px 12px; grid-template-columns: repeat(2, 1fr); padding-top: 20px; } [data-page="orderConfirmation"] .orderConfirmation .billDetails__info > div p:first-child { color: #cf9976; font-family: RYAz9W9V6S; font-size: 12px; line-height: 15px; padding-bottom: 4px; } [data-page="orderConfirmation"] .orderConfirmation .billDetails__info > div p:nth-child(2) { color: #96694c; font-family: RYAz9W9V6S; font-size: 16px; line-height: 20px; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails { animation-duration: 0.3s; animation-fill-mode: backwards; animation-name: fadeIn; animation-timing-function: ease; display: none; margin-top: 20px; width: 100%; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__heading { color: #96694c; font-family: RYAz9W9V6S; font-size: 20px; line-height: 24px; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__subHeading { color: #cf9976; font-family: RYAz9W9V6S; font-size: 16px; line-height: 20px; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__label { color: #cf9976; font-family: RYAz9W9V6S; font-size: 12px; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__content { height: 100%; max-height: fit-content; overflow: hidden; width: 100%; } [data-page="cart"] .orderSummary__accordionContent[aria-hidden="true"], [data-page="orderConfirmation"] .orderConfirmation .orderDetails__content[aria-hidden="true"] { max-height: 0; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__contentInner { border-top: 1px solid #fae8db; margin-top: 20px; padding-top: 20px; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__contentTop { align-items: center; display: flex; justify-content: space-between; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__contentTop button, [data-page="orderConfirmation"] .orderConfirmation .orderDetails__contentTop p { font-family: RYAz9W9V6S; font-size: 12px; text-transform: capitalize; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__contentTop p { color: #96694c; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__contentTop button { color: #ed4600; text-decoration: underline; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__contentProducts { border-bottom: 1px solid #fae8db; display: grid; gap: 16px; grid-template-columns: 1fr; padding-bottom: 20px; padding-top: 20px; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__contentProducts.-priceEstimate { gap: 8px; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__contentProducts.-total p { font-family: RYAz9W9V6S; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__contentProdut { align-items: start; display: flex; flex-direction: row; justify-content: space-between; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__contentProdutType { display: block; flex-shrink: 0; height: 9px; margin-top: 6.5px; object-fit: contain; width: 9px; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__contentProdutLhs { align-items: start; display: flex; flex-direction: row; gap: 8px; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__contentProdutLhs p { color: #96694c; font-family: RYAz9W9V6S; font-size: 16px; line-height: 22px; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__contentProdutLhs p span { color: #cf9976; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__contentProdutLhs p + p { color: #cf9976; font-family: RYAz9W9V6S; font-size: 12px; line-height: 15px; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__contentProdutPrice { color: #96694c; font-family: RYAz9W9V6S; font-size: 16px; text-align: right; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__item, [data-page="orderDetails"] .orderDetails__item { align-items: center; display: flex; gap: 14px; margin-top: 20px; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__itemImgWrapper, [data-page="orderDetails"] .orderDetails__itemImgWrapper { align-items: center; display: flex; width: 80px; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__itemImg, [data-page="orderDetails"] .orderDetails__itemImg { height: 80px; width: 80px; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__itemName { align-items: center; color: #96694c; display: flex; font-family: RYAz9W9V6S; font-size: 20px; gap: 6px; line-height: 24px; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__itemWeight, [data-page="orderDetails"] .orderDetails__itemWeight { color: #96694c; font-size: 16px; line-height: 19px; margin-top: 1px; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__itemPrice, [data-page="orderDetails"] .orderDetails__itemPrice { color: #ed4600; font-size: 16px; line-height: 19px; text-align: right; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__add { background: #fdf6f1; border: 1px solid #fdf6f1; border-radius: 4px; display: flex; flex-direction: column; gap: 12px; margin-top: 12px; padding: 16px; } [data-page="cart"] .deliveryAddress__countryCode + .deliveryAddress__input, [data-page="deliveryAddress"] .deliveryAddress__countryCode + .deliveryAddress__input { padding-left: 47px; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__add.active { border-color: #96694c; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__addInfo { display: flex; flex-direction: column; gap: 8px; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__add p { color: #96694c; font-size: 12px; font-weight: 400; line-height: 15px; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__addTop { align-items: center; display: flex; flex-direction: row; gap: 16px; justify-content: space-between; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__addTop h4 { color: #96694c; font-size: 14px; font-weight: 600; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__addTop p { align-items: center; background-color: #96694c; border-radius: 24px; color: #fff; display: flex; height: 21px; justify-content: center; padding: 0 8px; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__addBottom { display: flex; flex-direction: row; gap: 24px; } [data-page="orderConfirmation"] .orderConfirmation .orderDetails__addBottom button { color: #ed4600; font-size: 12px; font-weight: 600; text-decoration: underline; } [data-page="orderConfirmation"] .orderConfirmation__illustration { margin-top: 25px; } [data-page="orderConfirmation"] .orderConfirmation__returnToStoreBtn { bottom: calc(var(--fixedElementBottom)); left: calc(var(--fixedElementLeft)); margin-bottom: 20px; margin-left: 20px; margin-right: 20px; position: fixed; width: calc(var(--viewportWidth) - 40px); } [data-page="orderConfirmation"] .orderConfirmation__returnToStoreBtn:after { background-color: #fff; content: ""; height: 100%; left: -2%; position: absolute; top: 100%; width: 105%; } [data-page="orderDetails"] { padding-bottom: 113px; } [data-page="orderDetails"] .banner { align-items: center; display: flex; flex-direction: column; margin-left: calc(0px - var(--viewportSidePadding)); padding-bottom: 42px; padding-top: var(--headerHeight); position: relative; width: var(--viewportWidth); } [data-page="orderDetails"] .banner__bgCurve { height: 100%; left: 0; position: absolute; top: 0; width: var(--viewportWidth); z-index: -1; } [data-page="orderDetails"] .billDetails { margin-top: 30px; width: 100%; } [data-page="orderDetails"] .billDetails__heading, [data-page="orderDetails"] .orderDetails__heading { color: #96694c; font-size: 20px; font-weight: 500; line-height: 24px; } [data-page="orderDetails"] .billDetails > * { display: flex; margin-top: 20px; } [data-page="orderDetails"] .billDetails > * > * { width: 50%; } [data-page="orderDetails"] .billDetails > * > :first-child { color: #cf9976; font-size: 16px; line-height: 19px; padding-right: 20px; } [data-page="orderDetails"] .billDetails > * > :nth-child(2) { color: #96694c; font-size: 16px; line-height: 19px; } [data-page="orderDetails"] .orderDetails { margin-top: 40px; width: 100%; } [data-page="orderDetails"] .orderDetails__itemName { align-items: center; color: #96694c; display: flex; font-size: 20px; font-weight: 500; gap: 6px; line-height: 24px; } [data-page="orderDetails"] .illustration { display: block; margin: 30px auto 0; } [data-page="cart"] .cart.isEmpty .cart__returnToStoreBtn, [data-page="deliveryAddress"] .deliveryAddress__submitBtn, [data-page="orderDetails"] .returnToStoreBtn { bottom: calc(var(--fixedElementBottom) + 20px); left: calc(var(--fixedElementLeft) + 20px); position: fixed; width: calc(var(--viewportWidth) - 40px); } [data-page="about"] .c-header.-transparent .c-header__bgCurve, [data-page="cart"] .c-header.-transparent .c-header__bgCurve, [data-page="privacy"] .c-header.-transparent .c-header__bgCurve, [data-page="terms"] .c-header.-transparent .c-header__bgCurve { transform: none; } [data-page="cart"] .cart.isEmpty { align-items: center; display: flex; flex-direction: column; height: var(--viewportHeight); justify-content: center; } [data-page="cart"] .cart.isEmpty .cart__heading { color: #96694c; font-family: RYAz9W9V6S; font-size: 28px; line-height: 38px; margin-top: 40px; text-align: center; } [data-page="cart"] .cart.isEmpty .cart__subheading { color: #cf9976; font-family: RYAz9W9V6S; font-size: 28px; line-height: 38px; text-align: center; } [data-page="cart"] .cart.isNotEmpty { padding-bottom: 120px; padding-top: 102px; } [data-page="cart"] .cart.isNotEmpty .cart__heading { color: #96694c; font-family: RYAz9W9V6S; font-size: 24px; line-height: normal; } [data-page="cart"] .cart.isNotEmpty .cart__top { align-items: center; display: flex; flex-direction: row; gap: 10px; } [data-page="cart"] .cart.isNotEmpty .cart__subheading { color: #cf9976; font-size: 16px; font-weight: 500; line-height: normal; } [data-page="cart"] .cart__items { display: flex; flex-direction: column; gap: 32px; margin-top: 24px; } [data-page="cart"] .cart__item:not(:last-child) { border-bottom: 1px solid #fae8db; padding-bottom: 32px; } [data-page="cart"] .cart__itemInner { display: flex; gap: 14px; } [data-page="cart"] .cart__itemImgWrapper { align-items: center; background: hsla(25, 76%, 92%, 0.4); border-radius: 4px; display: flex; height: auto; width: 88px; } [data-page="cart"] .cart__itemImg { height: auto; width: 100%; } [data-page="cart"] .cart__itemName { align-items: center; color: #96694c; display: flex; font-family: RYAz9W9V6S; font-size: 20px; gap: 6px; line-height: 20px; } [data-page="cart"] .cart__itemWeight { color: #96694c; font-size: 14px; line-height: normal; margin-top: 4px; } [data-page="cart"] .cart__itemPrice { color: #96694c; font-family: RYAz9W9V6S; font-size: 20px; height: fit-content; line-height: 20px; text-align: right; } [data-page="cart"] .cart__selectItemQuantityWrapper { display: flex; gap: 16px; align-items: center; } [data-page="cart"] .cart__selectItemQuantity { align-items: center; background: #fff; border: 1px solid #ed4600; border-radius: 4px; color: #ed4600; display: flex; font-family: RecoletaSemiBold; font-size: 18px; height: 36px; justify-content: space-around; line-height: normal; margin-top: 14px; position: relative; width: 100px; } [data-page="cart"] .cart__itemQuantityInput { color: #ed4600; font-family: RYAz9W9V6S; font-size: 18px; line-height: normal; max-height: 36px; text-align: center; width: 28px; } [data-page="cart"] .cart__detailedBillLabel, [data-page="cart"] .cart__detailedBillValue { color: #cf9976; font-size: 16px; line-height: 22px; font-family: RYAz9W9V6S; } [data-page="cart"] .cart__decreaseItemQuantity, [data-page="cart"] .cart__increaseItemQuantity { align-items: center; display: flex; height: 100%; justify-content: center; position: relative; width: 58px; } [data-page="cart"] .cart__increaseItemQuantity.disabled { border-left: 0; pointer-events: none; user-select: none; } [data-page="cart"] .cart__deleteItemQuanity { margin-top: 14px; } [data-page="cart"] .cart__curvedLine, [data-page="cart"] .cart__sectionSeperator { height: 10px; margin-top: 24px; width: 100%; } [data-page="cart"] .cart__detailedBill { display: flex; gap: 45px; justify-content: end; margin-top: 88px; } [data-page="cart"] .cart__detailedBillLabel + .cart__detailedBillLabel, [data-page="cart"] .cart__detailedBillValue + .cart__detailedBillValue, [data-page="legal"] .legal__bullet + .legal__bullet, [data-page="legal"] .legal__bullet + .legal__nestedBullet, [data-page="legal"] .legal__bullets, [data-page="legal"] .legal__nestedBullet + .legal__bullet, [data-page="legal"] .legal__nestedBullet + .legal__nestedBullet, [data-page="legal"] .legal__subSectionHeading + .legal__subSectionParagraph, [data-page="legal"] .legal__subSubSectionHeading + .legal__subSubSectionParagraph, [data-page="privacy"] .legal__bullet + .legal__bullet, [data-page="privacy"] .legal__bullet + .legal__nestedBullet, [data-page="privacy"] .legal__bullets, [data-page="privacy"] .legal__nestedBullet + .legal__bullet, [data-page="privacy"] .legal__nestedBullet + .legal__nestedBullet, [data-page="privacy"] .legal__subSectionHeading + .legal__subSectionParagraph, [data-page="privacy"] .legal__subSubSectionHeading + .legal__subSubSectionParagraph { margin-top: 4px; } [data-page="cart"] .cart__detailedBillLabel + .cart__detailedBillLabel.-total { margin-top: 21px; } [data-page="cart"] .cart__detailedBillLabel.-total { color: #96694c; font-family: RYAz9W9V6S; } [data-page="cart"] .cart__detailedBillValue { text-align: right; } [data-page="cart"] .cart__detailedBillValue + .cart__detailedBillValue.-total, [data-page="legal"] .legal__heading + .legal__section, [data-page="legal"] .legal__sectionHeading + .legal__bullets, [data-page="privacy"] .legal__heading + .legal__section, [data-page="privacy"] .legal__sectionHeading + .legal__bullets { margin-top: 16px; } [data-page="cart"] .cart__detailedBillValue.-total { color: #ed4600; font-family: RYAz9W9V6S; font-size: 20px; line-height: 27px; } [data-page="cart"] .cart__addAddressBtn, [data-page="cart"] .deliveryAddress__submitBtn, [data-page="cart"] .orderSummary__submitBtn, [data-page="cart"] .selectedAddress__submitBtn { bottom: calc(var(--fixedElementBottom) + 10px); left: calc(var(--fixedElementLeft) + 20px); position: fixed; width: calc(var(--viewportWidth) - 40px); } [data-page="cart"] .cart__proceedToPayBtn { bottom: calc(var(--fixedElementBottom)); left: calc(var(--fixedElementLeft)); position: fixed; width: calc(var(--viewportWidth)); } [data-page="cart"] .cart__maxError, [data-page="cart"] .cart__maxError2 { color: #ff2727; font-size: 14px; line-height: 17px; max-width: 270px; padding-top: 20px; width: 100%; } html.-no-address .cart.isNotEmpty { padding-bottom: 120px; } [data-page="cart"] .deliveryAddress__inner { padding-bottom: 88px; } [data-page="cart"] .deliveryAddress__heading { color: #96694c; font-family: RYAz9W9V6S; font-size: 24px; line-height: 33px; margin-top: 14px; width: 100%; } [data-page="cart"] .deliveryAddress__form .deliveryAddress__submitBtn:disabled { background: silver; } [data-page="cart"] .deliveryAddress__form.-hasSubmittedServiceablePincode .deliveryAddress__submitBtn:before, [data-page="cart"] .deliveryAddress__form:not(.-hasSubmittedServiceablePincode) .deliveryAddress__submitBtn:before { content: "Save and Continue"; } [data-page="cart"] .deliveryAddress__form.-hasSubmittedServiceablePincode[data-action="edit"] .deliveryAddress__submitBtn:before { content: "Update Address"; } [data-page="cart"] .deliveryAddress__form.-hasSubmittedServiceablePincode .deliveryAddress__submitBtn:disabled { background-color: silver; } [data-page="cart"] .deliveryAddress__form.-hasSubmittedServiceablePincode .deliveryAddress__inputWrapper.-pincodeInputWrapper:after { background-image: url(../assets/common/vectors/delivery-address/tick-circle.svg); background-position: 50%; background-repeat: no-repeat; background-size: contain; content: ""; height: 24px; position: absolute; right: 13px; top: 36px; width: 24px; } [data-page="cart"] .deliveryAddress__fields, [data-page="cart"] .selectedAddress__fields { display: flex; flex-flow: row wrap; gap: 20px; } [data-page="cart"] .deliveryAddress__pincodeArea { color: #96694c; font-size: 14px; line-height: 16px; padding-top: 8px; } [data-page="cart"] .deliveryAddress__inputWrapper, [data-page="deliveryAddress"] .deliveryAddress__inputWrapper { flex-shrink: 0; position: relative; width: 100%; } [data-page="cart"] .deliveryAddress__inputWrapper .label, [data-page="cart"] .deliveryAddress__inputWrapper label { color: #96694c; display: inline-block; font-size: 16px; font-weight: 500; opacity: 0.8; padding-bottom: 8px; } [data-page="cart"] .deliveryAddress__inputWrapper.-halfWidth, [data-page="deliveryAddress"] .deliveryAddress__inputWrapper.-halfWidth { width: calc(50% - 6px); } [data-page="cart"] .deliveryAddress__inputWrapper.hasError .deliveryAddress__input { border-color: #ff2727; } [data-page="cart"] .deliveryAddress__radioWrapper { display: flex; flex-wrap: wrap; gap: 8px; } [data-page="cart"] .deliveryAddress__radioWrapper label { background: #fff; border: 1px solid #f3cfb2; border-radius: 45px; color: #96694c; cursor: pointer; display: inline-block; font-size: 16px; padding: 8px 16px; } [data-page="cart"] .deliveryAddress__radioWrapper + .deliveryAddress__otherFeild { padding-top: 20px; } [data-page="cart"] .deliveryAddress__radio[type="radio"]:disabled + label { cursor: none; opacity: 0.6; pointer-events: none; } [data-page="cart"] .deliveryAddress__radio[type="radio"] + label:hover, [data-page="cart"] .deliveryAddress__radio[type="radio"]:checked + label { background-color: #96694c; border-color: #96694c; color: #fff; } [data-page="cart"] .deliveryAddress__countryCode { align-items: center; color: #96694c; display: flex; font-size: 16px; height: 48px; left: 0; line-height: 1; opacity: 0.7; padding-left: 12px; padding-right: 10px; position: absolute; top: 24px; } [data-page="cart"] .deliveryAddress__input { border: 1px solid #f3cfb2; border-radius: 2px; color: #96694c; font-size: 16px; height: 48px; line-height: 1; padding: 0 12px; width: 100%; } [data-page="cart"] .deliveryAddress__input::placeholder { color: #96694c; opacity: 0.7; } [data-page="cart"] .deliveryAddress__inputError { color: #ff2727; display: flex; font-size: 14px; gap: 5px; line-height: 16px; padding-top: 12px; } [data-page="cart"] .deliveryAddress__inputError svg { flex-shrink: 0; } [data-page="cart"] .deliveryAddress__locationPicker { display: none; height: 24px; position: absolute; right: 13px; top: 36px; width: 24px; z-index: 99; } [data-page="cart"] .selectedAddress__inner { padding-bottom: 48px; } [data-page="cart"] .selectedAddress__heading { color: #96694c; display: flex; font-family: RYAz9W9V6S; font-size: 24px; justify-content: space-between; line-height: normal; width: 100%; } [data-page="cart"] .selectedAddress__headingCloseBtn { cursor: pointer; } [data-page="cart"] .selectedAddress__addList { display: flex; flex-direction: column; gap: 10px; padding-top: 20px; } [data-page="cart"] .selectedAddress__newAddressCta { align-items: center; display: flex; flex-direction: row; justify-content: center; margin: 0 auto 10px; padding-bottom: 16px; padding-top: 16px; } [data-page="cart"] .selectedAddress__newAddressCtaIcon { height: 8px; width: 8px; } [data-page="cart"] .selectedAddress__newAddressCtaText { color: #ed4600; font-size: 12px; font-weight: 600; text-decoration-line: underline; } [data-page="cart"] .selectedAddress__add { background: #fdf6f1; border: 1px solid #fdf6f1; border-radius: 4px; cursor: pointer; display: flex; flex-direction: column; gap: 12px; padding: 16px; } [data-page="cart"] .selectedAddress__add.active { border-color: #96694c; } [data-page="cart"] .selectedAddress__addInfo { display: flex; flex-direction: column; gap: 8px; } [data-page="cart"] .selectedAddress__add p { color: #96694c; font-size: 12px; font-weight: 400; line-height: 15px; } [data-page="cart"] .selectedAddress__addTop { align-items: center; display: flex; flex-direction: row; gap: 16px; justify-content: space-between; } [data-page="cart"] .selectedAddress__addTop h4 { color: #96694c; font-size: 14px; font-weight: 600; } [data-page="cart"] .selectedAddress__addTop p { align-items: center; background-color: #96694c; border-radius: 24px; color: #fff; display: flex; height: 21px; justify-content: center; padding: 0 8px; } [data-page="cart"] .selectedAddress__addBottom { display: flex; flex-direction: row; gap: 24px; } [data-page="cart"] .selectedAddress__addBottom button { color: #ed4600; font-size: 12px; font-weight: 600; text-decoration: underline; } [data-page="cart"] .deleteAddress__heading { color: #96694c; display: flex; font-family: RYAz9W9V6S; font-size: 24px; justify-content: space-between; line-height: 33px; margin-top: 14px; width: 100%; } [data-page="cart"] .deleteAddress__headingCloseBtn { cursor: pointer; } [data-page="cart"] .deleteAddress__para { color: #96694c; font-size: 16px; line-height: 20px; padding-bottom: 26px; padding-top: 8px; } [data-page="cart"] .deleteAddress__buttonGroup { align-items: center; display: flex; flex-direction: row; gap: 20px; } [data-page="cart"] .deleteAddress__canelBtn { background: #fff; color: #ed4600; } [data-page="cart"] .orderSummary__inner { padding-bottom: 68px; } [data-page="cart"] .orderSummary__accordions { display: grid; gap: 20px; grid-template-columns: 1fr; } [data-page="cart"] .orderSummary__accordionButton { align-items: center; display: flex; flex-direction: row; gap: 20px; justify-content: space-between; width: 100%; } [data-page="cart"] .orderSummary__accordionButtonText { color: #cf9976; font-size: 16px; font-weight: 500; } [data-page="cart"] .orderSummary__accordionButtonIcon { height: 30px; transition: 0.3s ease-in-out; width: 30px; } [data-page="cart"] .orderSummary__accordionButton:not(.opened) .orderSummary__accordionButtonIcon, [data-page="product"] .products:not(.isExpanded) .products__accordionArrow { transform: rotate(180deg); } [data-page="cart"] .orderSummary__accordionContent { height: 100%; max-height: fit-content; overflow: hidden; } [data-page="cart"] .orderSummary__accordionContentInner { padding-top: 24px; } [data-page="cart"] .orderSummary__accordionContentTop { align-items: center; display: flex; justify-content: space-between; } [data-page="cart"] .orderSummary__accordionContentTop button, [data-page="cart"] .orderSummary__accordionContentTop p { text-transform: capitalize; } [data-page="cart"] .orderSummary__accordionContentTop p { color: #96694c; font-size: 14px; font-weight: 500; line-height: normal; opacity: 0.8; } [data-page="cart"] .orderSummary__accordionContentTop button { color: #ed4600; font-size: 14px; font-weight: 600; line-height: normal; padding: 7px; text-decoration: underline; } [data-page="cart"] .orderSummary__accordionContentProducts { border-bottom: 1px solid #fae8db; display: grid; gap: 16px; grid-template-columns: 1fr; padding-bottom: 20px; padding-top: 20px; } [data-page="cart"] .orderSummary__accordionContentProducts.-priceEstimate { gap: 8px; } [data-page="cart"] .orderSummary__accordionContentProducts.-total p { font-family: RYAz9W9V6S; } [data-page="cart"] .orderSummary__accordionContentPrice, [data-page="cart"] .orderSummary__accordionContentProdut { align-items: start; display: flex; flex-direction: row; justify-content: space-between; } [data-page="cart"] .orderSummary__accordionContentProdutType { display: block; flex-shrink: 0; height: 9px; margin-top: 6.5px; object-fit: contain; width: 9px; } [data-page="cart"] .orderSummary__accordionContentProdutLhs { align-items: start; display: flex; flex-direction: row; gap: 8px; } [data-page="cart"] .orderSummary__accordionContentProdutLhs p { color: #96694c; font-family: PbvVovzetH; font-size: 16px; line-height: 22px; } [data-page="cart"] .orderSummary__accordionContentProdutLhs p span, [data-page="product"] .c-brownLight { color: #cf9976; } [data-page="cart"] .orderSummary__accordionContentProdutLhs p + p { color: #cf9976; font-size: 12px; font-weight: 500; line-height: 15px; } [data-page="cart"] .orderSummary__accordionContentProdutPrice { color: #96694c; font-family: PbvVovzetH; font-size: 16px; text-align: right; } [data-page="cart"] .orderSummary__accordionContentPrice p { color: #96694c; font-family: RYAz9W9V6S; font-size: 16px; line-height: 22px; } [data-page="cart"] .orderSummary__note { color: #96694c; font-size: 12px; font-weight: 400; line-height: 130%; padding-bottom: 20px; padding-top: 20px; } [data-page="cart"] .orderSummary__deliveryAddress { padding-top: 10px; } [data-page="cart"] .orderSummary__deliveryAddress .selectedAddress__add.active { border-color: #fdf6f1; } [data-page="cart"] .orderSummary__expect { border-bottom: 1px solid #fae8db; display: grid; gap: 8px; grid-template-columns: 1fr; padding-bottom: 24px; padding-top: 20px; } [data-page="cart"] .orderSummary__expectDate { color: #96694c; font-family: RYAz9W9V6S; font-size: 16px; } [data-page="cart"] .orderSummary__expectDateLabel { color: #96694c; font-size: 12px; font-weight: 500; } [data-page="cart"] .orderSummary .orderSummary__accordionContentPrice.-maxWeight p { color: #96694c; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: 130%; max-width: 300px; } [data-page="cart"] .orderSummary__payment { display: grid; gap: 10px; grid-template-columns: repeat(6, 1fr); padding: 0 0 8px; width: 100%; z-index: 1; } [data-page="cart"] .orderSummary__payment img { aspect-ratio: 2/1; display: block; width: 100%; } [data-page="cart"] .modal { align-items: end; bottom: var(--fixedElementBottom); display: flex; height: calc(var(--viewportHeight)); left: var(--fixedElementLeft); position: fixed; width: var(--viewportWidth); z-index: 99; } [data-page="cart"] .modal[data-popup=""] { display: none; opacity: 0; pointer-events: none; visibility: hidden; } [data-page="cart"] .modal__container { height: 100%; left: 0; position: relative; right: 0; width: 100%; } [data-page="cart"] .modal__container:before { background: #000; bottom: 0; content: ""; display: block; display: flex; height: 100%; left: 0; opacity: 0.4; position: absolute; right: 0; top: 0; width: 100%; } [data-page="cart"] .modal__body { border-top-left-radius: 12px; border-top-right-radius: 12px; height: fit-content; max-height: calc(100dvh - 140px); overflow-y: auto; padding: 20px 20px 10px; } @media only screen and (max-width: 786px) { [data-page="cart"] .modal { height: 100vh; } [data-page="cart"] .modal__body { max-height: calc(100dvh - 100px); } } [data-page="cart"] .modal__body::-webkit-scrollbar { width: 5px; } [data-page="cart"] .modal__body::-webkit-scrollbar-thumb { background: #e6e8eb; border-radius: 20px; } [data-page="cart"] .modal__body::-webkit-scrollbar-track { background: #fff; } [data-page="cart"] .modal__wrapper { background-color: #fff; border-top-left-radius: 12px; border-top-right-radius: 12px; bottom: 0; left: 0; position: absolute; width: 100%; z-index: 2; } [data-page="cart"] .modal__stickyButton { background: #fff; bottom: var(--fixedElementBottom); box-shadow: 1px -12px 8px -10px rgba(0, 0, 0, 0.07); height: 68px; left: var(--fixedElementLeft); position: fixed; width: var(--viewportWidth); } [data-page="cart"] .modal__closeBtn { align-items: center; background: #f1f1f1; border-radius: 50%; bottom: auto !important; cursor: pointer; display: flex; height: 44px; justify-content: center; position: absolute; right: 50%; top: -60px; transform: translateX(50%); width: 44px; } [data-page="cart"] .cart__itemImgWrapper { align-self: flex-start; position: relative; } [data-page="cart"] .cart__itemTag { height: 12px; position: absolute; right: 6px; top: 6px; width: 12px; } input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover { -webkit-box-shadow: inset 0 0 0 30px #fff !important; } input:-webkit-autofill { -webkit-text-fill-color: #96694c !important; } [data-page="deliveryAddress"] .deliveryAddress__inner { padding-bottom: 88px; padding-top: 121px; } [data-page="deliveryAddress"] .deliveryAddress__heading { color: #96694c; font-family: RYAz9W9V6S; font-size: 24px; line-height: 33px; margin-top: 14px; text-align: center; width: 100%; } [data-page="deliveryAddress"] .deliveryAddress__form { margin-top: 10px; } [data-page="deliveryAddress"] .deliveryAddress__form.showLoader .c-loader { display: flex; } [data-page="deliveryAddress"] .deliveryAddress__form:not(.-hasSubmittedServiceablePincode) .deliveryAddress__inputWrapper.-pincodeInputWrapper ~ .deliveryAddress__inputWrapper, [data-page="deliveryAddress"] .deliveryAddress__inputWrapper:not(.hasError) .deliveryAddress__inputError, [data-page="product"] .banner:not(.-style1) .banner__option.-style1, [data-page="product"] .banner:not(.-style2) .banner__option.-style2 { display: none; } [data-page="deliveryAddress"] .deliveryAddress__form:not(.-hasSubmittedServiceablePincode) .deliveryAddress__submitBtn:before { content: "Check Pincode"; } [data-page="deliveryAddress"] .deliveryAddress__form.-hasSubmittedServiceablePincode .deliveryAddress__submitBtn:before { content: "Save and Continue"; } [data-page="deliveryAddress"] .deliveryAddress__form.-hasSubmittedServiceablePincode .deliveryAddress__inputWrapper.-pincodeInputWrapper:after { background-image: url(../assets/common/vectors/delivery-address/tick-circle.svg); background-position: 50%; background-repeat: no-repeat; background-size: contain; content: ""; height: 24px; position: absolute; right: 13px; top: calc(50% - 12px); width: 24px; } [data-page="deliveryAddress"] .deliveryAddress__fields { display: flex; flex-flow: row wrap; gap: 12px; } [data-page="deliveryAddress"] .deliveryAddress__countryCode { align-items: center; color: #96694c; display: flex; font-size: 16px; height: 48px; left: 0; line-height: 1; opacity: 0.7; padding-left: 12px; padding-right: 10px; position: absolute; top: 0; } [data-page="deliveryAddress"] .deliveryAddress__input { border: 1px solid #f3cfb2; border-radius: 2px; color: #96694c; font-size: 16px; height: 48px; line-height: 1; padding: 0 12px; width: 100%; } [data-page="deliveryAddress"] .deliveryAddress__input::placeholder { color: #96694c; opacity: 0.7; } [data-page="deliveryAddress"] .deliveryAddress__inputError { color: #ff7373; display: flex; font-size: 14px; gap: 5px; line-height: 16px; padding-top: 12px; } [data-page="deliveryAddress"] .deliveryAddress__inputError svg { flex-shrink: 0; } [data-page="legal"] .legal, [data-page="privacy"] .legal { padding-bottom: 40px; padding-top: 128px; } [data-page="legal"] .legal__heading, [data-page="privacy"] .legal__heading { color: #96694c; font-family: RYAz9W9V6S; font-size: 24px; line-height: 33px; } [data-page="legal"] .legal__section, [data-page="privacy"] .legal__section { margin-top: 28px; } [data-page="legal"] .legal__sectionHeading, [data-page="privacy"] .legal__sectionHeading { color: #96694c; font-size: 16px; font-weight: 700; line-height: 19px; } [data-page="legal"] .legal__subSectionHeading, [data-page="privacy"] .legal__subSectionHeading { color: #96694c; font-size: 14px; font-weight: 600; line-height: 17px; } [data-page="legal"] .legal__subSubSectionHeading, [data-page="privacy"] .legal__subSubSectionHeading { color: #cf9976; font-size: 14px; font-weight: 600; line-height: 17px; } [data-page="legal"] .legal__bullet, [data-page="legal"] .legal__nestedBullet, [data-page="legal"] .legal__sectionParagraph, [data-page="legal"] .legal__subSectionParagraph, [data-page="legal"] .legal__subSubSectionParagraph, [data-page="privacy"] .legal__bullet, [data-page="privacy"] .legal__nestedBullet, [data-page="privacy"] .legal__sectionParagraph, [data-page="privacy"] .legal__subSectionParagraph, [data-page="privacy"] .legal__subSubSectionParagraph { color: #cf9976; font-size: 14px; line-height: 17px; } [data-page="legal"] .legal__bullet, [data-page="legal"] .legal__nestedBullet, [data-page="privacy"] .legal__bullet, [data-page="privacy"] .legal__nestedBullet { display: flex; gap: 8px; } [data-page="legal"] .legal__bulletIndex, [data-page="legal"] .legal__nestedBulletIndex, [data-page="privacy"] .legal__bulletIndex, [data-page="privacy"] .legal__nestedBulletIndex { flex-shrink: 0; width: 16px; } [data-page="legal"] .legal__bullet.-dot .legal__bulletIndex, [data-page="legal"] .legal__bullet.-dot .legal__nestedBulletIndex, [data-page="legal"] .legal__nestedBullet.-dot .legal__bulletIndex, [data-page="legal"] .legal__nestedBullet.-dot .legal__nestedBulletIndex, [data-page="privacy"] .legal__bullet.-dot .legal__bulletIndex, [data-page="privacy"] .legal__bullet.-dot .legal__nestedBulletIndex, [data-page="privacy"] .legal__nestedBullet.-dot .legal__bulletIndex, [data-page="privacy"] .legal__nestedBullet.-dot .legal__nestedBulletIndex { height: 16px; position: relative; } [data-page="legal"] .legal__bullet.-dot .legal__bulletIndex:before, [data-page="legal"] .legal__bullet.-dot .legal__nestedBulletIndex:before, [data-page="legal"] .legal__nestedBullet.-dot .legal__bulletIndex:before, [data-page="legal"] .legal__nestedBullet.-dot .legal__nestedBulletIndex:before, [data-page="privacy"] .legal__bullet.-dot .legal__bulletIndex:before, [data-page="privacy"] .legal__bullet.-dot .legal__nestedBulletIndex:before, [data-page="privacy"] .legal__nestedBullet.-dot .legal__bulletIndex:before, [data-page="privacy"] .legal__nestedBullet.-dot .legal__nestedBulletIndex:before { background-color: #cf9976; border-radius: 50%; bottom: 5px; content: ""; height: 5px; position: absolute; right: 3px; width: 5px; } [data-page="legal"] .legal__nestedBullet, [data-page="privacy"] .legal__nestedBullet { padding-left: 24px; } [data-page="legal"] .legal a, [data-page="privacy"] .legal a { text-decoration: underline; } [data-page="about"] .aboutbanner { background: hsla(25, 76%, 92%, 0.3); margin-left: calc(0px - var(--viewportSidePadding)); padding: 120px 30px 10px; width: var(--viewportWidth); } [data-page="about"] .aboutbanner__img { height: calc(var(--viewportWidth) * 87 / 100); width: 100%; } [data-page="about"] .about, [data-page="product"] .banner { margin-left: calc(0px - var(--viewportSidePadding)); width: var(--viewportWidth); } [data-page="about"] .about { background: hsla(25, 76%, 92%, 0.3); padding: 10px 30px 48px; } [data-page="about"] .about__text { color: #96694c; font-family: PbvVovzetH; font-size: 16px; line-height: 22px; margin-top: 8px; } [data-page="product"] { padding-top: 74px; } [data-page="product"] .banner { overflow: hidden; position: relative; } [data-page="product"] .banner__option { min-height: 360px; padding: 124px 0 0; } [data-page="product"] .banner__option.-style1 .banner__img { left: 43px; top: 58px; } [data-page="product"] .banner__option.-style1 .banner__text.-line1 { left: 52px; } [data-page="product"] .banner__option.-style1 .banner__text.-line2 { left: 153px; top: -14px; } [data-page="product"] .banner__option.-style1 .banner__text.-line3 { left: 134px; top: -25px; } [data-page="product"] .banner__option.-style2 .banner__img { height: auto; left: 182px; top: 42px; width: 144px; } [data-page="product"] .banner__option.-style2 .banner__text.-line1 { left: 35px; } [data-page="product"] .banner__option.-style2 .banner__text.-line2 { left: 66px; top: -14px; } [data-page="product"] .banner__option.-style2 .banner__text.-line3 { left: 48px; top: -25px; } [data-page="product"] .products__accordionContent:after { content: ""; display: block; } [data-page="product"] .products__heading { align-items: center; display: flex; justify-content: space-between; line-height: 49px; } [data-page="product"] .discover__btn { background: #96694c; margin: 16px auto 0; width: 142px; } [data-page="product"] .c-product__tag.-foodType { display: inline-block; position: absolute; right: 20px; top: 20px; } [data-page="product"] .c-product__tag.-foodType img { height: 21px; width: 21px; } [data-page="product"] .c-product__tag.-bestseller { color: #ff2727; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; } [data-page="product"] .c-header .c-header__bgCurve { transform: translateY(0) !important; } [data-page="product"] .c-product { margin-top: 0; width: 100%; } [data-page="product"] .c-product__imgSlider { height: calc(var(--viewportWidth) * 0.956); margin-left: calc(0px - var(--viewportSidePadding)); overflow: hidden; position: relative; width: var(--viewportWidth); } [data-page="product"] .c-product__name { font-size: 24px; line-height: normal; } [data-page="product"] .c-product__description { color: #cf9976; font-family: Inter; font-size: 16px; font-weight: 400; line-height: normal; max-width: 300px; } [data-page="product"] .c-product .-prodModal { bottom: auto; left: auto; padding: 0; position: relative; width: 100%; z-index: 5; } [data-page="product"] .c-product__weightOptions-list { margin-bottom: 28px !important; } [data-page="product"] .c-product__namePriceWrapper { gap: 0; margin-bottom: 0; min-height: unset; } [data-page="product"] .c-product__weightOptions { margin-top: 24px; } [data-page="product"] .c-header { padding: 16px 20px; } [data-page="product"] .products__accordionContent:after { padding-bottom: 40px; } [data-page="product"] .peopleBought__title, [data-page="product"] .products .products__info-num, [data-page="product"] .products__heading { color: #96694c; font-family: RYAz9W9V6S; font-size: 20px; line-height: normal; } [data-page="product"] .products__headingWrap { align-items: center; display: flex; } [data-page="product"] .products__headingTag { color: #96694c; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; margin-left: 2px; } [data-page="product"] .peopleBought__content-price span, [data-page="product"] .products__fssaiCode { font-size: 12px; font-weight: 400; line-height: normal; color: #96694c; } [data-page="product"] .products__infoListItem { align-items: center; border-bottom: 1px solid #f3cfb2; display: flex; gap: 16px; margin-bottom: 10px; padding-bottom: 10px; } [data-page="product"] .products__infoListItem:first-child { border-top: 1px solid #f3cfb2; padding-top: 10px; } [data-page="product"] .products__accordionBtn { display: block; padding: 12px 0; width: 100%; } [data-page="product"] .products .products__info-heading { color: #cf9976; font-size: 14px; font-weight: 400; line-height: normal; } [data-page="product"] .products .products__info-lhs, [data-page="product"] .products .products__info-rhs { align-items: flex-start; display: flex; flex: 1; flex-direction: column; flex-shrink: 0; gap: 4px; } [data-page="product"] .peopleBought { padding-bottom: 40px; padding-top: 40px; position: relative; } [data-page="product"] .peopleBought:before { border-top: 10px solid #fef8f4; content: ""; left: calc(0px - var(--viewportSidePadding)); overflow: hidden; position: absolute; top: 0; width: var(--viewportWidth); } [data-page="product"] .peopleBought__img { height: calc(var(--viewportWidth) * 0.5); width: 180px; } [data-page="product"] .peopleBought__img .c-product__img { pointer-events: none; } [data-page="product"] .peopleBought__list { -ms-overflow-style: none; align-items: flex-start; display: flex; gap: 20px; margin-left: calc(0px - var(--viewportSidePadding)); margin-top: 16px; overflow-x: auto; overflow-y: hidden; padding-left: 20px; padding-right: 20px; scrollbar-width: none; width: var(--viewportWidth); } [data-page="product"] .peopleBought__list::-webkit-scrollbar { display: none; } [data-page="product"] .peopleBought__listItem { max-width: 180px; } [data-page="product"] .peopleBought__listItem:hover { cursor: grab; } [data-page="product"] .peopleBought__listItem:active { cursor: grabbing; } [data-page="product"] .peopleBought__imgWrapper { background: #fef7f1; border-radius: 4px; flex-basis: 100%; flex-shrink: 0; height: 100%; position: relative; } [data-page="product"] .peopleBought__tagIcon { height: 16px; position: absolute; right: 10px; top: 10px; width: 16px; } [data-page="product"] .peopleBought__contentWrap { align-items: flex-start; display: flex; justify-content: space-between; margin-top: 8px; } [data-page="product"] .peopleBought__content-title { color: #96694c; font-family: RYAz9W9V6S; font-size: 20px; line-height: 18px; } [data-page="product"] .peopleBought__content-price { color: #96694c; display: flex; flex-direction: column; font-family: RYAz9W9V6S; font-size: 20px; min-width: 55px; text-align: right; } [data-page="product"] .peopleBought__content-price span { font-family: Inter; } [data-page="product"] .sticker { background-color: #fff; } [data-page="error404"] .l-main { align-items: center; display: flex; height: 100%; justify-content: center; } [data-page="error404"] .error404__icon { height: 130px; width: 140px; } [data-page="error404"] .error404__heading { color: #96694c; font-family: RYAz9W9V6S; font-size: 32px; margin-top: 20px; } [data-page="error404"] .error404__subheading { color: #cf9976; font-size: 20px; font-weight: 500; line-height: 24px; margin-top: 12px; text-align: center; } [data-page="error404"] .error404__subheadingDate { color: #96694c; font-weight: 600; } [data-page="error404"] .error404__subheadingDeliveryInfo { background: #fdf6f1; color: #96694c; font-size: 12px; font-weight: 400; line-height: 16px; margin-top: 12px; padding: 12px; text-align: center; width: 100%; } [data-page="error404"] .error404__returnToStoreBtn { bottom: calc(var(--fixedElementBottom)); box-shadow: 1px -12px 8px -10px rgba(0, 0, 0, 0.07); left: calc(var(--fixedElementLeft)); padding: 10px 20px; position: fixed; width: var(--viewportWidth); } [data-page="error404"] .error404__returnToStoreBtn:after { background-color: #fff; content: ""; height: 100%; left: -2%; position: absolute; top: 100%; width: 105%; }