/* TimesPack Homepage v3.4 - REAL full-width fix
   The visible "box" was not home-v3. It came from global app.css:
   main {
 max-width:1200px;
 margin:auto;
 padding:... }

*/

main.tp-homepage-main {

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    padding: 0 !important;

    min-height: calc(100vh - 68px) !important;

    overflow-x: hidden !important;

}


/* Homepage itself uses normal responsive width */
main.tp-homepage-main > .tp-home-v3 {

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    min-height: calc(100svh - 68px) !important;

}


/* Fill the first screen on desktop without restoring a boxed container. */
@media (min-width: 901px) {

    main.tp-homepage-main > .tp-home-v3 > .tp3-hero {

        min-height: calc(100svh - 68px) !important;

    }

}


/* Keep alerts usable without restoring the global 1200px wrapper */
main.tp-homepage-main > .alert {

    width: min(1200px, calc(100% - 32px));

    margin: 16px auto;

}


@media (max-width: 860px) {

    main.tp-homepage-main {

        padding: 0 0 80px !important;

    }

}


@media (max-width: 480px) {

    main.tp-homepage-main {

        padding: 0 0 80px !important;

    }

}


/* TimesPack Premium Purple marketplace finish */
.tp-food-public-main{
  background:
    radial-gradient(circle at 8% 0%, rgba(117,68,220,.13), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(91,43,191,.10), transparent 24%),
    #eee7ff!important;
}
.tp-food-subnav{
  background:rgba(255,255,255,.96);
  border-bottom:1px solid rgba(91,43,191,.12);
  box-shadow:0 3px 18px rgba(50,21,111,.07);
}
.tp-food-hero{
  background:
    radial-gradient(circle at 85% 20%, rgba(154,115,239,.30), transparent 30%),
    linear-gradient(118deg,#32156f 0%,#4b1fa5 48%,#7544dc 100%);
  box-shadow:0 12px 32px rgba(50,21,111,.18);
}
.tp-food-search{
  box-shadow:0 8px 28px rgba(50,21,111,.14);
}
.tp-food-search button{
  background:linear-gradient(135deg,#5b2bbf,#7544dc);
  box-shadow:0 6px 16px rgba(91,43,191,.25);
}
.tp-food-filterbar,
.tp-food-benefits{
  border:1px solid rgba(91,43,191,.10);
  box-shadow:0 8px 24px rgba(50,21,111,.07);
}
.tp-food-dish-card,
.tp-food-restaurant-card,
.tp-food-empty{
  border:1px solid rgba(91,43,191,.08);
  box-shadow:0 8px 24px rgba(50,21,111,.07);
}
.tp-food-dish-card:hover,
.tp-food-restaurant-card:hover{
  border-color:rgba(91,43,191,.20);
  box-shadow:0 12px 30px rgba(50,21,111,.12);
  transform:translateY(-2px);
}
.tp-food-location span,
.tp-food-section-head>div>span,
.tp-food-dish-copy span,
.tp-food-meta span:first-child{
  color:#5b2bbf;
}
.tp-food-logo-placeholder{
  background:linear-gradient(135deg,#e5d9ff,#f7f4ff);
  border:1px solid rgba(91,43,191,.10);
}