/* Gate 6 R2.1 — final visual polish
   Direction: cleaner porcelain canvas + canonical Twidlee red + black.
   Keeps all R2 functionality and marketplace contracts unchanged. */
:root{
  --tw-red:#EC3013;
  --tw-red-hot:#FF4D30;
  --tw-red-deep:#A5230F;
  --tw-red-ink:#68190B;
  --tw-cream:#F5F4F1;
  --tw-cream-2:#FAF9F7;
  --tw-paper:#FFFFFF;
  --tw-ink:#101010;
  --tw-ink-2:#191919;
  --tw-muted:#696662;
  --tw-line:rgba(16,16,16,.11);
  --tw-shadow:0 28px 80px rgba(20,18,16,.10);
  --mp-red:#EC3013;
  --mp-red-deep:#A5230F;
  --mp-ink:#101010;
  --mp-cream:#F5F4F1;
  --mp-paper:#FFFFFF;
  --mp-line:rgba(16,16,16,.11);
  --mp-muted:#696662;
  --mp-shadow:0 22px 64px rgba(20,18,16,.09);
}
body.twidlee-r2,.twidlee-r2.mp-page{background:var(--tw-cream);color:var(--tw-ink)}
.twidlee-r2 header,.twidlee-r2 .mp-site-header{
  background:rgba(245,244,241,.91)!important;
  border-color:rgba(16,16,16,.08)!important;
  box-shadow:0 8px 26px rgba(16,16,16,.045)!important;
}
.twidlee-r2 header .nav-shell{
  border-color:rgba(16,16,16,.08)!important;
  background:rgba(255,255,255,.80)!important;
  box-shadow:0 16px 48px rgba(16,16,16,.07), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.twidlee-r2 .hero{
  background:
    radial-gradient(circle at 82% 14%,rgba(236,48,19,.09),transparent 28%),
    linear-gradient(180deg,#F8F7F5 0%,#F2F1EE 100%)!important;
}
.twidlee-r2 .hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.27;
  background-image:
    linear-gradient(rgba(16,16,16,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(16,16,16,.035) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 72%);
}
.twidlee-r2 .hero-copy{isolation:isolate}
.twidlee-r2 .hero-copy h1{
  color:#0E0E0E!important;
  text-shadow:0 1px 0 rgba(255,255,255,.3);
}
.twidlee-r2 .hero-copy h1 em{color:var(--tw-red)!important}
.twidlee-r2 .hero .city-switch{
  background:#fff!important;
  border-color:rgba(16,16,16,.10)!important;
  box-shadow:0 12px 34px rgba(16,16,16,.06)!important;
}
.twidlee-r2 .hero .city-switch button.active{
  background:#101010!important;
  color:#fff!important;
}
.twidlee-r2 .hero-visual{
  border:1px solid rgba(16,16,16,.10);
  box-shadow:0 42px 110px rgba(16,16,16,.18)!important;
}
.twidlee-r2 .hero-visual::before{
  content:"";
  position:absolute;
  width:92px;
  height:6px;
  background:var(--tw-red);
  top:-18px;
  left:34px;
  z-index:5;
}
.r2-live-rail{background:#0D0D0D!important}
.live-dot{
  background:var(--tw-red)!important;
  box-shadow:0 0 0 0 rgba(236,48,19,.5);
}
.twidlee-r2 .live-deals{
  background:#0B0B0B!important;
}
.twidlee-r2 .live-deals .section-head h2,
.twidlee-r2 .live-deals .section-head p{color:#fff}
.twidlee-r2 .mp-deal-card,
.twidlee-r2 .mp-restaurant-card{
  border-radius:20px!important;
  background:#fff!important;
  border:1px solid rgba(16,16,16,.09)!important;
  box-shadow:0 16px 46px rgba(16,16,16,.065)!important;
}
.twidlee-r2 .live-deals .mp-deal-card{
  background:#151515!important;
  border-color:rgba(255,255,255,.11)!important;
  color:#fff;
  box-shadow:none!important;
}
.twidlee-r2 .live-deals .mp-card-title,
.twidlee-r2 .live-deals .mp-countdown{color:#fff!important}
.twidlee-r2 .live-deals .mp-card-copy,
.twidlee-r2 .live-deals .mp-card-meta,
.twidlee-r2 .live-deals .mp-countdown-label{color:rgba(255,255,255,.62)!important}
.twidlee-r2 .mp-card-cover img{
  transition:transform .7s var(--tw-ease),filter .5s var(--tw-ease);
}
.twidlee-r2 .mp-deal-card:hover .mp-card-cover img,
.twidlee-r2 .mp-restaurant-card:hover .mp-card-cover img{
  transform:scale(1.035);
  filter:saturate(1.03) contrast(1.02);
}
.twidlee-r2 .mp-home-restaurants{
  background:#FAF9F7!important;
}
.twidlee-r2 .r2-tonight-band{
  background:var(--tw-red)!important;
  color:#fff!important;
  border:0!important;
}
.twidlee-r2 .r2-tonight-band .eyebrow,
.twidlee-r2 .r2-tonight-band h2,
.twidlee-r2 .r2-tonight-band p,
.twidlee-r2 .r2-tonight-band a{color:#fff!important}
.twidlee-r2 .r2-tonight-band .r2-text-link{
  border-bottom:1px solid rgba(255,255,255,.42);
}
.twidlee-r2 .usp,
.twidlee-r2 .dual-value{background:#F5F4F1!important}
.twidlee-r2 .hiw-section{
  background:#111!important;
}
.twidlee-r2 .hiw-section h2,
.twidlee-r2 .hiw-section h3{color:#fff}
.twidlee-r2 .hiw-section p{color:rgba(255,255,255,.66)}
.twidlee-r2 .hiw-step{
  border-color:rgba(255,255,255,.11)!important;
}
.twidlee-r2 .hiw-step.is-active{
  background:rgba(236,48,19,.13)!important;
  border-color:rgba(236,48,19,.46)!important;
}
.twidlee-r2 .btn-primary,
.twidlee-r2 .nav-cta{
  background:var(--tw-red)!important;
  border-color:var(--tw-red)!important;
}
.twidlee-r2 .btn-primary:hover,
.twidlee-r2 .nav-cta:hover{
  background:#D72C10!important;
  border-color:#D72C10!important;
}
.twidlee-r2 .mp-market-btn.is-active{
  background:#101010!important;
  color:#fff!important;
  border-color:#101010!important;
}
.twidlee-r2 .mp-chip{background:var(--tw-red)!important}
.twidlee-r2 .mp-chip.is-soft{
  background:rgba(236,48,19,.08)!important;
  color:#9F240E!important;
}
.twidlee-r2 .mp-page{
  background:var(--tw-cream)!important;
}
.twidlee-r2 .mp-panel{
  background:#fff!important;
  border-color:rgba(16,16,16,.09)!important;
  box-shadow:0 20px 60px rgba(16,16,16,.07)!important;
}
.twidlee-r2 .mp-search{
  background:#fff!important;
  border-color:rgba(16,16,16,.12)!important;
}
.twidlee-r2 .mp-search:focus{
  border-color:rgba(236,48,19,.72)!important;
  box-shadow:0 0 0 4px rgba(236,48,19,.09)!important;
}
.twidlee-r2 .mp-deal-hero{
  background:#101010!important;
  box-shadow:inset 0 4px 0 var(--tw-red);
}
.twidlee-r2 .mp-footer{
  background:#0F0F0F!important;
  color:rgba(255,255,255,.58)!important;
  border-color:rgba(255,255,255,.10)!important;
}
.twidlee-r2 .mp-footer a{color:rgba(255,255,255,.78)!important}
.twidlee-r2 .final-cta{
  background:
    radial-gradient(circle at 25% 0%,rgba(236,48,19,.18),transparent 34%),
    #0D0D0D!important;
}
.twidlee-r2 .final-cta h2,
.twidlee-r2 .final-cta p{color:#fff!important}
.twidlee-r2 .city-card{
  background:#fff!important;
  border-color:rgba(16,16,16,.09)!important;
}
.twidlee-r2 .city-card.is-active{
  border-color:rgba(236,48,19,.34)!important;
  box-shadow:inset 0 4px 0 var(--tw-red),0 16px 44px rgba(16,16,16,.06)!important;
}
/* Cleaner editorial details */
.twidlee-r2 .section-head h2{
  letter-spacing:-.05em!important;
}
.twidlee-r2 .eyebrow::before{
  content:"";
  display:inline-block;
  width:22px;
  height:2px;
  background:var(--tw-red);
  margin-right:9px;
  vertical-align:4px;
}
.twidlee-r2 :focus-visible{
  outline:3px solid rgba(236,48,19,.48)!important;
  outline-offset:3px!important;
}
/* mobile polish */
@media(max-width:760px){
  .twidlee-r2 .hero{
    background:
      radial-gradient(circle at 82% 5%,rgba(236,48,19,.10),transparent 30%),
      #F5F4F1!important;
  }
  .twidlee-r2 .hero-grid{min-height:auto!important}
  .twidlee-r2 .hero-copy h1{
    font-size:clamp(50px,16vw,72px)!important;
    line-height:.91!important;
  }
  .twidlee-r2 .hero-visual{
    transform:none!important;
    border-radius:26px!important;
  }
  .twidlee-r2 .mp-deal-card,
  .twidlee-r2 .mp-restaurant-card{border-radius:18px!important}
  .twidlee-r2 .r2-tonight-band{padding-block:72px!important}
}
@media(prefers-reduced-motion:reduce){
  .twidlee-r2 .mp-card-cover img{transition:none!important}
}