/* TriFood premium: shared visual identity, scoped to existing UI. */
:root{--brand:#f21b2e;--brand-2:#ff3445;--brand-ink:#ff5262;--brand-soft:#321018;--grad:linear-gradient(135deg,#ff293b,#c9001b);--bg:#09090c;--surface:#141419;--surface-2:#1c1c23;--ink:#f8f7fa;--ink-2:#d1ccd5;--muted:#a6a0af;--line:#303039;--shadow:0 15px 40px #0005;--shadow-sm:0 3px 12px #0003}
body{background:radial-gradient(ellipse at 90% 0,#6f081723,transparent 45%),#09090c;color:var(--ink)}
.nav{background:#0c0b0fee;border-bottom:1px solid #51202b;backdrop-filter:blur(16px)}
.logo{gap:10px!important}.logo>span:last-child{font-style:italic;font-weight:800;letter-spacing:-.045em}.logo .logo-mark{width:44px;height:44px;background:transparent!important;box-shadow:none!important;border-radius:12px;object-fit:contain}
.btn{min-height:42px;max-width:100%;transition:background .18s,box-shadow .18s,transform .18s}.btn-primary{background:var(--grad);border:1px solid #ff6574;box-shadow:0 5px 20px #e908292b}.btn-primary:hover{box-shadow:0 7px 28px #f21b2e55;transform:translateY(-1px)}.btn-ghost{background:#17151c;border-color:#3a343f;color:#f4eff5}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #ff8290;outline-offset:3px}
.card,.stat,.stat-card,.metric-card{background:linear-gradient(145deg,#202026,#131318);border-color:#323139;box-shadow:0 8px 30px #0002}.sidebar{background:linear-gradient(180deg,#141218,#0c0b0f);border-right:1px solid #34212a}.side-nav button{border-radius:12px;color:#cfc9d3}.side-nav button.active{background:linear-gradient(110deg,#b90019,#e5182a);color:white;box-shadow:0 4px 16px #d70a242b;border-color:#ff5869}.main{min-width:0}.main>h1,.main>h2{letter-spacing:-.035em}.side-store{background:#20171e;border:1px solid #45232e}.nav-links a:hover{color:#ff5262}
input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{background-color:#131219;color:#f3eff5;border-color:#3c3543;max-width:100%}input:focus,select:focus,textarea:focus{border-color:#ff344c;box-shadow:0 0 0 3px #ff344c20}input[type=search]{color:inherit}table{width:100%}th{color:#b9aebb}td{border-color:#302b35}.badge{white-space:normal}.modal,.modal-card,.modal-content{max-width:min(94vw,720px);background-color:#16141d}.restaurant-card{border-radius:22px;overflow:hidden;transition:transform .2s,border-color .2s}.restaurant-card:hover{transform:translateY(-3px);border-color:#c62a43}.restaurant-brand{min-height:156px}.restaurant-title h2{overflow-wrap:anywhere}.restaurant-info{padding:20px}.restaurant-cta{color:#ff5262}.tracking-card{background:linear-gradient(150deg,#21171e,#111116);border-color:#542532}.footer{background:#0d0b10;border-top:1px solid #3a1d27}.trifood-home .hero{padding-top:64px}.trifood-home .hero h1{font-weight:800}.trifood-home .hero-trust{border-top:1px solid #4e222a;padding-top:20px}.home-category-grid a{border-color:#72313a;background:linear-gradient(150deg,#32191f,#100d12)}.home-category-grid img{height:88px}.trifood-home .home-search input{background:transparent;color:#20151b;border:0;box-shadow:none}.section-head h2,.home-categories h2,.home-section-heading h2{letter-spacing:-.035em}.section-head h2:before,.home-categories h2:before{content:'';display:inline-block;vertical-align:middle;width:25px;height:4px;margin-right:10px;background:#ff233b;border-radius:4px;box-shadow:0 0 12px #ff233b}
@media(max-width:1100px){.nav>.container{flex-wrap:wrap;gap:14px;padding-top:12px;padding-bottom:12px}.nav-links{flex-wrap:wrap;gap:16px}.nav-actions{flex-wrap:wrap;gap:8px}.hero-grid{min-width:0}.row{max-width:100%}}
@media(max-width:760px){.nav>.container{justify-content:space-between}.nav .spacer{display:none}.nav-links{width:100%;order:3;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.nav-links a{white-space:nowrap}.nav-actions{justify-content:flex-end;flex:1}.nav-actions .btn{font-size:.78rem;padding:10px}.logo .logo-mark{width:36px;height:36px}.hero-grid{grid-template-columns:1fr!important}.trifood-home .hero{padding-top:34px}.main{padding:20px 14px}.card{max-width:100%}.row.wrap{gap:10px}.restaurant-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.modal,.modal-content{width:94vw}.home-category-grid img{height:80px}}
@media(max-width:420px){.nav-actions{flex-basis:100%;justify-content:flex-start}.nav-actions .btn{flex:1;padding:10px 6px}.home-search{flex-wrap:wrap}.home-search input{flex-basis:60%;width:auto}.hero .btn-lg{width:100%}.home-offer{flex-direction:column}.home-offer img{width:100%;height:150px}.home-category-grid a{min-width:0}.main .btn{white-space:normal;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}