.page-restaurants{background:#050505;color:#f8f8f6}.page-restaurants main{min-height:70vh}.restaurant-directory-page{width:min(1440px,calc(100% - 48px));margin:0 auto;padding:54px 0 90px}.restaurant-directory-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:40px;align-items:end;padding:26px 0 38px;border-bottom:1px solid #272727}.directory-kicker{color:#ff6800;font-size:12px;font-weight:900;letter-spacing:.18em}.restaurant-directory-hero h1{font-size:clamp(36px,5vw,68px);line-height:.98;letter-spacing:-.045em;margin:14px 0 16px;max-width:760px}.restaurant-directory-hero>div>p{margin:0;color:#aaa;font-size:17px}.directory-location-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px 18px;border:1px solid #2e2e2e;border-radius:18px;background:#111}.directory-location-pin{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#ff6800;color:#080808;font-size:22px;font-weight:900}.directory-location-card div{min-width:0;display:grid;gap:3px}.directory-location-card small{color:#888;font-size:9px;font-weight:900;letter-spacing:.14em}.directory-location-card strong{font-size:14px}.directory-location-card p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#aaa;font-size:12px}.directory-location-card button,.restaurant-directory-empty button{border:0;border-radius:999px;padding:9px 13px;background:#242424;color:#fff;font-weight:800;cursor:pointer}.restaurant-directory-toolbar{display:flex;gap:18px;justify-content:space-between;align-items:end;padding:26px 0}.directory-search{display:grid;grid-template-columns:auto minmax(180px,420px) auto;align-items:center;flex:1;max-width:620px;height:50px;border:1px solid #303030;border-radius:14px;background:#111;overflow:hidden}.directory-search>span{padding-left:16px;color:#aaa;font-size:23px}.directory-search input{height:100%;border:0;background:transparent;color:#fff;padding:0 14px;font:inherit;outline:0}.directory-search button{height:100%;border:0;padding:0 20px;background:#ff6800;color:#070707;font-weight:900;cursor:pointer}.directory-filter-group{display:flex;align-items:end;gap:10px}.directory-filter-group>label:not(.directory-veg-filter){display:grid;gap:5px}.directory-filter-group label>span{font-size:10px;color:#888;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.directory-filter-group select{height:42px;border:1px solid #303030;border-radius:11px;background:#111;color:#fff;padding:0 34px 0 12px}.directory-veg-filter{height:42px;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid #303030;border-radius:11px;background:#111;cursor:pointer}.directory-veg-filter input{accent-color:#15a655}.restaurant-directory-heading{display:flex;justify-content:space-between;align-items:end;padding:20px 0}.restaurant-directory-heading h2{margin:0 0 5px;font-size:27px}.restaurant-directory-heading p{margin:0;color:#888;font-size:13px}.restaurant-directory-heading a{color:#ff6800;font-weight:800;text-decoration:none}.restaurant-store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.restaurant-store-card{display:grid;background:#101010;border:1px solid #242424;border-radius:20px;overflow:hidden;color:inherit;text-decoration:none;transition:.2s transform,.2s border-color,.2s box-shadow}.restaurant-store-card:hover{transform:translateY(-4px);border-color:#505050;box-shadow:0 22px 45px #0008}.restaurant-store-image{position:relative;aspect-ratio:16/10;background:#181818;overflow:hidden}.restaurant-store-image img{width:100%;height:100%;object-fit:cover;transition:.3s transform}.restaurant-store-card:hover img{transform:scale(1.035)}.restaurant-store-placeholder{height:100%;display:grid;place-content:center;justify-items:center;background:radial-gradient(circle at 70% 15%,#44230f,#141414 55%);gap:5px}.restaurant-store-placeholder b{font-size:46px}.restaurant-store-placeholder span{color:#aaa;font-size:9px;letter-spacing:.17em}.restaurant-store-offer,.restaurant-store-closed{position:absolute;left:14px;top:14px;padding:8px 10px;border-radius:9px;background:#ff6800;color:#070707;font-size:11px;font-weight:900}.restaurant-store-closed{top:auto;bottom:14px;background:#0b0b0bdd;color:#fff}.restaurant-store-copy{display:grid;gap:13px;padding:18px}.restaurant-store-title{display:flex;justify-content:space-between;gap:12px}.restaurant-store-title h3{margin:0 0 5px;font-size:19px}.restaurant-store-title p,.restaurant-store-cuisines{margin:0;color:#959595;font-size:12px}.restaurant-store-title>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid #333;border-radius:50%;color:#ff6800}.restaurant-store-cuisines{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.restaurant-store-meta{display:flex;gap:8px;flex-wrap:wrap}.restaurant-store-meta span{padding:7px 9px;border-radius:8px;background:#191919;color:#9d9d9d;font-size:10px}.restaurant-store-meta b{color:#fff}.restaurant-pure-veg{justify-self:start;color:#2bd775;border:1px solid #23643e;border-radius:6px;padding:5px 7px;font-size:9px;font-weight:900}.restaurant-store-card.is-unavailable{opacity:.7}.restaurant-directory-empty{grid-column:1/-1;min-height:300px;display:grid;place-content:center;justify-items:center;text-align:center;border:1px dashed #333;border-radius:20px;background:#0d0d0d}.restaurant-directory-empty>span{font-size:38px;color:#ff6800}.restaurant-directory-empty h2{margin:12px 0 6px}.restaurant-directory-empty p{color:#888}.restaurant-directory-empty button{background:#ff6800;color:#080808}.page-restaurants .consumer-footer{border-top:1px solid #202020}
@media(max-width:1050px){.restaurant-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.restaurant-directory-hero{grid-template-columns:1fr}.restaurant-directory-toolbar{align-items:stretch;flex-direction:column}.directory-search{max-width:none}.directory-filter-group{flex-wrap:wrap}}
@media(max-width:650px){.restaurant-directory-page{width:min(100% - 28px,1440px);padding-top:26px}.restaurant-directory-hero h1{font-size:40px}.directory-location-card{grid-template-columns:auto minmax(0,1fr)}.directory-location-card button{grid-column:2;justify-self:start}.restaurant-store-grid{grid-template-columns:1fr}.directory-filter-group>label:not(.directory-veg-filter){flex:1}.directory-filter-group select{width:100%}.restaurant-directory-heading{align-items:flex-start;gap:14px}.restaurant-directory-heading h2{font-size:23px}}

/* The directory uses the same black/orange customer shell as the homepage. */
.page-restaurants .consumer-announcement{border-bottom:1px solid #202020;background:#000;color:#fff}.page-restaurants .consumer-announcement a{color:#ff6b00}.page-restaurants .reference-consumer-header{border-bottom:1px solid #222;background:#050505;color:#fff}.page-restaurants .reference-consumer-header .consumer-brand{border-color:#262626}.page-restaurants .brand-logo-dark{display:none}.page-restaurants .brand-logo-light{display:block;width:122px;height:auto}.page-restaurants .reference-consumer-header .consumer-location,.page-restaurants .reference-consumer-header .header-icon-link,.page-restaurants .reference-consumer-header .cart-link,.page-restaurants .reference-consumer-header .consumer-account-menu>summary{color:#fff}.page-restaurants .reference-consumer-header .header-pin,.page-restaurants .reference-consumer-header .header-search{border-color:#2b2b2b;background:#141414}.page-restaurants .reference-consumer-header .header-search input{color:#fff}.page-restaurants .header-language{border-color:#333;color:#fff}.page-restaurants .restaurant-directory-page{padding-top:36px}.page-restaurants .restaurant-directory-hero{padding-top:18px}.page-restaurants .consumer-account-popover{border-color:#303030;background:#111;color:#fff}.page-restaurants .consumer-account-popover:before{border-color:#303030;background:#111}.page-restaurants .consumer-account-popover>a,.page-restaurants .consumer-account-popover>button,.page-restaurants .consumer-account-popover form button{color:#fff!important}.page-restaurants .consumer-account-popover>a:hover,.page-restaurants .consumer-account-popover>button:hover{background:#222}
@media(max-width:820px){.page-restaurants .reference-consumer-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:12px 14px}.page-restaurants .reference-consumer-header .consumer-brand{padding-right:10px}.page-restaurants .reference-consumer-header .brand-logo-light{width:94px}.page-restaurants .reference-consumer-header .consumer-location{min-width:0}.page-restaurants .reference-consumer-header .consumer-location small{max-width:36vw}.page-restaurants .reference-consumer-header .header-search{grid-column:1/-1;grid-row:2;width:100%;max-width:none}.page-restaurants .reference-consumer-header .consumer-actions{gap:8px}.page-restaurants .reference-consumer-header .header-language,.page-restaurants .reference-consumer-header .header-veg,.page-restaurants .reference-consumer-header .orders-link,.page-restaurants .reference-consumer-header .consumer-account-menu>summary>b,.page-restaurants .reference-consumer-header .cart-link>b{display:none}.restaurant-directory-page{padding-top:18px}.restaurant-directory-hero{gap:20px;padding:8px 0 24px}.restaurant-directory-hero h1{font-size:clamp(32px,10vw,44px);line-height:1.02;margin-top:10px}.restaurant-directory-hero>div>p{font-size:14px;line-height:1.5}.restaurant-directory-toolbar{gap:12px;padding:18px 0}.directory-search{grid-template-columns:auto minmax(0,1fr) auto}.directory-filter-group{display:grid;grid-template-columns:1fr 1fr}.directory-veg-filter{grid-column:1/-1}.restaurant-directory-heading{padding:12px 0 18px}.restaurant-store-grid{gap:16px}.restaurant-store-copy{padding:15px}.restaurant-store-title h3{font-size:18px}}
@media(max-width:520px){.page-restaurants .reference-consumer-header .consumer-location small{display:none}.directory-location-card{padding:14px}.directory-search button{padding:0 16px}.directory-filter-group{grid-template-columns:1fr}.directory-veg-filter{grid-column:auto}.restaurant-directory-heading{display:grid}.restaurant-store-image{aspect-ratio:16/9}}

/* The customer-selected appearance must theme the whole directory, not only its header. */
html[data-theme="light"] .page-restaurants{background:#fff!important;color:#111!important;color-scheme:light}
html[data-theme="dark"] .page-restaurants{background:#050505!important;color:#f8f8f6!important;color-scheme:dark}
html[data-theme="dark"] .page-restaurants .reference-consumer-header{border-color:#222;background:#050505;color:#fff}
html[data-theme="dark"] .page-restaurants .brand-logo-dark{display:none}
html[data-theme="dark"] .page-restaurants .brand-logo-light{display:block}
html[data-theme="dark"] .page-restaurants .reference-consumer-header .consumer-location,
html[data-theme="dark"] .page-restaurants .reference-consumer-header .header-icon-link,
html[data-theme="dark"] .page-restaurants .reference-consumer-header .cart-link,
html[data-theme="dark"] .page-restaurants .reference-consumer-header .consumer-account-menu>summary{color:#fff}
html[data-theme="dark"] .page-restaurants .reference-consumer-header .header-pin,
html[data-theme="dark"] .page-restaurants .reference-consumer-header .header-search{border-color:#2b2b2b;background:#141414}
html[data-theme="dark"] .page-restaurants .reference-consumer-header .header-search input{color:#fff}
html[data-theme="dark"] .page-restaurants .header-language{border-color:#333;color:#fff}
html[data-theme="dark"] .page-restaurants .directory-location-card,
html[data-theme="dark"] .page-restaurants .restaurant-store-card{border-color:#242424;background:#101010;color:#fff}
html[data-theme="dark"] .page-restaurants .directory-location-card p,
html[data-theme="dark"] .page-restaurants .restaurant-store-title p,
html[data-theme="dark"] .page-restaurants .restaurant-directory-hero>div>p{color:#aaa}
html[data-theme="dark"] .page-restaurants .directory-location-card button,
html[data-theme="dark"] .page-restaurants .directory-search,
html[data-theme="dark"] .page-restaurants .directory-filter-group select,
html[data-theme="dark"] .page-restaurants .directory-veg-filter{border-color:#303030;background:#111;color:#fff}
html[data-theme="dark"] .page-restaurants .directory-search input{color:#fff}
html[data-theme="dark"] .page-restaurants .restaurant-store-meta span{background:#191919;color:#9d9d9d}
html[data-theme="dark"] .page-restaurants .restaurant-store-meta b{color:#fff}

/* White is the default directory theme; dark mode remains opt-in via data-theme. */
.page-restaurants{background:#fff;color:#111}.page-restaurants .consumer-announcement{background:#111;color:#fff;border-color:#222}.page-restaurants .reference-consumer-header{background:#fff;color:#111;border-color:#e8e8e8}.page-restaurants .brand-logo-dark{display:block}.page-restaurants .brand-logo-light{display:none}.page-restaurants .reference-consumer-header .consumer-location,.page-restaurants .reference-consumer-header .header-icon-link,.page-restaurants .reference-consumer-header .cart-link,.page-restaurants .reference-consumer-header .consumer-account-menu>summary{color:#111}.page-restaurants .reference-consumer-header .header-pin,.page-restaurants .reference-consumer-header .header-search{border-color:#e4e4e4;background:#f7f7f7}.page-restaurants .reference-consumer-header .header-search input{color:#111}.page-restaurants .header-language{border-color:#dedede;color:#111}.page-restaurants .directory-location-card,.page-restaurants .restaurant-store-card{background:#fff;border-color:#e5e5e5;color:#111}.page-restaurants .directory-location-card p,.page-restaurants .restaurant-store-title p,.page-restaurants .restaurant-directory-hero>div>p{color:#666}.page-restaurants .directory-location-card button,.page-restaurants .directory-search,.page-restaurants .directory-filter-group select,.page-restaurants .directory-veg-filter{background:#f7f7f7;border-color:#e5e5e5;color:#111}.page-restaurants .directory-search input{color:#111}.page-restaurants .restaurant-store-meta span{background:#f5f5f5;color:#666}.page-restaurants .restaurant-store-meta b{color:#111}.page-restaurants .consumer-account-popover{background:#fff;color:#111;border-color:#e5e5e5}.page-restaurants .consumer-account-popover:before{background:#fff;border-color:#e5e5e5}.page-restaurants .consumer-account-popover>a,.page-restaurants .consumer-account-popover>button,.page-restaurants .consumer-account-popover form button{color:#111!important}
