@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin-ext.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--rd-ink:#25475e;--rd-blue:#7ea4b3;--rd-salmon:#efa58f;--rd-salmon-ink:#b8523e;--rd-cta-ink:#122536;--rd-purple:#423389;--rd-mint:#e3edf2;--rd-page:#f2f8fa;--rd-paper:#fffdf9;--rd-line:#d8e0e5;--rd-muted:#536978;--cream:#fffaf3;--ink:var(--rd-ink);--seaweed:var(--rd-ink);--muted:var(--rd-muted);--coral:var(--rd-purple);--coral-dark:#36276f;--lagoon:var(--rd-ink);--aqua-deep:var(--rd-ink);--content-max-width:1440px;--shadow:0 20px 60px #25475e22}
html{scroll-padding-top:85px;font-size:16px}
body#surfRedesign{background:var(--rd-page)!important;color:var(--rd-ink);font-family:Manrope,sans-serif!important;line-height:1.55}
#surfRedesign button,#surfRedesign input,#surfRedesign select,#surfRedesign textarea{font:inherit;color:inherit}
#surfRedesign .auth-provider-button--apple{color:#fff}
#surfRedesign h1,#surfRedesign h2,#surfRedesign h3{font-family:Manrope,sans-serif!important;font-weight:750;letter-spacing:-.04em;line-height:1.15}
#surfRedesign h2{font-size:clamp(26px,2.7vw,38px)}
:where(#surfRedesign a){color:inherit}
#surfRedesign button:focus-visible,#surfRedesign a:focus-visible{outline:3px solid #8e7dcd;outline-offset:4px}
#surfRedesign svg{width:23px;height:23px;flex-shrink:0;vertical-align:middle}
#surfRedesign .page-shell{width:min(1440px,calc(100% - 64px))!important;max-width:none;padding:0;margin:auto}
#surfRedesign .grain,#surfRedesign .hero,#surfRedesign #falaMenu,#surfRedesign #falaOrderDock,#surfRedesign .featured,#surfRedesign .hero-mobile-loyalty-slot,#surfRedesign .mobile-address-strip{display:none!important}
#surfRedesign .reveal{opacity:1;transform:none;animation:none}
#surfRedesign #productHoverPreview{display:none!important}
.rd-local{display:flex;align-items:center;justify-content:center;gap:30px;min-height:32px;padding:5px 16px;background:#e9e6ef;color:#504775;font-size:11px;letter-spacing:.025em}
.rd-local a{font-weight:750;text-decoration:underline;text-underline-offset:3px}
#surfRedesign .rd-topbar{position:static;display:flex;align-items:center;justify-content:space-between;padding:25px 0 28px;min-height:110px;gap:24px;background:none;border:0;box-shadow:none;width:100%;margin:0}
#surfRedesign .hero-brand{display:block;flex-shrink:0}
#surfRedesign .hero-brand__logo--neon{display:none!important}
#surfRedesign .hero-brand__logo--fala{display:block!important;width:112px;height:auto;filter:none}
.rd-nav{display:flex;gap:30px;align-items:center;margin-left:auto}
.rd-nav a{text-decoration:none;font-weight:750;font-size:18px;white-space:nowrap}
.rd-nav a[aria-current=page]{color:var(--rd-purple)}
.rd-nav small{background:#ede6fa;color:var(--rd-purple);font-size:10px;padding:4px 7px;border-radius:5px;margin-left:5px}
#surfRedesign .hero-topbar__actions{display:flex;gap:10px;margin:0;min-width:0}
#surfRedesign .ghost-button{color:var(--rd-ink);background:transparent;border:1px solid var(--rd-line);box-shadow:none;font-size:15px;padding:13px 17px;min-height:48px;min-width:0;white-space:nowrap;border-radius:12px}
#surfRedesign .ghost-button--account{background:#ede7fa;border-color:#c9bce8;color:var(--rd-purple);font-weight:750;text-decoration-line:underline;text-decoration-color:#9985c9;text-decoration-thickness:2px;text-underline-offset:5px;transition:background-color .2s,border-color .2s}
#surfRedesign .ghost-button--account:hover{background:#e4daf6;border-color:#9c86ca}
#surfRedesign .ghost-button__count{background:var(--rd-mint);color:var(--rd-ink)}
#surfRedesign .text-button--strong{background:var(--rd-ink);color:#fff;border:0;border-radius:12px;min-height:48px;padding:14px 24px;font-weight:750;box-shadow:none}
#surfRedesign .native-location-button{background:var(--rd-ink);color:#fff}
#surfRedesign .mobile-nav-toggle{display:none}
.rd-eyebrow{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px;line-height:1.5}





.rd-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--rd-ink);color:white!important;text-decoration:none;font-weight:750;padding:17px 24px;border-radius:14px;min-height:56px}





.rd-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}
.rd-heading h2{margin:0 0 8px}
.rd-heading .rd-eyebrow{margin-bottom:10px;font-size:10px}
.rd-heading p:not(.rd-eyebrow){margin:0;color:var(--rd-muted);font-size:14px}
.rd-more{display:inline-flex;gap:12px;align-items:center;font-weight:750;text-decoration:none;white-space:nowrap;font-size:14px}
.rd-offers-preview{margin:48px 0}
.rd-offers-more{display:flex;justify-content:center;margin-top:28px}
.rd-offers-more .rd-button{min-width:220px;max-width:100%;font-size:15px}
.rd-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.rd-offer{display:flex;flex-direction:column;border:1px solid var(--rd-line);border-radius:22px;background:var(--rd-paper);overflow:hidden;min-width:0}
.rd-offer-image{height:225px;flex-shrink:0;background:#f4e9df;position:relative;overflow:hidden}
.rd-offer-image[data-artwork-style="mint"]{background:#f4e9df}
.rd-offer-image[data-artwork-style="blue"]{background:#e3edf2}
.rd-offer-image[data-artwork-style="violet"]{background:#eee7f3}
.rd-offer-image>img{display:block;width:100%;height:100%;object-fit:contain;padding:12px}
.rd-offer-image.is-bundle>img{padding:0}
.rd-offer-labels{position:absolute;top:15px;left:15px;right:15px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.rd-offer-labels>span{min-width:0;box-sizing:border-box;overflow-wrap:anywhere;line-height:1.3;font-size:13px;letter-spacing:.01em;font-weight:750}
.rd-offer-badge{max-width:58%;padding:7px 10px;border-radius:8px;background:var(--rd-purple);color:white}
.rd-offer-labels>.rd-offer-location{display:flex;align-items:center;justify-content:center;gap:6px;max-width:55%;padding:5px 9px;border:1px solid #c9d9e2;border-radius:10px;background:#fffdf9f2;color:var(--rd-ink);font-weight:750;text-align:center}
.rd-offer-location>span{min-width:0}
#surfRedesign .rd-offer-location svg{width:20px;height:20px;flex-shrink:0}
.rd-offer-body{padding:22px;display:flex;flex-direction:column;flex:1;gap:9px;min-width:0}
.rd-offer-body>h3,.rd-offer-body>p{overflow-wrap:anywhere}
.rd-offer-body>.rd-stock{margin-top:auto}
.rd-offer-action{display:flex;flex-direction:column;gap:9px;align-self:stretch}
/* Each desktop row shares content tracks, including multiline names and rules. */
@supports(grid-template-rows:subgrid){
  @media(min-width:651px){
    .rd-offer{display:grid;grid-row:span 10;grid-template-rows:subgrid;row-gap:0}
    .rd-offer-body{display:grid;grid-row:span 9;grid-template-rows:subgrid;row-gap:9px}
    .rd-offer-body>*{min-width:0;align-self:start}
    .rd-offer-body>.rd-stock{margin-top:4px}
    .rd-offer-body>.rd-offer-fulfillment{align-self:stretch;align-content:start}
  }
}
.rd-offer-fulfillment{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 5px}
.rd-fulfillment-badge{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 11px;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:750;line-height:1.4;white-space:nowrap}
.rd-fulfillment-badge--pickup{background:#e3edf2;border-color:#c8d9e3;color:#335b73}
.rd-fulfillment-badge--delivery{background:#eeebf8;border-color:#dcd5ef;color:var(--rd-purple)}
#surfRedesign .rd-fulfillment-badge svg{width:19px;height:19px}
.rd-offer-body h3{font-size:22px;margin:3px 0 0}
.rd-offer-body p{margin:0;font-size:13px;color:var(--rd-muted)}
.rd-offer-locations{display:flex;align-items:flex-start;gap:6px;min-height:38px;font-size:11px!important}
.rd-offer-locations svg{width:16px;height:18px}
.rd-offer-price{font-size:28px;line-height:1.3;letter-spacing:-.04em;margin:4px 0}
.rd-offer-price small{display:block;font-size:11px;letter-spacing:0;font-weight:500;color:var(--rd-muted);margin-top:5px}
.rd-stock{padding:12px 14px;background:#edf3f7;border:1px solid #d8e4ec;border-radius:10px;font-size:14px;font-weight:650;margin:4px 0}
.rd-stock strong{font-size:23px;line-height:1}
.rd-stock progress{display:block;width:100%;height:9px;border:0;border-radius:8px;overflow:hidden;appearance:none;background:#d0dfe7;margin-top:9px;accent-color:#527f96}
.rd-stock progress::-webkit-progress-bar{background:#d0dfe7;border-radius:8px}
.rd-stock progress::-webkit-progress-value{background:#527f96;border-radius:8px}
.rd-stock progress::-moz-progress-bar{background:#527f96;border-radius:8px}
.rd-offer-time{font-size:12px!important;display:flex;justify-content:space-between;gap:8px}
.rd-offer-time strong{font-variant-numeric:tabular-nums;color:var(--rd-ink)}
#surfRedesign .rd-offer .fala-buy{font-family:Manrope,sans-serif!important;font-size:15px;font-weight:750;letter-spacing:0;min-height:49px;padding:12px 16px;border-radius:11px;background:var(--rd-salmon);border-color:var(--rd-salmon);color:var(--rd-cta-ink);box-shadow:none;transform:none;width:100%;display:flex;justify-content:space-between;margin-top:4px;line-height:1.4}
#surfRedesign .rd-offer .fala-buy:disabled{background:#eeeee8;color:#7a827b;border:1px solid #dfe2d7;opacity:1;cursor:not-allowed}
.rd-offer-rules{border-top:1px solid var(--rd-line);padding-top:12px;margin-top:6px;font-size:11px}
.rd-offer-rules summary{cursor:pointer;font-weight:700}
.rd-offer-rules p{font-size:12px;margin-top:10px;line-height:1.55}
.rd-offer.is-ended{filter:grayscale(1);opacity:.67}
.rd-place-note{font-size:11px;color:var(--rd-purple)!important;text-underline-offset:3px}
.rd-empty{grid-column:1/-1;padding:30px;border:1px dashed var(--rd-line);border-radius:16px;background:var(--rd-paper);color:var(--rd-muted)}
.rd-address-slot{margin:42px 0 24px;scroll-margin-top:24px}
#surfRedesign #heroAddress{display:grid;position:relative;grid-template-columns:1fr 1fr;gap:18px 30px;margin:0;padding:32px 36px;border:1px solid #cddce5;border-radius:25px;background:#edf3f7;box-shadow:none;backdrop-filter:none;color:var(--rd-ink);width:100%}
#surfRedesign .fala-address-heading{display:block!important;grid-column:1;grid-row:1;margin:0;padding:0}
#surfRedesign .fala-address-heading span{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--rd-ink);text-transform:uppercase}
#surfRedesign .fala-address-heading h2{margin:9px 0 10px;font-size:32px;color:var(--rd-ink)}
#surfRedesign .fala-address-heading p{font-size:14px;line-height:1.5;color:var(--rd-muted);margin:0}
#surfRedesign #heroAddress .hero-address__mode{grid-column:2;grid-row:1;align-self:center;justify-self:end;display:block;width:min(320px,100%);margin:0}
#surfRedesign #heroAddress .hero-address__mode>.fact-tile__label{display:none}
#surfRedesign .mode-switch{background:#e2e9db;box-shadow:none;border:1px solid #d2dcc9;padding:5px;border-radius:16px;gap:4px}
#surfRedesign .mode-switch__button{border-radius:11px;min-height:49px;color:var(--rd-ink);background:transparent;font-weight:700;box-shadow:none;font-size:15px;padding:12px}
#surfRedesign .mode-switch__button.is-active{background:var(--rd-ink);color:white;box-shadow:none}
#surfRedesign #heroAddressLabel{display:none}
#surfRedesign .hero-address__combined{grid-column:1/-1;margin:0}
#surfRedesign .hero-address__numbers{margin-top:16px}
#surfRedesign #heroAddress label span{font-size:12px;letter-spacing:0;font-weight:700;color:var(--rd-ink);text-transform:none}
#surfRedesign .field input,#surfRedesign .field select,#surfRedesign .field textarea{background:#fffdf9;border:1px solid #cddce5;border-radius:12px;box-shadow:none;min-height:48px;padding:12px 14px;color:var(--rd-ink);font-size:16px}
#surfRedesign #heroAddressHint{color:var(--rd-muted);font-size:12px;grid-column:1;grid-row:3;align-self:center;line-height:1.55}
#surfRedesign #checkDistanceButton{grid-column:2;grid-row:3;justify-self:end;width:auto;margin:0;background:var(--rd-ink);color:white;border:0;border-radius:12px;font-weight:750;min-width:170px;padding:14px 24px;box-shadow:none}
#surfRedesign #routeCard{grid-column:1/-1;padding:0;margin:0;border:0;box-shadow:none;background:none}
#surfRedesign .route-card__panel{border:1px solid #d8e0e5;border-radius:15px;box-shadow:none;background:#fffdf999;color:var(--rd-ink);padding:18px}
#surfRedesign .route-card__panel p,#surfRedesign .route-card__panel span{color:var(--rd-muted)}
#surfRedesign .pickup-restaurant-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
#surfRedesign .pickup-restaurant-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:130px;padding:19px;background:var(--rd-paper);border:1px solid #cddce5;border-radius:14px;text-align:left;box-shadow:none;gap:7px;color:var(--rd-ink)}
#surfRedesign .pickup-restaurant-card:hover,#surfRedesign .pickup-restaurant-card:focus-visible{border-color:var(--rd-ink);background:#e4eef5;transform:none}
#surfRedesign .pickup-restaurant-card strong{font-size:16px}
#surfRedesign .pickup-restaurant-card span{font-size:13px}
#surfRedesign .pickup-restaurant-card small{font-size:11px;margin-top:auto}
#surfRedesign .address-suggestions{background:#fffdf9;color:var(--rd-ink);border:1px solid #cddce5;box-shadow:0 14px 28px #25475e17;border-radius:12px;z-index:30}
#surfRedesign #loyaltyCard{display:grid;gap:10px;background:var(--rd-purple)!important;border:0;border-radius:21px;box-shadow:none;padding:27px 32px;color:white!important;margin:0 0 52px}
#surfRedesign #loyaltyCard:before,#surfRedesign #loyaltyCard:after{display:none}
#surfRedesign #loyaltyCard h3,#surfRedesign #loyaltyCard .section-kicker{color:white!important}
#surfRedesign #loyaltyCard h3{font-size:25px}
#surfRedesign #loyaltyCard .loyalty-card__text{color:#e2def2;font-size:13px;max-width:none;margin:0}
#surfRedesign #loyaltyAuthButton{background:#f8dc91;color:var(--rd-ink);border:0;border-radius:12px;box-shadow:none;padding:13px 18px;font-size:13px}
#surfRedesign #loyaltyCard .loyalty-stat{background:#ffffff15;border-color:#ffffff30}
#surfRedesign #loyaltyCard .loyalty-stat strong{color:white}
#surfRedesign .loyalty-progress{background:#ffffff15}
#surfRedesign .loyalty-progress__head{color:white}
#surfRedesign .home-order-status{margin:0 0 24px;box-shadow:none}
#surfRedesign .layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;margin:0;align-items:start}
#surfRedesign .menu-pane{min-width:0;display:block}
.rd-menu-heading{flex-wrap:wrap;scroll-margin-top:24px;gap:12px;margin-bottom:18px}
.rd-menu-heading .control-deck{margin:0 0 0 auto;display:block;padding:0;background:none;box-shadow:none;border:0;width:310px;order:3}
.rd-menu-heading .search-field{margin:0;border:0;background:none;padding:0}
.rd-menu-heading .search-field>span{display:none}
.rd-menu-heading .search-field input{min-height:49px;font-size:13px;background:var(--rd-paper);border:1px solid var(--rd-line);border-radius:13px;box-shadow:none;padding:14px}
.rd-category-nav{display:flex;gap:8px;position:sticky;top:0;z-index:40;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;background:var(--rd-page);padding:14px 0 17px;border-bottom:1px solid var(--rd-line);margin-bottom:28px}
.rd-category-nav a{display:inline-block;font-size:12px;padding:10px 14px;border:1px solid var(--rd-line);border-radius:30px;text-decoration:none;font-weight:700;flex-shrink:0}
.rd-category-nav a[aria-current=true]{color:white;background:var(--rd-ink);border-color:var(--rd-ink)}
#surfRedesign .menu-sections{gap:42px;display:grid;margin:0}
#surfRedesign .menu-group{scroll-margin-top:90px;padding:0;margin:0;border:0;background:none;box-shadow:none}
#surfRedesign .menu-group__heading{display:block;margin:0 0 18px;padding:0;background:none;border:0}
#surfRedesign .menu-group__heading h2{font-size:23px;letter-spacing:-.025em}
#surfRedesign .menu-group__description{font-size:13px;line-height:1.6;color:var(--rd-muted);margin:8px 0 0}
#surfRedesign .product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#surfRedesign .product-card{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:0;border:1px solid var(--rd-line);border-radius:18px;background:var(--rd-paper);box-shadow:none;overflow:hidden;transition:box-shadow .15s;position:relative;min-width:0}
#surfRedesign .product-card:hover{transform:none;box-shadow:0 5px 18px #25475e10}
#surfRedesign .product-card__media{background:#e3edf2;border:0;border-radius:0;aspect-ratio:1.5;width:100%;height:auto;padding:0;flex-shrink:0}
#surfRedesign .product-card:nth-child(3n+2) .product-card__media{background:#f4e9df}
#surfRedesign .product-card:nth-child(3n+3) .product-card__media{background:#e6edf4}
/* Category colours stay consistent regardless of product order or screen width. */
#surfRedesign #burgery-klasyczne .product-card__media{background:#cbdfe9}
#surfRedesign #nowosc-small-surfers .product-card__media{background:#f4e9df}
#surfRedesign #zestawy-promocyjne .product-card__media,
#surfRedesign #burgery-smasssh .product-card__media{background:#f8dc91}
#surfRedesign #burgery-vegan .product-card__media{background:#e4ebdb}
#surfRedesign .product-card__media:before,#surfRedesign .product-card__media:after{display:none}
#surfRedesign .product-card__media img{width:100%;height:100%;object-fit:contain;border-radius:0;mask-image:none;filter:none;padding:0;background:none}
#surfRedesign .product-card__body{padding:16px;display:flex;flex:1;flex-direction:column;gap:20px}
#surfRedesign .product-card__copy{display:block;padding:0}
#surfRedesign .product-card__copy h3{font-size:17px;line-height:1.25;letter-spacing:-.035em;margin:0 0 10px}
#surfRedesign .product-card__copy p{font-size:11px;line-height:1.65;color:var(--rd-muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#surfRedesign .product-card__footer{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:7px;flex-wrap:wrap}
#surfRedesign .product-card__price{font-size:21px;color:var(--rd-ink);letter-spacing:-.04em}
#surfRedesign .product-card__price small,#surfRedesign .price-block__omnibus,#surfRedesign .price-block__packaging{font-size:10px;letter-spacing:0}
#surfRedesign .product-card__action--primary{background:var(--rd-ink);color:white;border:0;border-radius:10px;box-shadow:none;padding:10px 13px;font-weight:750;font-size:12px;min-height:39px;min-width:0;transform:none}
#surfRedesign .product-card__badge{font-size:9px;letter-spacing:.03em;padding:5px 8px;border-radius:6px;top:10px;left:10px;right:auto;box-shadow:none;background:var(--rd-purple);color:white;max-width:calc(100% - 20px);transform:none}
#surfRedesign .product-card--unavailable{opacity:.6}
#surfRedesign .product-card__action:disabled{background:#dce4e9;color:#576977;opacity:1}
#surfRedesign .cart-panel{position:sticky;top:20px;min-width:0;background:#edf2f5;border:1px solid var(--rd-line);box-shadow:none;border-radius:22px;overflow:hidden;padding:0;display:grid;grid-template-rows:auto minmax(0,1fr);max-height:calc(100dvh - 40px);gap:0;margin-top:14px}
#surfRedesign .cart-panel:before,#surfRedesign .cart-panel:after{display:none}
#surfRedesign .cart-panel__header{padding:22px 20px 18px;gap:8px;margin:0;border-bottom:1px solid var(--rd-line);background:#edf2f5}
#surfRedesign .cart-panel__header h2{font-size:19px;line-height:1.3}
#surfRedesign .cart-panel__header .section-kicker{font-size:9px;color:var(--rd-muted);margin-bottom:4px}
#surfRedesign .cart-panel__header .text-button{font-size:11px}
#surfRedesign .cart-panel__body{overflow-y:auto;padding:18px;display:grid;gap:16px;overscroll-behavior:contain}
#surfRedesign .cart-item,#surfRedesign .summary-card{background:var(--rd-paper);border:1px solid var(--rd-line);border-radius:15px;box-shadow:none;padding:15px;gap:10px}
#surfRedesign .cart-item{grid-template-columns:52px minmax(0,1fr)}
#surfRedesign .cart-item img{width:52px;height:52px;border-radius:9px;object-fit:cover}
#surfRedesign .cart-item__copy h3{font-size:14px;letter-spacing:-.02em}
#surfRedesign .cart-item__copy p,#surfRedesign .cart-item__attrs{font-size:11px;line-height:1.5}
#surfRedesign .cart-item__footer{grid-column:1/-1;font-size:16px}
#surfRedesign .cart-item__remove{font-size:11px;color:var(--rd-purple)}
#surfRedesign .summary-card__row{font-size:13px;gap:8px}
#surfRedesign .summary-card__row--total{font-size:18px}
#surfRedesign .summary-card__note{font-size:11px;line-height:1.6}
#surfRedesign .summary-card__discount-code{padding:12px;border-radius:12px;background:#f1f5f7;box-shadow:none}
#surfRedesign .summary-card__discount-code-controls{display:flex;gap:6px}
#surfRedesign .summary-card__discount-code-input{min-width:0;width:100%;border-radius:9px;font-size:13px!important}
#surfRedesign .summary-card__discount-code-apply{padding:10px 11px;font-size:12px;background:var(--rd-ink);color:white;border-radius:9px}
#surfRedesign .summary-card__loyalty{background:#ede9f7;border-radius:12px;padding:13px;box-shadow:none;border:0}
#surfRedesign .summary-card__loyalty-title{font-size:13px;color:var(--rd-purple)}
#surfRedesign .summary-card__loyalty-text{font-size:11px}
#surfRedesign .summary-card__loyalty-action{background:var(--rd-purple);color:white;box-shadow:none;border:0;font-size:12px;padding:11px;border-radius:9px}
#surfRedesign .checkout-form{gap:15px}
#surfRedesign .checkout-form .field span{font-size:11px;letter-spacing:0;text-transform:none}
#surfRedesign .checkout-form .field input,#surfRedesign .checkout-form .field select{font-size:14px!important;min-height:44px;padding:11px}
#surfRedesign .checkout-submit,#surfRedesign .primary-button{background:var(--rd-ink);color:white;box-shadow:none;border:0;border-radius:12px;font-weight:750;font-size:14px;padding:15px 20px}
#surfRedesign .cart-empty{border:0;background:none;box-shadow:none;text-align:center;padding:35px 12px}
#surfRedesign .cart-empty h3{font-size:22px}
#surfRedesign .cart-empty p{font-size:13px;line-height:1.7;color:var(--rd-muted)}
#surfRedesign .cart-panel:has(.cart-empty) .summary-card,#surfRedesign .cart-panel:has(.cart-empty) .checkout-form{display:none}
#surfRedesign .item-modal__dialog{max-width:720px;border-radius:24px;background:var(--rd-paper)}
#surfRedesign .item-modal__image-button{border-radius:24px 24px 0 0;background:#e3edf2}
#surfRedesign .item-modal__image-button:before,#surfRedesign .item-modal__image-button:after{display:none}
#surfRedesign .item-modal__image{background:transparent; height:250px;mask-image:none;-webkit-mask-image:none;object-fit:contain}
#surfRedesign .item-modal__content{padding:27px 28px 20px;gap:14px}
#surfRedesign .item-modal__content h2{font-size:27px}
#surfRedesign .item-modal__description{font-size:14px;line-height:1.65}
#surfRedesign .item-attr-group{box-shadow:none;background:var(--rd-paper);border:1px solid #d8e0e5;border-radius:13px}
#surfRedesign .item-attr-group__header{background:#edf3f7;padding:13px 16px;gap:5px}
#surfRedesign .item-attr-group__title{font-size:15px;font-weight:750}
#surfRedesign .item-attr-group__meta{font-size:12px}
#surfRedesign .item-attr-option{min-height:50px;padding:12px 16px;gap:12px;background:var(--rd-paper)}
#surfRedesign .item-attr-option__name{font-size:14px;font-weight:600}
#surfRedesign .item-attr-option__delta{font-size:13px;white-space:nowrap}
#surfRedesign .item-attr-option input[type=checkbox],#surfRedesign .item-attr-option input[type=radio]{width:18px;height:18px;accent-color:var(--rd-purple)}
#surfRedesign .item-attr-option:has(input:checked),#surfRedesign .item-attr-option-item.is-selected .item-attr-option--quantity{background:#eeebf7}
#surfRedesign .item-modal__footer{position:sticky;bottom:-20px;z-index:3;background:var(--rd-paper);padding:17px 0;margin:0;border-top:1px solid var(--rd-line);gap:15px}
#surfRedesign #itemModalPrice{font-size:22px;font-weight:750;line-height:1.3}
#surfRedesign #itemModalAdd{background:var(--rd-ink);color:white;border-radius:11px;font-size:14px;padding:16px 20px;box-shadow:none}
#surfRedesign #itemModalAdd:disabled{background:#dce4e9;color:#576977;opacity:1}
#surfRedesign .item-modal__attributes-hint{font-size:12px}
#surfRedesign .auth-modal__dialog,#surfRedesign .user-panel__dialog{background:var(--rd-paper);box-shadow:var(--shadow)}
#surfRedesign .legal-note{display:grid;justify-items:center;gap:12px;width:100%;min-width:0;margin:45px 0;border:0;border-top:1px solid #b9cdd1;padding:25px 0;box-shadow:none;border-radius:0;background:none;font-size:12px;color:var(--rd-muted);text-align:center}
#surfRedesign .legal-note>p{width:100%;max-width:860px;margin:0 auto;font-size:12px;line-height:1.65;letter-spacing:0;overflow-wrap:anywhere}
#surfRedesign .legal-note__operator{color:var(--rd-muted)}
#surfRedesign .legal-note__links{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:8px;width:100%;min-width:0;margin:2px 0 0;font-size:12px}
#surfRedesign .legal-note__link{justify-content:center;min-width:0;max-width:100%;min-height:40px;padding:8px 12px;border-radius:10px;font-size:12px;line-height:1.4;text-align:center;white-space:normal}
@media(max-width:650px){
  #surfRedesign .legal-note{gap:14px;margin:32px 0;padding:22px 0}
  #surfRedesign .legal-note>p{font-size:11px}
  #surfRedesign .legal-note__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #surfRedesign .legal-note__link{min-height:44px;padding:10px;font-size:11px}
  #surfRedesign .legal-note__link--center{grid-column:1/-1}
}
.rd-offers-page{padding-bottom:50px}
.rd-offers-banner{margin-bottom:30px}
.rd-offer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px;flex-wrap:wrap}
.rd-filters{display:flex;gap:8px;overflow-x:auto;padding:4px 0}
.rd-filters button{background:transparent;border:1px solid var(--rd-line);font-size:13px;font-weight:650;border-radius:25px;padding:11px 17px;white-space:nowrap;cursor:pointer}
.rd-filters button[aria-pressed=true]{background:var(--rd-ink);color:white;border-color:var(--rd-ink)}
.rd-offer-toolbar label{font-size:18px;font-weight:650;display:flex;align-items:center;gap:14px;min-width:0;max-width:100%;color:var(--rd-ink)}
.rd-offer-toolbar select{background:var(--rd-paper);border:1px solid var(--rd-line);padding:14px 18px;border-radius:14px;font-family:inherit;font-size:18px!important;font-weight:650;line-height:1.4;color:var(--rd-ink);width:350px;min-height:58px;max-width:100%;cursor:pointer}
.rd-bottom-nav{display:none}
.rd-mobile-links{display:grid;gap:10px;padding:20px;font-size:18px}
.rd-mobile-links a{text-decoration:none;font-weight:750}
@media(max-width:1250px){.rd-nav{gap:18px}.rd-nav a{font-size:16px}#surfRedesign .hero-topbar__actions{gap:7px}#surfRedesign .ghost-button{font-size:13px;padding:12px}#surfRedesign .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1181px){#surfRedesign .cart-panel__close{display:none}#surfRedesign .cart-panel:has(.cart-empty){max-height:none}}
@media(max-width:1180px){#surfRedesign .layout{display:block}#surfRedesign .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#surfRedesign .cart-panel{display:none;max-height:none;top:8px;margin:0;z-index:150}#surfRedesign.cart-drawer-open #cartPanel{background:var(--cream);border-radius:24px;bottom:82px!important;max-width:680px;margin-left:auto;margin-right:auto}#surfRedesign .cart-panel__header{padding:20px}#surfRedesign .cart-panel__header h2{font-size:24px}#surfRedesign .cart-panel__body{padding:18px 20px}#surfRedesign .cart-item{grid-template-columns:65px minmax(0,1fr);padding:16px}#surfRedesign .cart-item img{height:65px;width:65px}#surfRedesign .cart-item__copy h3{font-size:16px}#surfRedesign .cart-item__attrs{font-size:12px}#surfRedesign .summary-card__row{font-size:15px}#surfRedesign .checkout-form .field input,#surfRedesign .checkout-form .field select{font-size:16px!important}#surfRedesign .cart-panel__close{display:grid}#surfRedesign .page-shell{padding-bottom:100px}.rd-bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;background:#fffdf9f5;backdrop-filter:blur(12px);border-top:1px solid var(--rd-line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));height:calc(74px + env(safe-area-inset-bottom));z-index:100}.rd-bottom-nav>a{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;text-decoration:none;font-size:10px;font-weight:650}.rd-bottom-nav a[aria-current=page]{color:var(--rd-purple)}#surfRedesign #mobileCartButton{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;inset:auto!important;width:auto;height:auto;min-height:0;padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:none;color:var(--rd-ink);font-size:10px;transform:none!important}#surfRedesign #mobileCartButton .mobile-cart-button__icon{font-size:21px;line-height:23px}#surfRedesign #mobileCartCount{position:absolute;top:-2px;right:calc(50% - 27px);min-width:18px;height:18px;font-size:10px;padding:2px 4px;border:0;background:#f8dc91;color:var(--rd-ink)}#surfRedesign #mobileCartTotal{font-size:10px;font-weight:750}#surfRedesign #mobileCartButton:before,#surfRedesign #mobileCartButton:after{display:none}#surfRedesign .mobile-cart-button__label{display:none}}
@media(max-width:1050px){.rd-nav{display:none}#surfRedesign .hero-topbar__actions{margin-left:auto}#surfRedesign .mobile-nav-toggle{display:flex;order:3;position:static;width:44px;height:44px;flex-shrink:0;background:#efebf7;border:1px solid #ddd5f1;color:var(--rd-purple);border-radius:12px;box-shadow:none}#surfRedesign .mobile-nav-toggle span{background:var(--rd-purple)}}
@media(max-width:900px){.rd-offer-grid{gap:14px}.rd-offer-body{padding:16px}.rd-offer-body h3{font-size:19px}.rd-offer-image{height:175px}.rd-offer-price{font-size:25px}.rd-stock{font-size:12px;padding:11px}.rd-stock strong{font-size:21px}#surfRedesign #heroAddress{padding:27px;gap:20px}#surfRedesign .fala-address-heading h2{font-size:28px}#surfRedesign #heroAddress .hero-address__mode{width:255px}#surfRedesign .pickup-restaurant-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){html{scroll-padding-top:75px}#surfRedesign .page-shell{width:calc(100% - 32px)!important}.rd-local{font-size:9px;gap:12px;justify-content:space-between;line-height:1.4}#surfRedesign .rd-topbar{min-height:95px;padding:18px 2px;gap:12px}#surfRedesign .hero-brand__logo--fala{width:84px}#surfRedesign .ghost-button:not(.ghost-button--account){display:none}#surfRedesign .ghost-button--account{font-size:12px;padding:10px 12px;max-width:200px;line-height:1.6;white-space:normal;text-underline-offset:3px}.rd-eyebrow{font-size:9px;margin-bottom:15px;gap:8px}.rd-eyebrow svg{width:22px}.rd-button{font-size:14px;padding:14px 19px;min-height:50px;gap:22px}.rd-offers-preview{margin:31px 0}.rd-heading{align-items:flex-end;gap:12px;margin-bottom:18px}.rd-heading h2{font-size:25px}.rd-heading p:not(.rd-eyebrow){font-size:12px}.rd-heading .rd-eyebrow{font-size:9px;letter-spacing:.09em}.rd-more{font-size:11px;gap:5px;max-width:97px;line-height:1.5;white-space:normal}.rd-more svg{width:18px}.rd-offer-grid{grid-template-columns:1fr;gap:20px}.rd-offer-image{height:240px}.rd-offer-body{padding:21px;gap:9px}.rd-offer-body h3{font-size:24px}.rd-offer-locations{min-height:0}.rd-offer-price{font-size:29px}.rd-stock{font-size:15px;padding:13px 15px}.rd-stock strong{font-size:25px}.rd-offer-preview .rd-offer{max-width:100%}.rd-address-slot{margin:28px 0 18px}#surfRedesign #heroAddress{display:flex;flex-direction:column;gap:20px;padding:24px 20px;border-radius:20px}#surfRedesign .fala-address-heading{order:-2}#surfRedesign .fala-address-heading h2{font-size:27px}#surfRedesign .fala-address-heading p{font-size:13px}#surfRedesign #heroAddress .hero-address__mode{order:-1;align-self:stretch;width:100%;margin:0}#surfRedesign .hero-address__city-street,#surfRedesign .hero-address__numbers{display:grid;grid-template-columns:1fr;gap:16px}#surfRedesign #heroAddressHint{font-size:11px;margin:0;order:5}#surfRedesign #checkDistanceButton{width:100%;order:4}#surfRedesign #routeCard{order:6}#surfRedesign .pickup-restaurant-list{grid-template-columns:1fr}#surfRedesign .pickup-restaurant-card{min-height:115px;padding:17px}#surfRedesign .route-card__panel{padding:15px}#surfRedesign #loyaltyCard{margin-bottom:34px;padding:23px 21px;border-radius:18px}#surfRedesign .loyalty-card__header{display:flex;flex-direction:column;align-items:start;gap:17px}#surfRedesign #loyaltyCard h3{font-size:22px}#surfRedesign #loyaltyAuthButton{font-size:12px;align-self:stretch}#surfRedesign #loyaltyCard .loyalty-card__text{font-size:12px}.rd-menu-heading{align-items:center;gap:8px}.rd-menu-heading .control-deck{width:100%;margin-top:14px}.rd-menu-heading .search-field input{font-size:16px}.rd-category-nav{gap:7px;padding:10px 0 13px;margin-bottom:23px}.rd-category-nav a{font-size:11px;padding:10px 13px}#surfRedesign .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}#surfRedesign .menu-group__heading h2{font-size:21px}#surfRedesign .product-card{border-radius:14px}#surfRedesign .product-card__body{padding:12px;gap:16px}#surfRedesign .product-card__copy h3{font-size:14px;line-height:1.35}#surfRedesign .product-card__copy p{font-size:10px;line-height:1.6;-webkit-line-clamp:3}#surfRedesign .product-card__media{aspect-ratio:1.22}#surfRedesign .product-card__badge{font-size:8px;top:7px;left:7px;padding:4px 6px}#surfRedesign .product-card__footer{display:block}#surfRedesign .product-card__price{font-size:19px}#surfRedesign .product-card__actions{margin-top:10px}#surfRedesign .product-card__action--primary{width:100%;font-size:12px;min-height:38px}#surfRedesign .item-modal__dialog{width:calc(100% - 16px);margin:8px auto;border-radius:20px;max-height:calc(100dvh - 16px)}#surfRedesign .item-modal__image{height:200px}#surfRedesign .item-modal__content{padding:24px 18px 16px}#surfRedesign .item-modal__content h2{font-size:24px}#surfRedesign .item-modal__description{font-size:13px}#surfRedesign .item-attr-option{padding:12px;gap:9px}#surfRedesign .item-attr-option__name{font-size:13px}#surfRedesign .item-attr-option__delta{font-size:12px}#surfRedesign .item-attr-group__header{padding:12px}#surfRedesign .item-attr-group__title{font-size:14px}#surfRedesign .item-modal__footer{bottom:-16px;gap:8px;padding:14px 0}#surfRedesign #itemModalPrice{font-size:20px}#surfRedesign #itemModalPrice small{font-size:10px}#surfRedesign #itemModalAdd{font-size:12px;padding:14px;min-height:49px}#surfRedesign .cart-panel__body{padding:15px}#surfRedesign .summary-card{padding:16px}#surfRedesign .cart-panel__header h2{font-size:22px}.rd-offer-toolbar{gap:14px}.rd-filters{width:100%}.rd-filters button{font-size:12px;padding:10px 13px}.rd-offer-toolbar label{width:100%;flex-direction:column;align-items:stretch;gap:9px;font-size:16px}.rd-offer-toolbar select{max-width:100%;width:100%;min-height:56px;font-size:16px!important}#surfRedesign .legal-note{font-size:10px}#surfRedesign .home-order-status__button{padding:18px}#surfRedesign .home-order-status__action{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#surfRedesign *{animation:none!important;transition:none!important}}

#surfRedesign .page-shell{background:transparent!important}
#surfRedesign .hero-brand__logo--fala{filter:none!important}
#surfRedesign .layout{width:100%;max-width:none;padding:0;background:transparent;border-radius:0}
#surfRedesign .menu-group__heading::before{display:none}
#surfRedesign #heroAddress .hero-address__mode{position:static;inset:auto}
#surfRedesign #heroAddress .hero-address__combined{display:block}
#surfRedesign .hero-address__city-street.is-city-only{grid-template-columns:1fr}
#surfRedesign .rd-category-nav a[aria-current=true]{color:white}
#surfRedesign .rd-filters button[aria-pressed=true]{color:white}

#surfRedesign .cart-item__remove{border:0;background:none;cursor:pointer}
.rd-rewards summary{cursor:pointer;font-size:12px;color:#f8dc91;font-weight:700;padding:6px 0}
.rd-rewards[open] #loyaltyRewards{margin-top:16px}
@media(max-width:650px){#surfRedesign #heroAddress .hero-address__mode{width:100%}}
@media(max-width:1180px){#surfRedesign .rd-bottom-nav #mobileCartButton{border-radius:0!important;background:none!important;box-shadow:none!important;width:100%!important;height:100%!important;position:relative!important;inset:auto!important;transform:none!important}#surfRedesign .rd-bottom-nav #mobileCartTotal{display:block!important;visibility:visible!important;font-size:10px!important;line-height:1.2;color:var(--rd-ink)!important;opacity:1!important}#surfRedesign .rd-bottom-nav #mobileCartCount{position:absolute!important;top:0!important;right:calc(50% - 25px)!important;left:auto!important}}

/* Keep navigation below the original product/account overlays. */
#surfRedesign .rd-bottom-nav{z-index:24}
#surfRedesign .cart-panel{z-index:28}
#surfRedesign #itemModal #itemModalAdd{background:var(--rd-ink);color:white;box-shadow:none}
@media(max-width:650px){#surfRedesign #heroAddress .hero-address__city-street,#surfRedesign #heroAddress .hero-address__numbers{grid-template-columns:1fr}}

/* The supplied artwork keeps its own proportions. The CTA is a real control
   positioned in image coordinates, with a minimum 44px touch target. */
.rd-intro {
  position:relative; container-type:inline-size; padding:0; overflow:hidden;
  background:#f4f0e8; border-radius:24px;
}
.rd-welcome-picture { display:block; }
.rd-welcome-picture img {
  display:block; width:100%; height:auto; aspect-ratio:2048 / 516;
  object-fit:contain;
}
#surfRedesign .rd-welcome-action {
  position:absolute; left:54.47%; top:32.56%; transform:translate(-50%,-50%);
  width:19.73%; height:20.16%; min-height:44px; margin:0; padding:0;
  display:flex; align-items:center; justify-content:center;
  border:0; border-radius:999px; background:transparent; color:#090909;
  box-shadow:none; text-decoration:none; cursor:pointer;
  transition:box-shadow .18s, background-color .18s;
  -webkit-tap-highlight-color:transparent; touch-action:manipulation;
}
#surfRedesign .rd-welcome-action:hover {
  background-color:#ffffff1c; box-shadow:0 0 0 3px #25475e33;
}
#surfRedesign .rd-welcome-action:focus-visible {
  outline:3px solid var(--rd-ink); outline-offset:4px;
}
#surfRedesign .rd-welcome-action:active { box-shadow:inset 0 0 0 3px #25475e55; }
#surfRedesign .rd-welcome-action--club {
  background:#ffe132; padding:0 6px;
  font:700 clamp(12px,1.55cqw,27px)/1.15 Arial,sans-serif;
  text-transform:uppercase; white-space:nowrap;
}
#surfRedesign .rd-welcome-action--club:hover { background:#ffe85b; }
@media(max-width:760px) {
  .rd-intro { border-radius:24px; }
  .rd-welcome-picture img { aspect-ratio:1286 / 2048; }
  #surfRedesign .rd-welcome-action {
    left:49.6%; top:49.78%; width:48.5%; height:8%;
  }
  #surfRedesign .rd-welcome-action--club {
    width:58%; font-size:clamp(12px,3.45cqw,26px);
  }
}
@media(prefers-reduced-motion:reduce) {
  #surfRedesign .rd-welcome-action { transition:none; }
}

/* A compact basket leads to a separate, spacious checkout page. */
#surfRedesign .cart-panel { z-index:35; }
#surfRedesign .rd-cart-scope { margin:0; color:var(--rd-muted); font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
#surfRedesign .rd-cart-continue { display:flex; align-items:center; justify-content:center; gap:12px; width:100%; min-height:54px; padding:15px; border:0; border-radius:12px; background:var(--rd-ink); color:#fff; font-size:15px; font-weight:750; cursor:pointer; }
.rd-cart-more { display:block; text-align:center; font-size:13px; font-weight:700; padding:8px; text-underline-offset:4px; }
#surfRedesign .cart-item__footer { flex-wrap:wrap; gap:10px; }
#surfRedesign .cart-item__footer>strong,#surfRedesign .summary-card__row>strong { white-space:nowrap; }
#surfRedesign .cart-item__copy { min-width:0; }
#surfRedesign .cart-item__attrs { overflow-wrap:anywhere; }
#surfRedesign:not(.rd-checkout-open) #discountCodeBox,
#surfRedesign:not(.rd-checkout-open) .rd-checkout-actions { display:none; }
#surfRedesign #checkoutForm>.checkout-mode,
#surfRedesign #checkoutForm>#deliveryFields { display:none!important; }

.rd-checkout-page { max-width:1240px; margin:0 auto 60px; }
.rd-checkout-page[hidden] { display:none; }
.rd-checkout-back { display:inline-block; margin:0 0 28px; color:var(--rd-muted); font-size:14px; font-weight:700; text-decoration:none; }
.rd-checkout-heading { margin-bottom:26px; }
.rd-checkout-heading .rd-eyebrow { color:var(--rd-purple); font-size:11px; margin-bottom:12px; }
#surfRedesign .rd-checkout-heading h1 { font-size:clamp(30px,3.5vw,45px); margin:0 0 12px; }
.rd-checkout-heading h1:focus { outline:none; }
.rd-checkout-heading>p:last-child { color:var(--rd-muted); font-size:15px; margin:0; }
.rd-checkout-steps { display:flex; align-items:center; gap:24px; list-style:none; margin:0 0 34px; padding:0 0 25px; border-bottom:1px solid var(--rd-line); }
.rd-checkout-steps li,.rd-checkout-steps a { display:flex; align-items:center; gap:9px; font-size:13px; font-weight:750; text-decoration:none; }
.rd-checkout-steps li:first-child { color:var(--rd-muted); }
.rd-checkout-steps span { display:grid; place-items:center; width:29px; height:29px; border-radius:50%; background:#e9e8df; flex-shrink:0; }
.rd-checkout-steps [aria-current] { color:var(--rd-purple); }
.rd-checkout-steps [aria-current] span { background:var(--rd-purple); color:white; }
.rd-checkout-layout { display:grid; grid-template-columns:minmax(0,1fr) 410px; gap:32px; align-items:start; }
.rd-checkout-main,.rd-checkout-summary { min-width:0; }
.rd-checkout-summary { position:sticky; top:24px; }
#surfRedesign .rd-checkout-page #checkoutForm { display:grid; gap:22px; padding:0; }
.rd-checkout-section { min-width:0; padding:27px; background:var(--rd-paper); border:1px solid var(--rd-line); border-radius:20px; }
#surfRedesign .rd-checkout-section>h2 { display:flex; align-items:center; gap:12px; margin:0 0 24px; font-size:23px; line-height:1.3; }
.rd-checkout-section>h2>span { display:grid; place-items:center; flex-shrink:0; width:33px; height:33px; border-radius:10px; background:#ece7f7; color:var(--rd-purple); font-size:15px; }
#surfRedesign .rd-checkout-page #heroAddress { display:flex; flex-direction:column; padding:0; margin:0; border:0; background:none; border-radius:0; gap:18px; }
#surfRedesign .rd-checkout-page #heroAddress .fala-address-heading { display:none!important; }
#surfRedesign .rd-checkout-page #heroAddress .hero-address__mode { width:100%; align-self:stretch; order:0; }
#surfRedesign .rd-checkout-page #heroAddress .hero-address__combined { order:1; width:100%; }
#surfRedesign .rd-checkout-page #heroAddress .hero-address__numbers { display:none; }
#surfRedesign .rd-checkout-page .hero-address__city-street,
#surfRedesign .rd-checkout-page .checkout-address__numbers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
#surfRedesign .rd-checkout-page .hero-address__city-street.is-city-only { grid-template-columns:1fr; }
#surfRedesign .rd-checkout-page .checkout-address__numbers { margin-top:16px; }
#surfRedesign .rd-checkout-page .checkout-address__numbers[hidden] { display:none; }
#surfRedesign .rd-checkout-page #checkDistanceButton { order:2; align-self:stretch; width:100%; min-height:50px; margin:0; font-size:15px; }
#surfRedesign .rd-checkout-page #heroAddressHint { order:3; font-size:12px; }
#surfRedesign .rd-checkout-page.has-checked-address #checkDistanceButton,
#surfRedesign .rd-checkout-page.has-checked-address #heroAddressHint { display:none; }
#surfRedesign .rd-checkout-page #routeCard { order:4; margin:0; }
#surfRedesign .rd-checkout-page .pickup-restaurant-list { grid-template-columns:1fr 1fr; }
#surfRedesign .rd-checkout-page .pickup-restaurant-card { padding:16px; min-height:125px; }
#surfRedesign .rd-checkout-page #deliveryScheduleBox { margin-top:20px; padding:18px; background:#edf3f7; border:1px solid #d8e0e5; border-radius:14px; }
#surfRedesign .rd-checkout-page .summary-card__schedule-option { min-width:0; border:1px solid #cddce5; border-radius:10px; padding:11px 13px; background:var(--rd-paper); box-shadow:none; color:var(--rd-ink); font-size:13px; }
#surfRedesign .rd-checkout-page .summary-card__schedule-option:has(input:checked) { background:var(--rd-ink); border-color:var(--rd-ink); color:#fff; box-shadow:none; }
#surfRedesign .rd-checkout-page .summary-card__schedule-option span { color:inherit; }
#surfRedesign .rd-checkout-page #cartLoyaltyCallout { margin:0 0 23px; padding:20px!important; gap:14px!important; background:linear-gradient(120deg,#f0ebfa,#f9f6ff); border:1px solid #d8cfee; border-left:4px solid #8070b7; border-radius:14px!important; box-shadow:0 5px 18px #4233890a; }
#surfRedesign .rd-checkout-page #cartLoyaltyCallout .summary-card__loyalty-copy { gap:8px; min-width:0; }
#surfRedesign .rd-checkout-page #cartLoyaltyCallout .summary-card__loyalty-kicker { display:flex; align-items:center; gap:9px; color:var(--rd-purple); font-size:11px; font-weight:800; }
#surfRedesign .rd-loyalty-mark { display:grid; place-items:center; width:32px; height:32px; flex-shrink:0; border:1px solid #d8cfee; border-radius:50%; background:#fffafc; }
#surfRedesign .rd-loyalty-mark svg { width:22px; height:22px; }
#surfRedesign .rd-checkout-page #cartLoyaltyCallout .summary-card__loyalty-title { font-size:16px!important; line-height:1.4; font-weight:800; }
#surfRedesign .rd-checkout-page #cartLoyaltyCallout .summary-card__loyalty-text { font-size:13px!important; line-height:1.6!important; color:#545065; }
#surfRedesign .rd-checkout-page #cartLoyaltyCallout .summary-card__loyalty-action { max-width:100%; min-height:44px; padding:11px 18px; font-size:13px; font-weight:750; line-height:1.5; }
#surfRedesign .rd-checkout-page .checkout-form__grid { grid-template-columns:1fr 1fr; gap:17px; }
#surfRedesign .rd-checkout-page .checkout-form .field>span,
#surfRedesign .rd-checkout-page #heroAddress label>span { font-size:13px!important; font-weight:700; letter-spacing:0; text-transform:none; color:var(--rd-ink); }
#surfRedesign .rd-checkout-page .field input:not([type=radio]),
#surfRedesign .rd-checkout-page .field select,
#surfRedesign .rd-checkout-page .field textarea { width:100%; min-width:0; min-height:50px; padding:13px 14px; font-size:16px!important; }
#surfRedesign .rd-checkout-page .field:has(#orderNotes) { margin-top:20px; }
#surfRedesign .rd-checkout-page #orderNotes { min-height:104px; resize:vertical; }
#surfRedesign .rd-payment-field>span { display:none; }
#surfRedesign .rd-checkout-page .payment-method-grid { gap:12px; }
#surfRedesign .rd-checkout-page .payment-method-option { display:grid; grid-template-columns:95px minmax(0,1fr) 20px; align-items:center; gap:16px; min-height:80px!important; padding:17px!important; background:var(--rd-paper); border:1px solid #d8e0e5; border-radius:13px; }
#surfRedesign .rd-checkout-page .payment-method-option[hidden] { display:none; }
#surfRedesign .rd-checkout-page .payment-method-option:has(input:checked) { background:#f2eefb; border-color:#8570bc; box-shadow:0 0 0 1px #8570bc; }
#surfRedesign .rd-checkout-page .payment-method-option input { position:static; grid-column:3; grid-row:1; width:19px; min-width:19px; height:19px; min-height:19px; padding:0; margin:0; opacity:1; pointer-events:auto; accent-color:var(--rd-purple); }
#surfRedesign .rd-checkout-page .payment-method-option__logo { grid-column:1; grid-row:1; min-width:0!important; width:100%; max-width:100%; gap:5px; }
#surfRedesign .rd-checkout-page .payment-method-option__copy { grid-column:2; grid-row:1; min-width:0; gap:5px; }
#surfRedesign .rd-checkout-page .payment-method-option__title { font-size:15px!important; font-weight:750; line-height:1.35; color:var(--rd-ink); }
#surfRedesign .rd-checkout-page .payment-method-option__text { font-size:12px!important; font-weight:500; line-height:1.45; color:var(--rd-muted); }
#surfRedesign .rd-checkout-page .payment-method-option__logo img { height:25px!important; width:auto; min-width:0; max-width:100%!important; }
#surfRedesign .rd-checkout-page .payment-method-option__logo--cluster img { height:21px!important; max-width:calc(50% - 3px)!important; }
#surfRedesign.rd-checkout-open #cartPanel { position:static!important; display:grid!important; inset:auto!important; margin:0; max-height:none!important; width:100%; max-width:none; transform:none!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; z-index:1; overflow:visible; border-radius:20px; }
#surfRedesign.rd-checkout-open .cart-panel__header { border-radius:20px 20px 0 0; padding:24px; }
#surfRedesign.rd-checkout-open .cart-panel__header h2 { font-size:23px; }
#surfRedesign.rd-checkout-open .cart-panel__header .section-kicker,
#surfRedesign.rd-checkout-open .cart-panel__actions,
#surfRedesign.rd-checkout-open .rd-cart-continue { display:none; }
#surfRedesign.rd-checkout-open .cart-panel__body { overflow:visible; padding:22px; gap:20px; }
#surfRedesign.rd-checkout-open .cart-item { grid-template-columns:60px minmax(0,1fr); padding:15px; }
#surfRedesign.rd-checkout-open .cart-item img { width:60px; height:60px; }
#surfRedesign.rd-checkout-open .cart-item__copy h3 { font-size:15px; }
#surfRedesign.rd-checkout-open .summary-card { padding:0; background:none; border:0; gap:14px; }
#surfRedesign.rd-checkout-open .summary-card__row { font-size:14px; }
#surfRedesign.rd-checkout-open .summary-card__row--total { font-size:22px; }
#surfRedesign .rd-checkout-actions { display:grid; gap:12px; }
.rd-payment-caption { margin:0; font-size:12px; color:var(--rd-muted); }
#surfRedesign .rd-checkout-page #checkoutButton { min-height:56px; padding:16px; font-size:16px; line-height:1.45; }
#surfRedesign .rd-checkout-page #checkoutButton:disabled { opacity:1; background:#dce4e9; color:#576977; cursor:not-allowed; }
.rd-checkout-page.is-empty .rd-checkout-main,
.rd-checkout-page.is-empty .rd-checkout-actions { display:none!important; }
.rd-checkout-page.is-empty .rd-checkout-layout { grid-template-columns:minmax(0,620px); justify-content:center; }

/* Delivery figures adapt to their actual card width, never squeeze into pills. */
#surfRedesign .route-card__panel { container-type:inline-size; min-width:0; gap:14px; border-radius:14px; padding:18px; }
#surfRedesign .route-card__panel>strong { font-size:17px; line-height:1.45; color:var(--rd-ink); }
#surfRedesign .route-card__panel>p { font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
#surfRedesign .route-card__stats { grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
#surfRedesign .route-card__stats>span { display:flex; flex-direction:column; gap:7px; min-width:0; padding:13px 10px; border:1px solid #d8e0e5; border-radius:10px; background:var(--rd-paper); font-size:12px; line-height:1.4; overflow-wrap:anywhere; }
#surfRedesign .route-card__stats strong { font-size:18px; line-height:1.3; color:var(--rd-ink); font-variant-numeric:tabular-nums; }
#surfRedesign .route-card__meta { display:grid; gap:6px; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
@container(max-width:360px) {
  #surfRedesign .route-card__stats { grid-template-columns:1fr; }
  #surfRedesign .route-card__stats>span { flex-direction:row-reverse; align-items:center; justify-content:space-between; gap:16px; padding:11px 13px; }
  #surfRedesign .route-card__stats strong { flex-shrink:0; max-width:55%; text-align:right; font-size:17px; }
}
@media(max-width:1050px) {
  .rd-checkout-layout { grid-template-columns:minmax(0,1fr) 350px; gap:22px; }
  .rd-checkout-section { padding:22px; }
  #surfRedesign.rd-checkout-open .cart-panel__body { padding:18px; }
  #surfRedesign .rd-checkout-page .hero-address__city-street,
  #surfRedesign .rd-checkout-page .checkout-address__numbers { grid-template-columns:1fr; }
}
@media(max-width:850px) {
  .rd-checkout-layout { grid-template-columns:1fr; max-width:680px; margin:auto; }
  .rd-checkout-summary { position:static; }
}
@media(max-width:650px) {
  .rd-checkout-back { margin:0 0 22px; font-size:13px; }
  .rd-checkout-steps { gap:15px; margin-bottom:24px; padding-bottom:20px; }
  .rd-checkout-steps li,.rd-checkout-steps a { font-size:11px; gap:7px; }
  .rd-checkout-heading>p:last-child { font-size:13px; }
  .rd-checkout-section { padding:20px 17px; border-radius:17px; }
  #surfRedesign .rd-checkout-page #cartLoyaltyCallout { padding:16px!important; }
  #surfRedesign .rd-checkout-section>h2 { font-size:21px; gap:10px; }
  #surfRedesign .rd-checkout-page .checkout-form__grid { grid-template-columns:1fr; }
  #surfRedesign .rd-checkout-page .checkout-address__numbers { grid-template-columns:1fr; }
  #surfRedesign .rd-checkout-page .pickup-restaurant-list { grid-template-columns:1fr; }
  #surfRedesign .rd-checkout-page .payment-method-option { grid-template-columns:72px minmax(0,1fr) 19px; gap:10px; padding:15px 12px!important; }
  #surfRedesign .rd-checkout-page .payment-method-option__title { font-size:14px!important; }
  #surfRedesign .rd-checkout-page .payment-method-option__logo img { height:23px!important; }
  #surfRedesign .rd-checkout-page .payment-method-option__logo--cluster { flex-direction:column; align-items:flex-start; }
  #surfRedesign .rd-checkout-page .payment-method-option__logo--cluster img { height:18px!important; max-width:100%!important; }
}

/* Transparent artwork sits directly on the chosen card background. */
#surfRedesign .rd-offer-image.is-discount { background: #f8dc91; }
#surfRedesign .rd-offer-image.is-discount img { object-fit: contain; padding: 0; }
#surfRedesign #discountCodeMessage[data-tone="success"] { padding: 12px; border-radius: 12px; background: #ede7fa; color: #423389; }
#surfRedesign #codeDiscountLabel { max-width: 75%; }
#surfRedesign #discountCodeMessage[data-tone="error"] { color: #952c25; font-weight: 600; }