@charset "UTF-8";
/* ===========================================================
   TableCart - premium home (home.php)
   Everything is scoped to .tc-home so no other page changes.
   Relies on tokens from premium-ui.css (--tc-grad, --tc-ink ...)
   =========================================================== */

.tc-home{
	background:#f6f7fb;
	font-family:var(--tc-font,'Roboto',Arial,sans-serif);
	color:var(--tc-ink,#111827);
}
.tc-home .page-content{
	background:linear-gradient(180deg,#f1edff 0,#f6f7fb 280px,#f6f7fb 100%);
	padding-bottom:104px !important;
	box-sizing:border-box;
}
.tc-home a{text-decoration:none;}

.tc-home .tc-section{
	padding:16px 16px 0;
	max-width:640px;
	margin:0 auto;
	box-sizing:border-box;
}
.tc-home .tc-head h3{
	margin:6px 0 12px;
	font-size:17px;
	font-weight:800;
	letter-spacing:-.01em;
	color:var(--tc-ink,#111827);
}

/* tints shared by tiles */
.tc-home .tc-tint-rose  {background:#fdecef; color:#d6153c;}
.tc-home .tc-tint-violet{background:#efedfd; color:#6d3fe0;}
.tc-home .tc-tint-pink  {background:#fdeef8; color:#d61f8a;}
.tc-home .tc-tint-peach {background:#fff1e6; color:#e0600b;}
.tc-home .tc-tint-sky   {background:#e9f3fe; color:#1f6fd6;}
.tc-home .tc-tint-mint  {background:#e7f7ef; color:#12915a;}

/* ---------- top bar ---------- */
.tc-home .navbar.tc-topbar{
	background:rgba(255,255,255,.94) !important;
	-webkit-backdrop-filter:saturate(160%) blur(12px);
	backdrop-filter:saturate(160%) blur(12px);
	box-shadow:0 1px 0 rgba(17,24,39,.06) !important;
	color:var(--tc-ink,#111827);
}
.tc-home .tc-topbar .navbar-inner{
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-align:center; -ms-flex-align:center; align-items:center;
	padding:0 8px 0 4px;
}
.tc-home .tc-topbar .left{
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-align:center; -ms-flex-align:center; align-items:center;
	-webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto;
	min-width:0;
	margin-right:6px;
}
.tc-home .tc-topbar .right{
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-align:center; -ms-flex-align:center; align-items:center;
	-ms-flex:0 0 auto; flex:0 0 auto;
	margin-left:auto;
}
.tc-home .tc-topbar a.link,
.tc-home .tc-topbar .tc-iconbtn{
	color:var(--tc-ink,#111827) !important;
}
.tc-home .tc-iconbtn{
	width:40px !important;
	height:40px !important;
	line-height:40px !important;
	border-radius:50%;
	-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
	font-size:19px;
}
.tc-home .tc-brand{
	min-width:0;
	margin-left:2px;
	font-size:19px;
	font-weight:800;
	letter-spacing:-.02em;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#1f3fae;
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
	.tc-home .tc-brand{
		background:linear-gradient(90deg,#1f3fae 0%,#1f3fae 45%,#e00a3c 100%);
		-webkit-background-clip:text;
		background-clip:text;
		color:transparent;
	}
}
.tc-home a.tc-citypill{
	height:34px !important;
	line-height:34px !important;
	margin-right:2px;
	padding:0 11px !important;
	border-radius:999px;
	background:#eef1fb;
	font-size:13px;
	font-weight:600;
	white-space:nowrap;
	max-width:130px;
}
.tc-home .tc-citypill span{
	overflow:hidden;
	text-overflow:ellipsis;
	margin:0 6px;
}
.tc-home .tc-citypill .fa-map-marker{color:#1f6fd6; font-size:15px;}
.tc-home .tc-citypill .fa-angle-down{opacity:.6;}

/* ---------- hero carousel ---------- */
.tc-home .tc-hero-wrap{padding-top:14px;}

/* the container only clips neighbouring slides; the dots sit in its bottom padding */
.tc-home .tc-hero-swiper{
	height:auto;
	padding-bottom:26px;
	overflow:hidden;
	background:transparent;
}
.tc-home .tc-hero-swiper .swiper-wrapper{height:auto;}

.tc-home .tc-slide{
	position:relative;
	height:54vw;
	min-height:196px;
	max-height:300px;
	box-sizing:border-box;
	background-color:#1a2033;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	border-radius:22px;
	overflow:hidden;
	box-shadow:0 14px 26px -18px rgba(17,24,39,.6);
}

/* maxframes.css: .swiper-slide span{display:block;margin:20px;font-size:21px;text-align:center} */
.tc-home .tc-slide span{
	margin:0 !important;
	font-size:inherit !important;
	text-align:inherit !important;
}

/* legibility: dark on the text side and along the bottom, image stays bright on the right */
.tc-home .tc-slide-shade{
	position:absolute;
	left:0; top:0; right:0; bottom:0;
	pointer-events:none;
	background:
		linear-gradient(100deg, rgba(9,11,22,.80) 0%, rgba(9,11,22,.46) 46%, rgba(9,11,22,0) 76%),
		linear-gradient(0deg, rgba(9,11,22,.58) 0%, rgba(9,11,22,0) 48%);
}
.tc-home .tc-has-dock .tc-slide-shade{
	background:
		linear-gradient(100deg, rgba(9,11,22,.72) 0%, rgba(9,11,22,.30) 50%, rgba(9,11,22,0) 80%),
		linear-gradient(0deg, rgba(9,11,22,.70) 0%, rgba(9,11,22,0) 58%);
}

/* ---- admin description: normalise whatever inline styling it carries ---- */
.tc-home .tc-slide-desc{
	position:absolute;
	left:20px; top:20px; right:30%;
	max-height:calc(100% - 94px);
	overflow:hidden;
	color:#fff;
	font-size:13.5px;
	line-height:1.45;
	text-shadow:0 1px 12px rgba(0,0,0,.4);
}
.tc-home .tc-has-dock .tc-slide-desc{
	right:20px;
	top:16px;
	max-height:calc(100% - 116px);
}
.tc-home .tc-slide:not(.tc-has-cta):not(.tc-has-dock) .tc-slide-desc{
	top:auto;
	bottom:20px;
	max-height:calc(100% - 40px);
}
.tc-home .tc-slide-desc *{
	color:#fff !important;
	background:none !important;
	font-family:inherit !important;
	font-size:13.5px !important;
	font-style:normal;
	line-height:1.4 !important;
	text-align:left !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	width:auto !important;
}
.tc-home .tc-slide-desc > * + *{margin-top:4px !important;}
.tc-home .tc-slide-desc h1,
.tc-home .tc-slide-desc h2,
.tc-home .tc-slide-desc h3,
.tc-home .tc-slide-desc h4,
.tc-home .tc-slide-desc > *:first-child:not(:only-child){
	font-size:20px !important;
	font-weight:800 !important;
	line-height:1.18 !important;
	letter-spacing:-.01em;
}
.tc-home .tc-slide-desc > *:first-child:not(:only-child) *{font-size:inherit !important; font-weight:inherit !important;}
.tc-home .tc-slide-desc > *:first-child:not(:only-child) + *{margin-top:6px !important; opacity:.88;}
.tc-home .tc-slide-desc b,
.tc-home .tc-slide-desc strong{font-weight:800 !important;}
.tc-home .tc-slide-desc img{max-height:40px !important; width:auto !important; vertical-align:middle;}

/* ---- one link: mockup-style call to action ---- */
.tc-home a.tc-slide-cta{
	position:absolute;
	left:20px; bottom:20px;
	display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex;
	-webkit-box-align:center; -ms-flex-align:center; align-items:center;
	max-width:calc(100% - 40px);
	height:42px;
	padding:0 18px;
	box-sizing:border-box;
	border-radius:999px;
	background:var(--tc-grad,linear-gradient(135deg,#c70044,#ff1201));
	box-shadow:0 12px 24px -10px rgba(224,10,60,.9);
	color:#fff;
	font-size:14px;
	font-weight:700;
	letter-spacing:.01em;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.tc-home a.tc-slide-cta .fa{margin-left:9px; font-size:13px;}

/* ---- 2-4 links: frosted icon dock ---- */
.tc-home .tc-slide-dock{
	position:absolute;
	left:12px; right:12px; bottom:12px;
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-ms-flex-pack:distribute; justify-content:space-around;
	padding:9px 4px 8px;
	border-radius:18px;
	background:rgba(255,255,255,.14);
	border:1px solid rgba(255,255,255,.22);
	-webkit-backdrop-filter:saturate(150%) blur(12px);
	backdrop-filter:saturate(150%) blur(12px);
}
.tc-home a.tc-dock-link{
	-webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0;
	min-width:0;
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-orient:vertical; -ms-flex-direction:column; flex-direction:column;
	-webkit-box-align:center; -ms-flex-align:center; align-items:center;
	color:#fff;
	text-align:center;
}
.tc-home .tc-slide .tc-dock-ic{
	display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important;
	-webkit-box-align:center; -ms-flex-align:center; align-items:center;
	-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
	width:40px; height:40px;
	border-radius:12px;
	background:#fff;
	overflow:hidden;
	color:#e00a3c;
	font-size:18px !important;
	box-shadow:0 6px 14px -6px rgba(0,0,0,.45);
}
.tc-home .tc-dock-ic img{width:100%; height:100%; object-fit:cover; display:block;}
.tc-home .tc-slide .tc-dock-tx{
	display:block !important;
	max-width:100%;
	margin-top:5px !important;
	padding:0 3px;
	box-sizing:border-box;
	font-size:11px !important;
	font-weight:600;
	line-height:1.2;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-shadow:0 1px 6px rgba(0,0,0,.5);
}

/* ---- dots under the banner ---- */
.tc-home .tc-hero-swiper .swiper-pagination{
	bottom:6px !important;
	left:0; right:0;
	text-align:center;
}
.tc-home .tc-hero-swiper .swiper-pagination-bullet{
	width:7px; height:7px;
	margin:0 3px !important;
	border-radius:4px;
	background:#c6cbd8;
	opacity:1;
	-webkit-transition:width .25s ease, background .25s ease;
	transition:width .25s ease, background .25s ease;
}
.tc-home .tc-hero-swiper .swiper-pagination-bullet-active{
	width:22px;
	background:#e00a3c;
}

@media (min-width:600px){
	.tc-home .tc-slide-desc > *:first-child:not(:only-child),
	.tc-home .tc-slide-desc h1,
	.tc-home .tc-slide-desc h2,
	.tc-home .tc-slide-desc h3{font-size:24px !important;}
}

/* ---------- greeting ---------- */
.tc-home .tc-greet{
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-align:center; -ms-flex-align:center; align-items:center;
	padding:4px 2px;
}
.tc-home .tc-avatar{
	-ms-flex:0 0 48px; flex:0 0 48px;
	width:48px; height:48px;
	line-height:48px;
	margin-right:12px;
	border-radius:50%;
	background:#4b5566;
	color:#fff;
	font-size:19px;
	font-weight:700;
	text-align:center;
	box-shadow:0 6px 14px -8px rgba(17,24,39,.6);
}
.tc-home .tc-greet-text{-webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; min-width:0;}
.tc-home .tc-greet-hi{
	font-size:17px;
	font-weight:700;
	color:var(--tc-ink,#111827);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.tc-home .tc-greet-sub{margin-top:2px; font-size:13px; color:#6b7384;}
.tc-home .tc-member-pill{
	-ms-flex:0 0 auto; flex:0 0 auto;
	margin-left:10px;
	padding:9px 15px;
	border-radius:999px;
	background:#fff1cf;
	color:#9a6400;
	font-size:13px;
	font-weight:700;
	white-space:nowrap;
}
.tc-home .tc-member-pill .fa-diamond{color:#e0a100; margin-right:4px;}
.tc-home .tc-member-pill .fa-angle-right{margin-left:4px; opacity:.7;}

/* ---------- perks ---------- */
.tc-home .tc-perks{
	display:-webkit-box; display:-ms-flexbox; display:flex;
	margin:12px -5px 0;
}
.tc-home a.tc-perk{
	-webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0;
	min-width:0;
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-align:center; -ms-flex-align:center; align-items:center;
	margin:0 5px;
	padding:10px 12px 10px 10px;
	border-radius:16px;
	background:#fff;
	box-shadow:0 1px 2px rgba(17,24,39,.05), 0 8px 20px -14px rgba(17,24,39,.25);
	color:var(--tc-ink,#111827);
}
.tc-home .tc-perk-ic{
	-ms-flex:0 0 40px; flex:0 0 40px;
	width:40px; height:40px;
	margin-right:10px;
	border-radius:12px;
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-align:center; -ms-flex-align:center; align-items:center;
	-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
}
.tc-home .tc-perk-ic img{width:24px; height:24px; object-fit:contain;}
.tc-home .tc-perk-tx{min-width:0;}
.tc-home .tc-perk-tx b{display:block; font-size:14.5px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tc-home .tc-perk-tx small{display:block; font-size:11.5px; color:#7b8394;}

/* ---------- quick tiles ---------- */
.tc-home .tc-tiles{
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-ms-flex-wrap:wrap; flex-wrap:wrap;
	margin:0 -5px;
}
.tc-home a.tc-tile{
	width:calc(25% - 10px);
	margin:0 5px 10px;
	padding:14px 4px 11px;
	box-sizing:border-box;
	border-radius:18px;
	text-align:center;
	box-shadow:0 1px 0 rgba(255,255,255,.7) inset;
	transition:transform .15s ease;
}
.tc-home a.tc-tile:active{transform:scale(.97);}
.tc-home a.tc-tile img{
	display:block;
	width:36px; height:36px;
	margin:0 auto 8px;
	object-fit:contain;
}
.tc-home a.tc-tile span{
	display:block;
	font-size:12px;
	font-weight:600;
	line-height:1.25;
	color:var(--tc-ink,#111827);
	overflow:hidden;
	max-height:30px;
}

/* ---------- rich text blocks (desc2 / desc3) ---------- */
.tc-home .tc-richtext{
	padding:14px 16px;
	border-radius:18px;
	background:#fff;
	box-shadow:0 1px 2px rgba(17,24,39,.05);
	font-size:14px;
	line-height:1.6;
	color:#4b5566;
	text-align:center;
	overflow:hidden;
}
.tc-home .tc-richtext img{max-width:100%; height:auto;}
.tc-home .tc-richtext p{margin:0 0 6px;}

/* ---------- photo grid (offer categories) ---------- */
.tc-home .tc-grid4{
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-ms-flex-wrap:wrap; flex-wrap:wrap;
	margin:0 -5px;
}
.tc-home a.tc-photo-card{
	width:calc(25% - 10px);
	margin:0 5px 12px;
	border-radius:16px;
	background:#fff;
	overflow:hidden;
	box-shadow:0 1px 2px rgba(17,24,39,.06), 0 10px 22px -16px rgba(17,24,39,.35);
	color:var(--tc-ink,#111827);
}
.tc-home .tc-photo{
	display:block;
	position:relative;
	padding-top:82%;
	background:#fff;
	border-bottom:1px solid #f1f2f6;
}
/* category images are logos / icon art - show them whole, never cropped */
.tc-home .tc-photo img{
	position:absolute; left:8%; top:8%;
	width:84%; height:84%;
	object-fit:contain;
}
.tc-home .tc-photo-label{
	/* exactly two lines: spacing lives in the margin so nothing peeks below the clip */
	display:block;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	height:30px;
	margin:6px 4px 8px;
	padding:0;
	font-size:11.5px;
	font-weight:600;
	line-height:15px;
	text-align:center;
	word-break:normal;
	overflow-wrap:anywhere;
}
@media (max-width:400px){
	.tc-home .tc-photo-label{font-size:11px; margin-left:3px; margin-right:3px; letter-spacing:-.01em;}
}

/* ---------- horizontal rails ---------- */
.tc-home .tc-hscroll{
	display:-webkit-box; display:-ms-flexbox; display:flex;
	overflow-x:auto;
	margin:0 -16px;
	padding:2px 16px 10px;
	-webkit-overflow-scrolling:touch;
	scroll-snap-type:x mandatory;
	scroll-padding:0 16px;   /* keep the first card off the screen edge when snapping */
	scrollbar-width:none;
}
.tc-home .tc-hscroll::-webkit-scrollbar{display:none;}
.tc-home .tc-hscroll > a{
	-ms-flex:0 0 auto; flex:0 0 auto;
	margin-right:12px;
	scroll-snap-align:start;
}
.tc-home .tc-hscroll > a:last-child{margin-right:16px;}

/* today's specials */
.tc-home a.tc-special{
	width:62%;
	max-width:236px;
	border-radius:18px;
	background:#fff;
	overflow:hidden;
	box-shadow:0 1px 2px rgba(17,24,39,.06), 0 12px 24px -16px rgba(17,24,39,.4);
	color:var(--tc-ink,#111827);
}
.tc-home .tc-special-img{
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-align:center; -ms-flex-align:center; align-items:center;
	-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
	height:124px;
	background-color:#fdecef;
	background-size:cover;
	background-position:center;
	color:#e00a3c;
	font-size:30px;
}
.tc-home .tc-special-body{display:block; padding:10px 12px 12px;}
.tc-home .tc-special-body b{
	display:block;
	font-size:14.5px;
	font-weight:700;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.tc-home .tc-special-body small{
	display:inline-block;
	margin-top:6px;
	padding:3px 9px;
	border-radius:999px;
	background:#fdecef;
	color:#d6153c;
	font-size:11px;
	font-weight:700;
	letter-spacing:.02em;
}

/* visit again - brand logos */
.tc-home a.tc-brandtile{
	width:92px; height:70px;
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-align:center; -ms-flex-align:center; align-items:center;
	-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
	border-radius:16px;
	background:#fff;
	border:1px solid #eceef3;
	box-sizing:border-box;
}
.tc-home a.tc-brandtile img{
	max-width:78%;
	max-height:70%;
	object-fit:contain;
}

/* featured posters */
.tc-home a.tc-poster{
	width:108px; height:152px;
	border-radius:16px;
	overflow:hidden;
	background:#e9ebf1;
	box-shadow:0 12px 22px -16px rgba(17,24,39,.5);
}
.tc-home a.tc-poster img{width:100%; height:100%; object-fit:cover; display:block;}

/* ---------- order online promo ---------- */
.tc-home a.tc-promo{
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-align:center; -ms-flex-align:center; align-items:center;
	-ms-flex-wrap:wrap; flex-wrap:wrap;
	padding:18px;
	border-radius:22px;
	background:
		radial-gradient(90% 120% at 100% 0%, rgba(224,10,60,.55), rgba(224,10,60,0) 60%),
		radial-gradient(70% 90% at 0% 100%, rgba(109,63,224,.45), rgba(109,63,224,0) 60%),
		#12162a;
	color:#fff;
	box-shadow:0 18px 34px -20px rgba(17,24,39,.7);
}
.tc-home .tc-promo-txt{
	-webkit-box-flex:1; -ms-flex:1 1 170px; flex:1 1 170px;
	margin-right:12px;
}
.tc-home .tc-promo-txt small{
	display:block;
	font-size:11px;
	font-weight:700;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:rgba(255,255,255,.65);
}
.tc-home .tc-promo-txt b{
	display:block;
	margin:4px 0 4px;
	font-size:20px;
	font-weight:800;
	line-height:1.2;
}
.tc-home .tc-promo-txt em{
	display:block;
	font-style:normal;
	font-size:12.5px;
	color:rgba(255,255,255,.75);
}
.tc-home .tc-promo-btn{
	margin-top:10px;
	padding:11px 18px;
	border-radius:999px;
	background:var(--tc-grad,linear-gradient(135deg,#c70044,#ff1201));
	box-shadow:0 10px 22px -10px rgba(224,10,60,.9);
	font-size:13.5px;
	font-weight:700;
	white-space:nowrap;
}
.tc-home .tc-promo-btn .fa{margin-left:6px;}

/* ---------- festival banners ---------- */
.tc-home a.tc-banner{
	display:block;
	margin-bottom:12px;
	border-radius:20px;
	overflow:hidden;
	box-shadow:0 16px 30px -20px rgba(17,24,39,.6);
}
.tc-home a.tc-banner img{display:block; width:100%; height:auto;}

/* ---------- explore more (TOP links) ---------- */
.tc-home .tc-quick.speed-dial-buttons{
	/* framework7 hides .speed-dial-buttons until a FAB opens - keep it in flow */
	position:static !important;
	visibility:visible !important;
	opacity:1 !important;
	width:auto !important;
	height:auto !important;
	-webkit-transform:none !important;
	transform:none !important;
	display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important;
	-webkit-box-orient:horizontal !important;
	-webkit-box-direction:normal !important;
	-ms-flex-direction:row !important;
	flex-direction:row !important;
	-ms-flex-wrap:wrap; flex-wrap:wrap;
	left:auto !important;
	margin:0 -5px !important;
	padding:0 !important;
	pointer-events:auto !important;
}
.tc-home .tc-quick a.tc-quick-item{
	position:static !important;
	width:calc(25% - 10px) !important;
	height:auto !important;
	margin:0 5px 10px !important;
	padding:14px 4px 12px !important;
	box-sizing:border-box;
	border-radius:18px !important;
	opacity:1 !important;
	-webkit-transform:none !important;
	transform:none !important;
	box-shadow:none !important;
	text-align:center;
	line-height:1.2 !important;
	display:block !important;
	overflow:visible !important;
	-webkit-transition:none !important;
	transition:none !important;
}
.tc-home .tc-quick a.tc-quick-item + a.tc-quick-item{margin-bottom:10px !important;}
/* .theme-* .speed-dial-buttons a paints a solid theme colour - restore the tints */
.tc-home .tc-quick a.tc-quick-item.tc-tint-rose  {background:#fdecef !important; color:#d6153c !important;}
.tc-home .tc-quick a.tc-quick-item.tc-tint-violet{background:#efedfd !important; color:#6d3fe0 !important;}
.tc-home .tc-quick a.tc-quick-item.tc-tint-pink  {background:#fdeef8 !important; color:#d61f8a !important;}
.tc-home .tc-quick a.tc-quick-item.tc-tint-peach {background:#fff1e6 !important; color:#e0600b !important;}
.tc-home .tc-quick a.tc-quick-item.tc-tint-sky   {background:#e9f3fe !important; color:#1f6fd6 !important;}
.tc-home .tc-quick a.tc-quick-item.tc-tint-mint  {background:#e7f7ef !important; color:#12915a !important;}
.tc-home .tc-quick a.tc-quick-item .fa{color:inherit !important;}
.tc-home .tc-quick a.tc-quick-item .fa{
	display:block;
	margin-bottom:8px;
	font-size:22px;
}
.tc-home .tc-quick a.tc-quick-item span{
	display:block;
	font-size:12px;
	font-weight:600;
	color:var(--tc-ink,#111827);
	overflow:hidden;
	max-height:30px;
}

/* ---------- categories ---------- */
.tc-home .tc-grid2{
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-ms-flex-wrap:wrap; flex-wrap:wrap;
	margin:0 -6px;
}
.tc-home a.tc-cat{
	width:calc(50% - 12px);
	margin:0 6px 12px;
	border-radius:18px;
	background:#fff;
	overflow:hidden;
	box-shadow:0 1px 2px rgba(17,24,39,.06), 0 12px 24px -18px rgba(17,24,39,.4);
	color:var(--tc-ink,#111827);
}
.tc-home .tc-cat-img{
	display:block;
	position:relative;
	padding-top:62%;
	background:#eef0f5;
}
.tc-home .tc-cat-img img{
	position:absolute; left:0; top:0;
	width:100%; height:100%;
	object-fit:cover;
}
.tc-home .tc-cat-name{
	display:block;
	padding:10px 12px 12px;
	font-size:14px;
	font-weight:700;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.tc-home .tc-cat-name .fa{color:#e00a3c; margin-left:3px;}

/* ---------- bottom navigation ---------- */
.tc-home .tc-bottomnav{
	position:absolute;
	left:12px; right:12px; bottom:12px;
	max-width:520px;
	margin:0 auto;
	height:64px;
	z-index:600;
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-align:center; -ms-flex-align:center; align-items:center;
	-ms-flex-pack:distribute; justify-content:space-around;
	padding:0 4px;
	box-sizing:border-box;
	border-radius:22px;
	background:rgba(255,255,255,.97);
	-webkit-backdrop-filter:saturate(160%) blur(14px);
	backdrop-filter:saturate(160%) blur(14px);
	box-shadow:0 14px 34px -14px rgba(17,24,39,.35), 0 0 0 1px rgba(17,24,39,.04);
}
.tc-home a.tc-nav{
	-webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0;
	text-align:center;
	color:#8a91a1;
	font-size:11px;
	font-weight:600;
}
.tc-home a.tc-nav .fa{
	display:block;
	margin-bottom:3px;
	font-size:20px;
}
.tc-home a.tc-nav.tc-nav-on{color:#e00a3c;}
.tc-home a.tc-nav-fab{
	-ms-flex:0 0 60px; flex:0 0 60px;
	width:60px; height:60px;
	margin-top:-34px;
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-align:center; -ms-flex-align:center; align-items:center;
	-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
	border-radius:50%;
	background:var(--tc-grad,linear-gradient(135deg,#c70044,#ff1201));
	color:#fff;
	font-size:23px;
	box-shadow:0 0 0 6px #fff, 0 14px 26px -8px rgba(224,10,60,.75);
}

/* ---------- small phones ---------- */
@media (max-width:359px){
	.tc-home .tc-brand{font-size:17px;}
	.tc-home a.tc-citypill{max-width:100px; padding:0 9px !important;}
	.tc-home a.tc-tile img{width:30px; height:30px;}
	.tc-home a.tc-tile span,
	.tc-home .tc-photo-label,
	.tc-home .tc-quick a.tc-quick-item span{font-size:11px;}
}
