/* Shared fluid canvas: page chrome, campaigns, grids and footers follow the viewport.
   Reading measures belong to individual copy blocks, never the outer page shell. */
:root{--joud-gutter:clamp(20px,4vw,192px);--family-height:44px;--header-height:96px}
#siteCoffee{--jc-pad:var(--joud-gutter)}
#siteCafe{--cf-pad:var(--joud-gutter);--mh:var(--header-height)}
#siteCoffee .jc-shell,#siteCafe .wrap,.joud-footer .jf-inner{box-sizing:border-box;width:100%;max-width:none;padding-inline:var(--joud-gutter);margin-inline:auto}
#siteCoffee .jc-header,#siteCafe .hdr{top:var(--family-height)!important}
#siteCoffee .jc-header-row,#siteCafe .hdr-in{min-height:var(--header-height);gap:clamp(20px,2.3vw,36px)}
#siteCoffee .jc-nav,#siteCafe .hdr .nav-links{gap:clamp(15px,1.65vw,27px);min-width:0}
#siteCoffee .jc-nav :is(a,button),#siteCafe .hdr .nav-links a{white-space:nowrap}
#siteCoffee .jc-header-actions,#siteCafe .hdr-actions{flex:none}
#siteCoffee .jc-home-hero-content{max-width:none;padding-inline:var(--joud-gutter)}
#siteCoffee .jc-home-hero{--jc-hero-stage-height:clamp(540px,43vw,700px);height:var(--jc-hero-stage-height);min-height:540px;max-height:760px}
#siteCoffee .jc-home-hero h1{font-size:clamp(4rem,6.7vw,7rem)}
#siteCoffee .jc-section{padding-block:clamp(48px,5vw,80px)}
#siteCoffee .jc-category-image{height:auto;aspect-ratio:1.1;max-height:370px}
#siteCoffee .jc-pdp{gap:clamp(30px,5vw,76px)}
#siteCoffee .jc-pdp-image{max-height:650px}
#siteCoffee .jc-hero-copy{padding-inline:var(--joud-gutter)}
#siteCoffee .jc-hero{min-height:560px}
#siteCafe .mnav{top:calc(var(--family-height) + var(--mh))}
#siteCafe .mmenu{top:calc(var(--family-height) + var(--mh))}
#siteCafe #page-catering :is(#c2-app,#c2-catalog,#c2-focus),#siteCafe #qrtop-anchor{scroll-margin-top:calc(var(--family-height) + var(--mh) + 24px)}
/* High-contrast, two-segment family navigation. Both targets remain useful on narrow screens. */
:is(#siteCoffee,#siteCafe) .domainbar{height:var(--family-height);min-height:var(--family-height);padding:0 var(--joud-gutter);gap:0;background:var(--cherry);overflow:visible;justify-content:center;isolation:isolate;border-bottom:1px solid rgba(255,249,223,.2)}
:is(#siteCoffee,#siteCafe) .domainbar a{display:flex;align-items:center;justify-content:center;gap:11px;flex:0 1 320px;min-width:0;max-width:360px;height:44px;min-height:44px;padding:0 22px;border:0;border-radius:0;background:transparent;color:rgba(255,249,223,.82)!important;animation:none;position:relative;line-height:1.25;white-space:nowrap;font-size:.75rem}
:is(#siteCoffee,#siteCafe) .domainbar a.cur{background:rgba(255,249,223,.12);color:var(--cream)!important;border:0}
:is(#siteCoffee,#siteCafe) .domainbar a.cur:after{content:'';position:absolute;bottom:0;inset-inline:22px;height:2px;background:var(--cream)}
:is(#siteCoffee,#siteCafe) .domainbar a:hover{color:var(--cream)!important;background:rgba(255,249,223,.17)}
:is(#siteCoffee,#siteCafe) .domainbar a:focus-visible{outline:2px solid var(--cream);outline-offset:-5px}
:is(#siteCoffee,#siteCafe) .domainbar .domain-name{font-size:.8125rem;font-weight:600}
:is(#siteCoffee,#siteCafe) .domainbar .dsub{font-size:.6875rem;display:inline;opacity:.86}
:is(#siteCoffee,#siteCafe) .domainbar .dot{display:none}
/* Image-first seasonal opening, with live HTML typography and replaceable art direction. */
#siteCafe .cf-winter-hero{position:relative;isolation:isolate;display:flex;align-items:center;height:clamp(560px,43vw,700px);min-height:560px;overflow:hidden;color:var(--cherry);background:var(--paper)}
#siteCafe .cf-winter-media{position:absolute;inset:0;display:block;z-index:-2}
#siteCafe .cf-winter-media img{height:100%;width:100%;max-width:none;display:block;object-fit:cover;object-position:var(--cf-winter-desktop-position,69% 60%)}
#siteCafe .cf-winter-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,249,223,.97) 0%,rgba(255,249,223,.89) 22%,rgba(255,249,223,.58) 37%,rgba(255,249,223,.08) 57%,transparent 73%);pointer-events:none}
#siteCafe .cf-winter-content{display:flex;flex-direction:column;align-items:flex-start;padding-block:42px}
#siteCafe .cf-campaign-label{font-size:.75rem;line-height:1.6;font-weight:600;letter-spacing:.07em;margin-bottom:23px;max-width:35ch}
#siteCafe .cf-winter-hero h1{font-family:var(--font-display);font-weight:400;font-size:clamp(3.5rem,6.2vw,6.5rem);line-height:1.02;letter-spacing:0;text-transform:uppercase;max-width:100%;text-align:start;margin:0 0 22px;color:var(--cherry);text-wrap:wrap}
#siteCafe .cf-winter-hero p{font-size:1rem;line-height:1.7;margin:0 0 27px;max-width:32ch}
#siteCafe .cf-concept-link{display:inline-flex;align-items:center;gap:12px;font-size:.75rem;line-height:1.5;min-height:44px;margin-top:9px;color:var(--cherry);text-align:start;text-decoration:underline;text-underline-offset:4px}
#siteCafe .cf-intent-bar{display:flex;align-items:center;gap:clamp(25px,4vw,64px);padding-block:15px;border-bottom:1px solid var(--line)}
#siteCafe .cf-intent-bar>span{flex:1;font-size:.6875rem;font-weight:600;letter-spacing:.07em;line-height:1.6}
#siteCafe .cf-intent-bar :is(a,button){display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:44px;font-size:.875rem;font-weight:600;color:var(--cherry);white-space:nowrap}
#siteCafe .cf-intent-bar :is(a,button):hover{text-decoration:underline;text-underline-offset:4px}
#siteCafe #page-home>.wrap.cf-home-section{padding-top:clamp(48px,5vw,76px)}
#siteCafe #page-home .cf-home-section .phead{padding:0 0 28px}
#siteCafe #page-home .cf-home-section .phead p{margin-top:15px}
#siteCafe .cf-food-section .center-cta{padding-bottom:0}
#siteCafe #page-home>.wrap.cf-campaign-wrap{padding-top:clamp(48px,5vw,76px)}
#siteCafe .cf-editorial-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:480px;overflow:hidden;background:var(--paper);border-radius:4px}
#siteCafe .cf-editorial-copy{padding:clamp(30px,4.2vw,64px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
#siteCafe :is(.cf-editorial-copy,.cf-next-card) h2{font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:0;line-height:1.05;color:var(--cherry);font-size:clamp(2.5rem,3.7vw,4rem);margin:20px 0 23px;text-align:start;text-wrap:balance}
#siteCafe .cf-editorial-copy>p{font-size:.9375rem;line-height:1.75;max-width:40ch;margin-bottom:23px}
#siteCafe .cf-editorial-media{min-width:0;min-height:100%;position:relative;background:var(--sand);margin:0}
#siteCafe .cf-editorial-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;display:block}
#siteCafe .cf-editorial-media figcaption{position:absolute;bottom:16px;inset-inline-end:18px;padding:4px 8px;background:var(--cream);color:var(--sub);font-size:.6875rem;line-height:1.5}
#siteCafe .cf-provider-names{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-bottom:26px;font-size:.875rem;font-weight:600;color:var(--cherry)}
#siteCafe .cf-provider-names span+span{padding-inline-start:18px;border-inline-start:1px solid var(--line-strong)}
#siteCafe .cf-module-note{display:block;font-size:.6875rem;line-height:1.7;color:var(--sub);margin-top:16px;max-width:43ch}
#siteCafe .cf-rewards-hero{background:var(--cream);border:1px solid var(--line)}
#siteCafe .cf-rewards-art{background:var(--paper);position:relative;min-height:480px;overflow:hidden;display:grid;place-items:center;padding:60px 35px 85px;color:var(--cherry)}
#siteCafe .cf-rewards-orbit{position:absolute;width:480px;height:480px;border:1px solid rgba(88,9,41,.16);border-radius:50%;inset:auto;transform:translate(5%,-1%)}
#siteCafe .cf-rewards-orbit:before,#siteCafe .cf-rewards-orbit:after{content:'';position:absolute;border:1px solid rgba(88,9,41,.1);border-radius:50%;inset:-48px}
#siteCafe .cf-rewards-orbit:after{inset:48px}
#siteCafe .cf-membership-card{width:min(340px,100%);aspect-ratio:1.586;border:1px solid var(--cherry);border-radius:12px;box-shadow:18px 28px 42px #27081526;background:var(--cherry);color:var(--cream);padding:25px 27px;transform:rotate(-9deg);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}
#siteCafe .cf-membership-card>span{font-size:.625rem;font-weight:600;letter-spacing:.12em;line-height:1.4}
#siteCafe .cf-membership-card img{width:122px;height:75px;object-fit:contain;align-self:center}
#siteCafe .cf-rewards-art-note{position:absolute;bottom:27px;inset-inline:20px;text-align:center;font-size:.625rem;letter-spacing:.12em;line-height:1.7}
#siteCafe .cf-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding-bottom:30px}
#siteCafe .cf-next-card{padding:clamp(28px,3.5vw,48px);background:var(--paper);border-top:2px solid var(--cherry)}
#siteCafe .cf-next-card h2{font-size:clamp(2rem,2.7vw,3rem);margin:18px 0}
#siteCafe .cf-next-card p{font-size:.875rem;line-height:1.75;max-width:49ch;margin-bottom:23px}
#siteCafe .cf-text-link{display:inline-flex;gap:18px;align-items:center;min-height:44px;font-size:.875rem;line-height:1.5;font-weight:600;color:var(--cherry);text-decoration:underline;text-underline-offset:5px}
#siteCafe .cf-location-section .fy-note{font-size:.75rem;line-height:1.7;margin:0}
#siteCafe .cf-location-section .center-cta{padding-bottom:24px}
/* Purposeful full rewards destination. No unconfirmed point or benefit claims. */
#siteCafe .rw-hero{padding-block:clamp(45px,6vw,80px)}
#siteCafe .rw-hero-in{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(30px,5vw,70px)}
#siteCafe .rw-copy h1{font-size:clamp(3rem,5vw,5.3rem);max-width:12ch;line-height:1.05}
#siteCafe .rw-art{min-width:0}
#siteCafe .rw-card{max-width:360px;width:calc(100% - 40px);margin:25px auto}
/* Accessible local conversion previews. */
#siteCafe .cf-modal{position:fixed;inset:0;z-index:170;background:#04050388;display:flex;align-items:center;justify-content:center;padding:20px;overscroll-behavior:contain}
#siteCafe .cf-dialog{width:min(560px,100%);max-height:calc(100svh - 40px);overflow:auto;overscroll-behavior:contain;background:var(--cream);border-radius:6px;border:1px solid var(--line-strong);box-shadow:0 24px 80px #04050333;padding:clamp(26px,4vw,40px);position:relative}
#siteCafe .cf-dialog-close{position:absolute;top:11px;inset-inline-end:11px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;font-size:1.5rem;line-height:1;color:var(--cherry);display:grid;place-items:center}
#siteCafe .cf-dialog>.kick{padding-inline-end:30px;font-size:.6875rem}
#siteCafe .cf-dialog h2{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(2rem,4vw,2.75rem);font-weight:400;line-height:1.1;letter-spacing:0;color:var(--cherry);margin:20px 0 17px;padding-inline-end:12px;text-align:start}
#siteCafe .cf-dialog p{font-size:.875rem;line-height:1.7;margin-bottom:18px}
#siteCafe .cf-dialog .cf-dialog-note{font-size:.75rem;color:var(--sub);margin-top:20px}
#siteCafe .cf-order-choices{display:grid;gap:12px;margin-top:24px}
#siteCafe .cf-order-app{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid var(--line-strong);border-radius:4px;text-align:start;color:var(--cherry);background:transparent}
#siteCafe .cf-order-app:hover{background:var(--paper);border-color:var(--cherry)}
#siteCafe .cf-order-app strong{font-size:1.125rem;display:block;margin-bottom:5px}
#siteCafe .cf-order-app small{font-size:.75rem;color:var(--sub);line-height:1.5;display:block}
/* Source165: selectable official-logo rows; preview wording remains in the shared intro and accessible names. */
#siteCafe #cfOrderChoices .cf-order-app{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;justify-items:center;gap:12px;min-height:76px;padding:0 12px;background:#580929;color:#FFF9DF;border:1px solid #580929;border-radius:6px}
#siteCafe #cfOrderChoices .cf-order-app:hover{background:#6B1237;border-color:#6B1237}
#siteCafe #cfOrderChoices .cf-order-app:focus-visible{outline:2px solid #580929;outline-offset:3px}
#siteCafe #cfOrderChoices .cf-order-logo{display:flex;align-items:center;justify-content:center;width:160px;max-width:100%;height:72px}
#siteCafe #cfOrderChoices .cf-order-logo img{display:block;object-fit:contain;max-width:none;height:auto}
#siteCafe #cfOrderChoices .cf-order-logo-deliveroo img{width:120px}
#siteCafe #cfOrderChoices .cf-order-logo-talabat img{width:104px}
#siteCafe #cfOrderChoices .cf-order-logo-keita img{width:64px;height:auto}
#siteCafe #cfOrderChoices .cf-ui-arrow{justify-self:end}

#siteCafe .cf-order-result{padding:22px;margin-top:23px;background:var(--paper);border:1px solid var(--line);border-radius:4px}
#siteCafe .cf-order-result h3{font-size:1.25rem;margin:12px 0}
#siteCafe .cf-dialog-actions{display:flex;align-items:center;gap:15px 25px;flex-wrap:wrap;margin-top:20px}
#siteCafe .cf-order-branch{padding:10px 13px;background:var(--paper);border-inline-start:2px solid var(--cherry);margin-top:18px}
html[dir=rtl] #siteCafe .cf-winter-hero:after{background:linear-gradient(270deg,rgba(255,249,223,.97),rgba(255,249,223,.9) 24%,rgba(255,249,223,.6) 44%,transparent 80%)}
html[dir=rtl] #siteCafe .cf-winter-hero h1{text-wrap:wrap;font-size:clamp(3rem,6vw,6rem)}
@media(min-width:1700px){#siteCoffee .jc-hero{min-height:600px}}
@media(max-width:1200px){
 :root{--header-height:86px}
 #siteCoffee .jc-nav .jc-nav-optional{display:none}
 #siteCoffee .jc-nav,#siteCafe .hdr .nav-links{gap:17px;font-size:.8125rem}
 #siteCafe .hdr .nav-links a{font-size:.8125rem}
 #siteCafe .cf-editorial-copy{padding:36px}
}
@media(max-width:1024px){
 :root{--header-height:80px}
 #siteCoffee .jc-nav,#siteCafe .hdr .nav-links{display:none}
 #siteCoffee .jc-mobile-toggle,#siteCafe .hdr .burger{display:inline-flex}
 #siteCoffee .jc-header-row{justify-content:space-between}
 #siteCafe .hdr .book-pill{display:inline-flex!important;font-size:.8125rem;padding-inline:16px}
 #siteCafe .mmenu{display:block}
 #siteCafe .cf-editorial-hero{min-height:440px}
 #siteCafe .cf-rewards-art{min-height:440px}
 #siteCafe .cf-editorial-copy{padding:30px}
 #siteCafe .cf-editorial-copy h2{font-size:clamp(2.3rem,4.4vw,3.5rem)}
 #siteCafe .cf-membership-card{padding:22px;width:min(280px,100%)}
 #siteCafe .cf-membership-card img{width:100px;height:61px}
 #siteCafe .cf-intent-bar>span{max-width:32ch}
 #siteCoffee .jc-home-hero,#siteCafe .cf-winter-hero{height:580px;min-height:540px}
 #siteCoffee .jc-home-hero{--jc-hero-stage-height:580px}
 #siteCafe .cf-winter-hero h1{font-size:clamp(3.3rem,6.5vw,4.4rem)}
}
@media(max-width:700px){
 :root{--joud-gutter:20px;--header-height:72px}
 :is(#siteCoffee,#siteCafe) .domainbar{padding-inline:0}
 :is(#siteCoffee,#siteCafe) .domainbar a{flex:1;height:44px;padding-inline:12px;max-width:280px}
 :is(#siteCoffee,#siteCafe) .domainbar .dsub{display:none}
 :is(#siteCoffee,#siteCafe) .domainbar a.cur:after{inset-inline:18px}
 #siteCoffee .jc-header-row,#siteCafe .hdr-in{gap:10px}
 #siteCoffee .jc-brand{width:80px}
 #siteCafe .hdr .book-pill{font-size:.75rem;padding:11px 13px;min-height:44px}
 #siteCafe .hdr-actions{gap:2px}
 #siteCoffee .jc-header-actions{gap:2px}
 #siteCoffee .jc-home-hero{min-height:560px;height:calc(100svh - 116px);max-height:720px;align-items:flex-start}
 #siteCoffee .jc-home-hero h1{font-size:clamp(3.2rem,12.6vw,5.5rem)}
 #siteCoffee .jc-home-hero-content{padding-top:30px}
 #siteCoffee .jc-hero{min-height:0}
 #siteCoffee .jc-hero-copy{padding-inline:20px}
 #siteCafe .cf-winter-hero{height:calc(100svh - 116px);min-height:600px;max-height:780px;align-items:flex-start}
 #siteCafe .cf-winter-media img{object-position:var(--cf-winter-mobile-position,50% 60%)}
 #siteCafe .cf-winter-hero:after,html[dir=rtl] #siteCafe .cf-winter-hero:after{background:linear-gradient(180deg,rgba(255,249,223,.96),rgba(255,249,223,.85) 22%,rgba(255,249,223,.35) 43%,transparent 67%)}
 #siteCafe .cf-winter-content{padding-block:28px}
 #siteCafe .cf-campaign-label{font-size:.625rem;margin-bottom:15px;max-width:none;letter-spacing:.055em}
 #siteCafe .cf-winter-hero h1{font-size:clamp(2.9rem,11vw,4.8rem);line-height:1.04;margin-bottom:15px}
 #siteCafe .cf-winter-hero p{font-size:.875rem;line-height:1.6;margin-bottom:18px}
 #siteCafe .cf-winter-hero p br{display:none}
 #siteCafe .cf-concept-link{font-size:.6875rem;margin-top:3px}
 #siteCafe .cf-intent-bar{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;padding-block:15px}
 #siteCafe .cf-intent-bar>span{grid-column:1/-1;max-width:none;font-size:.625rem;margin-bottom:6px}
 #siteCafe .cf-intent-bar :is(a,button){font-size:.8125rem;gap:10px;justify-content:flex-start}
 #siteCafe #page-home>.wrap.cf-home-section,#siteCafe #page-home>.wrap.cf-campaign-wrap{padding-top:45px}
 #siteCafe .cf-editorial-hero{grid-template-columns:1fr;min-height:0}
 #siteCafe .cf-editorial-copy{padding:30px 24px 32px;order:1}
 #siteCafe .cf-editorial-copy h2{font-size:clamp(2.4rem,9vw,3.4rem);margin:16px 0 20px}
 #siteCafe .cf-editorial-media{order:0;min-height:0;aspect-ratio:1.25}
 #siteCafe .cf-editorial-copy>p{font-size:.875rem;margin-bottom:23px}
 #siteCafe .cf-provider-names{margin-bottom:23px;gap:8px 14px;font-size:.8125rem}
 #siteCafe .cf-provider-names span+span{padding-inline-start:14px}
 #siteCafe .cf-module-note{font-size:.6875rem;max-width:none}
 #siteCafe .cf-rewards-art{min-height:0;aspect-ratio:1.4;padding:44px 35px 62px}
 #siteCafe .cf-membership-card{max-width:270px;width:85%;padding:18px 23px}
 #siteCafe .cf-membership-card>span{font-size:.5625rem}
 #siteCafe .cf-membership-card img{width:96px;height:59px}
 #siteCafe .cf-rewards-art-note{bottom:15px;font-size:.5625rem}
 #siteCafe .cf-more-grid{grid-template-columns:1fr;gap:24px;padding-bottom:0}
 #siteCafe .cf-next-card{padding:28px 24px}
 #siteCafe .cf-next-card h2{font-size:2.5rem}
 #siteCafe .rw-hero-in{grid-template-columns:1fr;gap:25px}
 #siteCafe .rw-copy h1{font-size:clamp(2.8rem,11vw,4.2rem)}
 #siteCafe .cf-modal{padding:16px}
 #siteCafe .cf-dialog{max-height:calc(100svh - 32px);padding:28px 24px}
 /* Reserve a full close-button lane across every wrapped Winter kicker line. */
 #siteCafe #cfWinterModal .cf-dialog>.kick{display:block;padding-inline-end:0;margin-inline-end:44px}
 #siteCafe .cf-order-app{padding:15px}
 #siteCafe .cf-order-result{padding:18px}
 .joud-footer .jf-main{column-gap:25px}
}
@media(max-width:380px){
 #siteCoffee .jc-brand{width:70px}
 #siteCoffee .jc-header-actions{gap:0}
 #siteCafe .hdr .book-pill{padding-inline:10px;font-size:.6875rem}
 #siteCafe .cf-editorial-copy{padding-inline:21px}
 #siteCafe .cf-provider-names{gap:8px 11px}
 #siteCafe .cf-provider-names span+span{padding-inline-start:11px}
 #siteCafe .cf-editorial-copy .btn{padding-inline:17px}
 #siteCafe .cf-membership-card{width:90%;padding:15px 20px}
 #siteCafe .cf-membership-card img{width:86px;height:53px}
}
@media(prefers-reduced-motion:reduce){:is(#siteCoffee,#siteCafe) .domainbar a{animation:none}}
/* Anchor the complete campaign photograph to the actual right edge at every width.
   Its height follows the hero; a soft left fade joins the surrounding campaign colour. */
@media(min-width:701px){
 #siteCoffee .jc-home-hero{background:#efb88b}
 #siteCoffee .jc-home-hero:before{content:'';position:absolute;inset:-70px;z-index:-3;background-image:var(--jc-campaign-desktop-image);background-size:cover;background-position:center;filter:blur(48px);opacity:.75}
 #siteCoffee .jc-home-hero-media{width:calc(var(--jc-hero-stage-height)*1.5);left:auto;right:0;margin:0;mask-image:linear-gradient(90deg,transparent,black 18%)}
 #siteCoffee .jc-home-hero-media img{object-fit:contain;object-position:right center}
 #siteCoffee .jc-home-hero:after{background:linear-gradient(90deg,rgba(255,249,223,.15),transparent 60%)}
}
/* Large desktops retain the same full-width composition instead of a small centred page. */
@media(min-width:1700px){
 #siteCoffee .jc-home-hero{--jc-hero-stage-height:clamp(700px,32vw,1440px);height:var(--jc-hero-stage-height);max-height:none}
 #siteCoffee .jc-home-hero:before{inset:0;background:linear-gradient(105deg,#f9cd97 0%,#f3c091 55%,#e9ad85 100%);filter:none;opacity:1}
 #siteCafe .cf-winter-hero{height:clamp(700px,32vw,1440px)}
 #siteCoffee .jc-home-hero h1,#siteCafe .cf-winter-hero h1{font-size:clamp(7rem,5vw,14rem)}
 #siteCoffee .jc-section-header h2,#siteCafe #page-home .phead h2{font-size:clamp(3.4rem,2.5vw,6rem)}
 #siteCoffee .jc-grid,#siteCafe .mhl-grid{gap:clamp(28px,2vw,64px)}
 #siteCoffee .jc-card-image{aspect-ratio:auto;height:clamp(400px,23vw,720px)}
 #siteCoffee .jc-category-image{max-height:560px;aspect-ratio:1.35}
 #siteCoffee .jc-shop-layout .jc-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
 #siteCoffee .jc-shop-layout .jc-card-image{height:auto;aspect-ratio:1/1.12}
 #siteCafe .mhl img,#siteCafe .mhl .mhl-ph{max-height:600px}
 #siteCafe .cf-editorial-hero{min-height:clamp(520px,25vw,800px)}
 #siteCafe .cf-editorial-copy{padding:clamp(64px,4vw,144px)}
 .joud-footer .jf-main{grid-template-columns:minmax(0,1fr) minmax(360px,480px);column-gap:clamp(64px,5vw,192px)}
}
@media(min-width:3000px){
 #siteCafe .mhl-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
}
/* The portrait delivery composition retains the takeaway bag and foreground dishes. */
#siteCafe .cf-delivery-hero .cf-editorial-media{aspect-ratio:4/5;min-height:0}
#siteCafe .cf-delivery-hero .cf-editorial-copy{padding-block:42px}
@media(max-width:700px){
 #siteCafe .cf-delivery-hero .cf-editorial-media{aspect-ratio:1.05}
 #siteCafe .cf-delivery-hero .cf-editorial-media img{object-position:50% 58%!important}
 #siteCafe .cf-delivery-hero .cf-editorial-copy{padding-block:30px 32px}
}
/* Keep the delivery campaign shorter than the main opening, without chopping the product scene. */
@media(min-width:701px){
 #siteCafe .cf-delivery-hero{min-height:520px}
 #siteCafe .cf-delivery-hero .cf-editorial-media{aspect-ratio:auto;min-height:520px;background:#e9dac0}
 #siteCafe .cf-delivery-hero .cf-editorial-media img{object-fit:contain}
}

/* Reserve footer space only when the active catering summary is actually shown. */
@media(max-width:999px){
 #siteCafe.on-catering .joud-footer{padding-bottom:0}
 #siteCafe.on-catering:has(#page-catering:not(.c2-keyboard) #c2-mobile:not(:empty)) .joud-footer{padding-bottom:110px}
}

/* Decorative arrows are SVG, independent of text-font glyph coverage. */
#siteCafe .cf-ui-arrow{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#siteCafe .cf-concept-link .cf-ui-arrow{width:14px;height:14px;flex-basis:14px}

/* The quick-intent strip is navigation, not another padded editorial section. */
#siteCafe #page-home>.wrap.cf-intent-bar{padding-block:15px}

/* Shorter mobile campaign copy preserves impact without four oversized lines. */
#siteCafe .cf-delivery-short{display:none}
@media(max-width:700px){
 #siteCafe .cf-delivery-long{display:none}
 #siteCafe .cf-delivery-short{display:block}
 #siteCafe .cf-delivery-hero .cf-editorial-copy h2{font-size:clamp(2.375rem,10.5vw,2.625rem);line-height:1.05}
}
/* Tablet photo detail stays crisp while a directional scrim protects the live headline. */
@media(min-width:701px) and (max-width:900px){
 #siteCoffee .jc-home-hero:after{background:linear-gradient(90deg,rgba(255,249,223,.78) 0%,rgba(255,249,223,.62) 42%,rgba(255,249,223,.18) 57%,transparent 70%)}
 html[dir=rtl] #siteCoffee .jc-home-hero:after{background:linear-gradient(270deg,rgba(255,249,223,.78) 0%,rgba(255,249,223,.62) 42%,rgba(255,249,223,.18) 57%,transparent 70%)}
}

/* Keep the merchandise heading/link row inside very narrow phone viewports. */
@media(max-width:380px){
 #siteCoffee .jc-section-header{flex-direction:column;gap:12px}
 #siteCoffee .jc-section-header>.jc-text-link{margin-top:0;max-width:100%;align-self:flex-start}
}

/* Three-brand family navigation; preserve independent commerce. */
:is(#siteCoffee,#siteCafe) .domainbar{display:flex!important}:is(#siteCoffee,#siteCafe) .domainbar a{flex:1 1 0;max-width:360px;padding-inline:12px}@media(max-width:900px){:is(#siteCoffee,#siteCafe) .domainbar .dsub{display:none}}@media(max-width:400px){:is(#siteCoffee,#siteCafe) .domainbar .domain-name{font-size:.72rem}}

/* Family destinations: brand introductions lead to each landing page. */
#siteCafe .cf-catering-bridge .cf-next-card{max-width:none}
#siteCafe .cf-home-destinations .phead{padding-top:0}
#siteCafe .cf-destination-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
#siteCafe .cf-destination-card{display:flex;flex-direction:column;background:var(--paper);min-width:0}
#siteCafe .cf-destination-card>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
#siteCafe .cf-destination-copy{padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;align-items:flex-start;flex:1}
#siteCafe .cf-destination-copy h3{font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:clamp(2rem,3vw,3.5rem);line-height:1.08;color:var(--cherry);margin:18px 0}
#siteCafe .cf-destination-copy p{font-size:.875rem;line-height:1.75;max-width:46ch;margin-bottom:24px}
#siteCafe .cf-destination-copy .cf-text-link{margin-top:auto}
@media(max-width:699px){#siteCafe .cf-destination-grid{grid-template-columns:1fr;gap:24px}#siteCafe .cf-destination-copy{padding:26px 24px}}

/* UX-005: wide PDP hierarchy. Preserve the fluid outer shell and existing mobile
   treatment; keep the primary product adjacent to its options, not stranded at
   the far edge of an oversized grid cell. Reading measures stay inside prose. */
@media(min-width:1700px){
  #siteCoffee #page-product .jc-pdp-gallery{width:100%;max-width:42vw;justify-self:end}
  #siteCoffee #page-product .jc-pdp-image{width:100%;max-height:none}
  #siteCoffee #page-product :is(.jc-details p,.jc-details li,.jc-product-story p,.jc-product-recipe p,.jc-product-recipe li,.jc-taste-descriptors dd){max-width:68ch}
}

/* QA053: mobile campaign disclosure text has an opaque, known-contrast surface. */
@media(max-width:700px){
  #siteCafe .cf-winter-hero .cf-concept-link{background:var(--cream);padding-inline:8px}
}

/* v141: distinct local Joud-at-home destinations; brand palette unchanged elsewhere. */
#siteCafe .cf-destination-coffee{background:#B3CD8E}
#siteCafe .cf-destination-bakery{background:#A9CAEE}
#siteCafe .cf-home-destinations .cf-destination-copy,#siteCafe .cf-home-destinations .cf-destination-copy :is(.kick,h3,p,a){color:#580929}
#siteCafe .cf-home-destinations .cf-text-link:focus-visible{outline:2px solid #580929;outline-offset:5px}

/* v148: one fluid page grid; constrain height and reading measures, not isolated section widths. */
:root{--family-height:0px}
#siteCoffee #page-coffee-home>:is(.jc-home-hero,.jc-finder-banner,.jc-home-subscription){width:100%;max-width:none;margin-inline:auto}
#siteCoffee #page-coffee-home>:is(.jc-campaign,.jc-cafe-visit){width:calc(100% - 2 * var(--joud-gutter));max-width:none;margin-inline:auto}
#siteCoffee .jc-merch-layout{max-width:none;margin-inline:0}
#siteCoffee .jc-campaign{min-height:0}
#siteCoffee .jc-campaign-copy{padding:clamp(32px,4vw,64px)}
#siteCoffee .jc-campaign-copy h2{font-size:clamp(2.8rem,4vw,4.4rem);max-width:19ch}
#siteCoffee .jc-campaign-copy>p{max-width:45ch}
#siteCoffee .jc-campaign-image img{max-height:640px}
#siteCoffee .jc-merch-editorial>img{max-height:440px}
#siteCafe #page-home>:is(.cf-winter-hero,.cf-home-section,.cf-campaign-wrap){max-width:none;margin-inline:auto}
#siteCafe .cf-destination-grid{max-width:none;margin-inline:0}
#siteCoffee .jc-home-hero-content{padding-inline:var(--joud-gutter)}
@media(min-width:1001px){#siteCoffee .jc-home-hero,#siteCafe .cf-winter-hero{height:clamp(540px,37vw,680px);min-height:0;max-height:680px}}
@media(min-width:901px){#siteCoffee .jc-cafe-visit .jc-visit-photo{max-height:620px;object-fit:cover;object-position:45% 55%}}
@media(min-width:1600px){#siteCafe .cf-destination-card{display:grid;grid-template-columns:1fr 1fr;align-items:center}#siteCafe .cf-destination-card>img{height:auto;object-fit:contain}#siteCafe .cf-destination-copy{padding:clamp(28px,2vw,48px)}#siteCafe .cf-destination-copy h3{font-size:clamp(2.3rem,2.4vw,3.5rem)}}
@media(max-width:700px){#siteCoffee .jc-home-hero{height:calc(100svh - 72px)}#siteCafe .cf-winter-hero{height:calc(100svh - 72px)}#siteCoffee #page-coffee-home>:is(.jc-campaign,.jc-cafe-visit){width:100%}#siteCoffee .jc-campaign-copy{padding:32px var(--joud-gutter)}#siteCoffee .jc-campaign-copy h2{font-size:clamp(2.6rem,10vw,3.5rem)}}

/* v148 selected cooler scene: full image, clean copy panel, no can/hand crop. */
#siteCoffee #page-coffee-home>.jc-home-hero{display:grid;grid-template-columns:35% 65%;height:auto;min-height:0;max-height:none;align-items:center;background:var(--ui-canvas,#F7F3EC)}
#siteCoffee .jc-home-hero:after{display:none}
#siteCoffee .jc-home-hero-media{position:relative;inset:auto;grid-column:2;grid-row:1;z-index:auto;width:100%;align-self:center}
#siteCoffee .jc-home-hero-media img{height:auto;width:100%;max-height:720px;object-fit:contain}
#siteCoffee .jc-home-hero-content{grid-column:1;grid-row:1;min-width:0;padding:clamp(28px,3vw,64px) var(--joud-gutter)}
#siteCoffee .jc-home-hero h1{font-size:clamp(3rem,5.5vw,6.5rem);margin-bottom:26px}
@media(max-width:900px){#siteCoffee #page-coffee-home>.jc-home-hero{grid-template-columns:1fr}#siteCoffee .jc-home-hero-media{grid-column:1;grid-row:1}#siteCoffee .jc-home-hero-content{grid-column:1;grid-row:2;padding:30px var(--joud-gutter)}#siteCoffee .jc-home-hero h1{font-size:clamp(3rem,8vw,4.5rem)}}

/* v149: natural-aspect LTO photo track, no interior containment bars. */
@media(min-width:901px){
 #siteCoffee .jc-campaign{grid-template-columns:min(50%,960px) minmax(0,1fr)}
 #siteCoffee .jc-campaign-image{aspect-ratio:3/2;align-self:stretch;display:block}
 #siteCoffee .jc-campaign-image img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:42% center}
}
@media(max-width:900px){
 #siteCoffee .jc-campaign{grid-template-columns:1fr}
 #siteCoffee .jc-campaign-image{aspect-ratio:3/2;display:block}
 #siteCoffee .jc-campaign-image img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}
}

/* v150: center the bounded LTO copy block, retaining left-aligned type and existing measure. */
@media(min-width:901px){#siteCoffee .jc-campaign-copy{width:100%;max-width:614px;justify-self:center}}

/* v151: full-track campaign paint is separate from bounded, centered copy. */
#siteCoffee .jc-campaign-panel{display:grid;align-items:stretch;min-width:0;background:var(--accent-campaign,var(--ui-story,var(--olive-d)))}

/* v152: full16:9 motion, bounded natural track, persistent accessible motion control. */
@media(min-width:901px){#siteCoffee #page-coffee-home>.jc-home-hero{grid-template-columns:minmax(0,1fr) min(65%,1280px)}}
#siteCoffee .jc-video-stage{position:relative;aspect-ratio:16/9}
#siteCoffee .jc-video-stage>img{display:block;width:100%;height:auto;max-height:none}
#siteCoffee .jc-video-stage>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#siteCoffee .jc-video-toggle{position:absolute;right:16px;bottom:16px;z-index:2;min-height:44px;min-width:100px;padding:10px 16px;background:#FFF9DF;color:#580929;border:1px solid #580929;border-radius:3px;font:600 12px/1.4 Montserrat,Arial,sans-serif}
#siteCoffee .jc-video-toggle:focus-visible{outline:3px solid #580929;outline-offset:3px}
@media(max-width:700px){#siteCoffee .jc-video-toggle{right:10px;bottom:10px;min-width:96px;padding:8px 12px}}

/* v153 selected portrait catering photo: preserve both cups and pastries, no cover crop. */
#siteCafe .cf-catering-bridge .cf-catering-feature{display:grid;grid-template-columns:min(42%,500px) minmax(0,1fr);align-items:center;padding:0}
#siteCafe .cf-catering-photo{display:block;width:100%;height:auto;align-self:center}
#siteCafe .cf-catering-copy{width:100%;max-width:720px;justify-self:center;padding:clamp(28px,3.5vw,48px);text-align:left}
@media(max-width:600px){#siteCafe .cf-catering-bridge .cf-catering-feature{grid-template-columns:1fr}#siteCafe .cf-catering-copy{padding:28px 24px}}

/* v154 desktop motion is the full stage: no legacy orange paint or image mask. */
@media(min-width:901px){
 #siteCoffee #page-coffee-home>.jc-home-hero{display:block;height:clamp(430px,39.0625vw,1000px);min-height:0;max-height:1000px;background:#171717}
 #siteCoffee .jc-home-hero:before,#siteCoffee .jc-home-hero:after{display:none;background:none;filter:none}
 #siteCoffee .jc-home-hero-media.jc-video-stage{position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:auto;mask-image:none;-webkit-mask-image:none}
 #siteCoffee .jc-video-stage>img,#siteCoffee .jc-video-stage>video{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 53%}
 #siteCoffee .jc-home-hero-content{position:relative;z-index:1;width:42%;max-width:700px;height:100%;margin:0;padding:clamp(28px,3vw,64px) var(--joud-gutter);justify-content:center;background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.48) 65%,transparent);pointer-events:none}
 #siteCoffee .jc-home-hero-content h1,#siteCoffee .jc-home-hero-content .jc-campaign-label{color:#FFF9DF;text-shadow:0 2px 12px rgba(0,0,0,.75)}
 #siteCoffee .jc-home-hero-content h1{font-size:clamp(3.5rem,5vw,6.5rem)}
 #siteCoffee .jc-home-hero-content .jc-button{pointer-events:auto;background:#FFF9DF;color:#580929;border-color:#FFF9DF;text-shadow:none}
 #siteCoffee .jc-home-hero-content .jc-button:hover{background:#580929;color:#FFF9DF}
 #siteCoffee .jc-video-toggle{z-index:3}
 html[dir=rtl] #siteCoffee .jc-home-hero-content{margin-left:auto;background:linear-gradient(270deg,rgba(0,0,0,.65),rgba(0,0,0,.48) 65%,transparent)}
}

/* v154 source-aware landscape catering track; original portrait remains mobile. */
@media(min-width:601px){#siteCafe .cf-catering-bridge .cf-catering-feature{grid-template-columns:min(50%,960px) minmax(0,1fr)}}
#siteCafe .cf-catering-media{display:block;width:100%;align-self:center}
#siteCafe .cf-catering-media img{display:block;width:100%;height:auto}

/* Source159: approved packaging, native-ratio art and official unmodified provider marks. */
#siteCafe .cf-delivery-hero{grid-template-columns:minmax(0,1fr) min(55%,960px);min-height:0;background:#A9CAEE;align-items:center}
#siteCafe .cf-delivery-hero .cf-editorial-copy{width:100%;max-width:694px;justify-self:center;padding:36px 40px}
#siteCafe .cf-delivery-hero .cf-editorial-media{aspect-ratio:3/2;min-height:0;background:transparent;width:100%}
#siteCafe .cf-delivery-hero .cf-editorial-media picture{display:block;width:100%;height:100%}
#siteCafe .cf-delivery-hero .cf-editorial-media img{position:static;width:100%;height:100%;object-fit:contain;object-position:50% 50%!important}
/* Source164: one endorsement rail, equal optical cells; authentic marks stay unmodified. */
#siteCafe .cf-delivery-hero .cf-provider-names{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:center;width:480px;max-width:100%;margin-bottom:24px;background:transparent;border-radius:0;overflow:hidden}
#siteCafe .cf-delivery-hero .cf-provider-mark{display:flex;align-items:center;justify-content:center;min-width:0;height:88px;min-height:0;border:0;padding:0;background:transparent;border-radius:0}
#siteCafe .cf-delivery-hero .cf-provider-mark+.cf-provider-mark{padding-inline-start:0;border-inline-start:0}
#siteCafe .cf-delivery-hero .cf-provider-mark img{display:block;object-fit:contain;max-width:none}
#siteCafe .cf-delivery-hero .cf-provider-deliveroo img{width:120px;height:auto}
#siteCafe .cf-delivery-hero .cf-provider-talabat img{width:104px;height:auto}
#siteCafe .cf-delivery-hero .cf-provider-keeta img{width:64px;height:auto}
@media(min-width:1000px) and (max-width:1199px){#siteCafe .cf-delivery-hero .cf-provider-names{display:flex;justify-content:space-between;gap:20px;padding:0 20px}#siteCafe .cf-delivery-hero .cf-provider-deliveroo img{width:112px}#siteCafe .cf-delivery-hero .cf-provider-talabat img{width:96px}#siteCafe .cf-delivery-hero .cf-provider-keeta img{width:60px;height:auto}}
@media(min-width:1000px) and (max-width:1599px){#siteCafe .cf-delivery-hero{grid-template-columns:1fr 1fr}#siteCafe .cf-delivery-hero .cf-editorial-media{aspect-ratio:1}#siteCafe .cf-delivery-hero .cf-editorial-copy{padding:24px}#siteCafe .cf-delivery-hero h2{font-size:clamp(2.25rem,3vw,3rem)}}
@media(max-width:999px){#siteCafe .cf-delivery-hero{grid-template-columns:1fr}#siteCafe .cf-delivery-hero .cf-editorial-media{order:0;aspect-ratio:3/2}#siteCafe .cf-delivery-hero .cf-editorial-copy{order:1;max-width:694px;padding:30px}}
@media(max-width:700px){#siteCafe .cf-delivery-hero .cf-editorial-media{aspect-ratio:1}#siteCafe .cf-delivery-hero .cf-editorial-copy{padding:30px 22px}#siteCafe .cf-delivery-hero .cf-provider-names{display:flex;justify-content:space-between;width:320px;max-width:100%;gap:15px;padding:0;padding-inline:15px 9px;flex-wrap:nowrap}#siteCafe .cf-delivery-hero .cf-provider-mark{flex:0 0 auto;height:64px}#siteCafe .cf-delivery-hero .cf-provider-deliveroo img{width:90px}#siteCafe .cf-delivery-hero .cf-provider-talabat img{width:58px}#siteCafe .cf-delivery-hero .cf-provider-keeta img{width:44px;height:auto}}

/* Source167: a quieter, bounded Limited Collection feature on the shared page grid. */
#siteCoffee .jc-campaign{grid-template-columns:minmax(0,1fr);--panel-bg:#F7F3EC;--panel-copy:#580929;--accent-campaign:#F7F3EC;background:#F7F3EC;color:#580929}
#siteCoffee .jc-campaign-layout{display:grid;grid-template-columns:minmax(0,840fr) minmax(0,688fr);width:100%;max-width:1528px;justify-self:center;min-width:0}
#siteCoffee .jc-campaign-panel{padding:clamp(32px,3vw,64px);align-content:center;background:#F7F3EC}
#siteCoffee .jc-campaign-panel .jc-campaign-copy{width:100%;max-width:560px;min-width:0;padding:0;justify-self:center;background:transparent}
#siteCoffee .jc-campaign-panel .jc-campaign-copy h2{font-size:clamp(2.4rem,2.7vw,3.75rem);line-height:1.06;max-width:19ch;margin-bottom:20px}
#siteCoffee .jc-campaign-panel .jc-campaign-copy>p{max-width:45ch;margin-bottom:20px}
#siteCoffee .jc-campaign-panel .jc-campaign-product{border-top-color:rgba(88,9,41,.18)}
@media(min-width:901px){#siteCoffee .jc-campaign-image{aspect-ratio:3/2}#siteCoffee .jc-campaign-image img{object-position:42% center}}
@media(max-width:900px){#siteCoffee .jc-campaign-layout{grid-template-columns:minmax(0,1fr)}
#siteCoffee .jc-campaign-panel{padding:32px var(--joud-gutter)}#siteCoffee .jc-campaign-panel .jc-campaign-copy{max-width:560px}#siteCoffee .jc-campaign-panel .jc-campaign-copy h2{font-size:clamp(2.4rem,8vw,3.25rem);width:auto;max-width:19ch}}
/* Menu navigation is one warm local surface, not a white stripe above cream chips. */
#siteCafe #page-menus .mnav{background:#F7F3EC}
#siteCafe #page-menus .mnav :is(.mmain,.msub){background:transparent}

/* v169: mobile mirrors desktop hierarchy, with native keyboard Shop disclosure. */
#siteCoffee .jc-mobile-links>details{width:100%;min-width:0;border-bottom:1px solid var(--line)}
#siteCoffee .jc-mobile-shop>summary{min-height:48px;cursor:pointer;padding:14px 0;font-size:1rem;font-weight:600}
#siteCoffee .jc-mobile-shop-group{padding:10px 0 12px 16px}
#siteCoffee .jc-mobile-shop-group h3{font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.03em;margin:0 0 6px}
#siteCoffee .jc-mobile-shop-group a{display:flex;align-items:center;min-height:44px;padding:10px 0;font-size:.875rem;border:0}
#siteCoffee .jc-mobile-links summary:focus-visible{outline:2px solid #580929;outline-offset:3px}

/* v171: equal mobile optical cells, with no rail or altered logo artwork. */
@media(max-width:700px){
 #siteCafe .cf-delivery-hero .cf-provider-names{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:normal;width:calc(100% + 32px);max-width:none;gap:0;padding:0;margin-inline:-16px;overflow:visible}
 #siteCafe .cf-delivery-hero .cf-provider-mark{width:100%;height:64px;justify-content:center}
 #siteCafe .cf-delivery-hero .cf-provider-talabat img{width:72px}
 #siteCoffee .jc-arrivals{padding-bottom:32px}
 #siteCoffee .jc-bestsellers{position:relative;padding-top:32px}
 #siteCoffee .jc-bestsellers::before{content:"";position:absolute;top:0;inset-inline:var(--jc-pad);height:1px;background:rgba(88,9,41,.18)}
 #siteCoffee :is(.jc-arrivals,.jc-bestsellers) .jc-section-header{align-items:flex-end;flex-wrap:wrap;gap:16px}
 #siteCoffee :is(.jc-arrivals,.jc-bestsellers) .jc-section-header>.jc-text-link{margin-top:0}
}
@media(max-width:360px){#siteCafe .cf-delivery-hero .cf-provider-deliveroo img{width:74px}#siteCafe .cf-delivery-hero .cf-provider-talabat img{width:60px}#siteCafe .cf-delivery-hero .cf-provider-keeta img{width:40px}}