html,body{
  font-family: "Open Sans","Roboto","sans-serif";
  font-weight: 400;
  margin:0;
  padding:0;
  height:100%;
  font-size:14px;
  /*background:#fff;*/
  color:#474d5d;
  }
  
  body p.small,
  .search-input-wraps #restaurant_name,
  .cod-text,
  #section-browse #restuarant-list  p.cod-text
  {
  font-size:13px;
  }
  
  #section-browse #restuarant-list  p.cod-text{
  text-align:center;
  }
  
  img{
  max-width:100%;
  height:auto;
  }
  
  .border{
  /* border:0px solid red; */
  }
  
  /* =============================================================================
     CABEÇALHO MODERNO TEMA 3 - BASEADO NA IMAGEM FORNECIDA
     ============================================================================= */
  
  .top-menu-wrapper{
  z-index: 999;
  border: 0px solid blue;
  padding-top: 20px;
  padding-bottom: 20px;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  transition: all .3s cubic-bezier(0.23, 1, 0.32, 1);
  background: linear-gradient(135deg, var(--layout3-primary-color, #8c1317) 0%, #e53e3e 50%, #ff4757 100%);
  box-shadow: 0 8px 32px rgba(140, 19, 23, 0.3), 0 2px 8px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  
  /* Efeito de paralaxe sutil no scroll */
  .top-menu-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, 0.05) 50%, transparent 100%);
  pointer-events: none;
  }
  
  /* Container moderno com cantos arredondados */
  /* .top-menu-wrapper .container {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 15px 20px;
  backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  } */
  
  
  /* Logo moderno com efeitos */
  .top-menu-wrapper img.logo{
  max-width:200px;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 12px;
  }

  .logo-desktop{
    width: 120px;
    object-fit: contain;
  }
  
  /* .top-menu-wrapper img.logo:hover {
  transform: scale(1.02);
  filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.3));
  }
   */
  /* Área do logo com fundo sutil */
  /* .top-menu-wrapper .col-a {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 12px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  } */
  
  /* .top-menu-wrapper .col-a:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  }
  
  .top-menu-wrapper .col-b{
  margin-top:15px;
  position: relative;
  z-index: 2;
  } */
  
  /* Menu de navegação moderno */
  #menu {
  /* background: rgba(255, 255, 255, 0.08); */
  border-radius: 16px;
  padding: 8px 12px;
  backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  }
  
  #menu a{
  color: #fff;
  font-family: var(--layout3-font-family, "Montserrat", sans-serif);
  font-size: 15px;
  font-weight: 500;
  display: block;
  padding: 12px 20px;
  border-radius: 12px;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  text-decoration: none;
  position: relative;
  overflow: hidden;
  background: transparent;
  border: 1px solid #fff;
  }
  
  #menu a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  transition: left 0.5s ease;
  }
  
  #menu a:hover::before {
  left: 100%;
  }
  
  #menu a:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.2);
  }
  
  /* Estados ativos e especiais do menu */
  #menu li.active a {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  font-weight: 600;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  }
  
  #menu li.active a::before {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  }
  
  /* Botões especiais do menu */
  #menu .green-button a/*,
   #menu .orange-button a */ { 
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-weight: 600;
  color: #fff !important;
  }
  
  /* Botão Login & Signup com borda branca */
  #menu li a[href*="/store/signup"] {
  border: 1px solid #fff !important;
  }

  /* Imagem do rodapé */
  .footer-icon-wrap {
  text-align: center;
  margin-bottom: 30px;
}

.footer-icon {
  max-width: 200px;
  height: auto;
}

/* Modal para listar merchants */
.merchants-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.merchants-modal .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}

.merchants-modal .modal-content {
  position: relative;
  background: #fff;
  border-radius: 10px;
  max-width: 800px;
  width: 90%;
  max-height: 80vh;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  animation: modalFadeIn 0.3s ease-out;
}

@keyframes modalFadeIn {
  from {
    opacity: 0;
    transform: scale(0.9) translateY(-20px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.merchants-modal .modal-header {
  padding: 20px 25px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f8f9fa;
  position: relative;
}

.merchants-modal .modal-header h3 {
  margin: 0;
  color: #333;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  flex: 1;
}

.merchants-modal .modal-close {
  background: none;
  border: none;
  font-size: 28px;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  cursor: pointer;
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: color 0.2s;
}

.merchants-modal .modal-close:hover {
  color: #333;
}

.merchants-modal .modal-body {
  padding: 0;
  max-height: calc(80vh - 80px);
  overflow-y: auto;
}

.merchants-modal .merchants-loader {
  padding: 40px 20px;
  text-align: center;
  color: #666;
  font-size: 16px;
}

.merchants-modal .merchants-loader .fa-spinner {
  font-size: 20px;
  margin-right: 10px;
}

.merchants-modal .merchants-list {
  padding: 20px;
}

.merchants-modal .merchant-item {
  display: flex;
  align-items: center;
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 8px;
  margin-bottom: 15px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
  color: inherit;
}

.merchants-modal .merchant-item:hover {
  border-color: #ff6b35;
  box-shadow: 0 2px 10px rgba(255, 107, 53, 0.1);
  transform: translateY(-2px);
  text-decoration: none;
  color: inherit;
}

.merchants-modal .merchant-item:last-child {
  margin-bottom: 0;
}

.merchants-modal .merchant-logo {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  object-fit: cover;
  margin-right: 15px;
  border: 1px solid #eee;
}

.merchants-modal .merchant-info {
  flex: 1;
}

.merchants-modal .merchant-name {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0 0 5px 0;
}

.merchants-modal .merchant-address {
  font-size: 14px;
  color: #666;
  margin: 0 0 5px 0;
}

.merchants-modal .merchant-status {
  display: flex;
  align-items: center;
  gap: 10px;
}

.merchants-modal .merchant-rating {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #f39c12;
}

.merchants-modal .merchant-rating .fa-star {
  margin-right: 3px;
}

.merchants-modal .merchant-delivery {
  font-size: 12px;
  color: #28a745;
  background: #e8f5e8;
  padding: 2px 8px;
  border-radius: 12px;
  text-align: center;
  margin: 5px 0;
  display: block;
}

.merchants-modal .merchant-status {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 5px 0;
}

.merchants-modal .merchant-status.status-open {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}

.merchants-modal .merchant-status.status-closed {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

.merchants-modal .merchant-status.status-preorder {
  background-color: #d1ecf1;
  color: #0c5460;
  border: 1px solid #bee5eb;
}

.merchants-modal .merchant-rating-container {
    margin-top: 5px;
}

/* Footer Copyright Section - Layout conforme imagem */
.section-footer {
  background-color: #fff;
  color: #2c3e50 ;
  padding: 40px 0;
}

.footer-icon-wrap {
  text-align: center;
  margin-bottom: 30px;
}

.footer-icon-wrap .footer-icon {
  display: flex;
  max-width: 60px;
  height: auto;
  float: left;
  justify-content: space-between;
}

.footer-copyright-section {
  background-color: #f8f9fa;
  border-top: 1px solid #e9ecef;
  padding: 20px 0;
}

.footer-copyright-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.footer-logo {
  flex-shrink: 0;
}

.footer-logo .footer-icon {
  max-width: 80px;
  height: auto;
}

.copyright-text {
  flex: 1;
  text-align: center;
  margin: 0 20px;
}

.copyright-text p {
  color: #000;
  font-size: 14px;
  margin: 0;
  font-weight: 400;
}

.footer-links {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.footer-links a {
  color: #000;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s ease;
}

.footer-links a:hover {
  color: #333;
  text-decoration: none;
}

.footer-links .separator {
  color: #666;
  font-size: 14px;
}

/* Responsive para Copyright */
@media (max-width: 768px) {
  .footer-copyright-content {
    flex-direction: column;
    gap: 15px;
    text-align: center;
  }
  
  .copyright-text {
    margin: 0;
  }
  
  .copyright-text p {
    font-size: 12px;
  }
  
  .footer-links a {
    font-size: 12px;
  }
  
  .footer-logo .footer-icon {
    max-width: 60px;
  }
}
  
/* Responsive */
@media (max-width: 768px) {
  .merchants-modal .modal-content {
    width: 95%;
    margin: 10px;
  }
  
  .merchants-modal .modal-header {
    padding: 15px 20px;
  }
  
  .merchants-modal .modal-header h3 {
    font-size: 20px;
  }
  
  .merchants-modal .merchant-item {
    padding: 12px;
  }
  
  .merchants-modal .merchant-logo {
    width: 50px;
    height: 50px;
  }
  
  .merchants-modal .merchant-name {
    font-size: 16px;
  }
}

  /* Botão Ver Cardápio */
  .menu-browse-button-wrap {
  text-align: center;
  margin-top: 25px;
  }

  .menu-browse-button {
  display: inline-block;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff !important;
  padding: 12px 30px;
  border-radius: 25px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
  }

  .menu-browse-button:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.2) 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
  color: #fff !important;
  text-decoration: none;
  }
  
  #menu .green-button a:hover,
  /* #menu .orange-button a:hover, */
  #menu .logout-menu a:hover,
  #menu li.active.green-button a {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.2) 100%);
  color: #fff !important;
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
  }
  
  /* Outros elementos com hover */
  .section-footer a:hover,
  .mobile-search-menu a.selected i,
  .progress-dot a.selected i {
  color: rgba(255, 255, 255, 0.9);
  }
  
  /* Aplicar estilos modernos apenas para Tema 3 */
  body.layout3-active .top-menu-wrapper,
  body.using-menu-3 .top-menu-wrapper {
  background: linear-gradient(135deg, var(--layout3-primary-color, #8c1317) 0%, #e53e3e 50%, #ff4757 100%);
  box-shadow: 0 8px 32px rgba(140, 19, 23, 0.3), 0 2px 8px rgba(0, 0, 0, 0.1);
  }
  
  /* Remover padding do body para eliminar faixa branca */
  body.layout3-active,
  body.using-menu-3 {
  padding-top: 0 !important;
  margin-top: 0 !important;
  }
  
  /* Ajustar apenas o primeiro elemento após o cabeçalho */
  /* body.layout3-active .sections:first-child,
  body.using-menu-3 .sections:first-child,
  body.layout3-active .container:first-child,
  body.using-menu-3 .container:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
  } */
  
  /* Garantir que não há espaçamento em nenhum tamanho de tela */
  @media (max-width: 1024px) {
  body.layout3-active,
  body.using-menu-3 {
  padding-top: 0 !important;
  margin-top: 0 !important;
  }
  }
  
  @media (max-width: 768px) {
  body.layout3-active,
  body.using-menu-3 {
  padding-top: 0 !important;
  margin-top: 0 !important;
  }
  }
  
  /* Carrinho mobile moderno */
  .cart-mobile-handle {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  padding: 12px;
  backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  .cart-mobile-handle:hover {
  background: rgba(255, 255, 255, 0.25);
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  }
  
  .cart-mobile-handle a {
  color: #fff !important;
  font-size: 24px;
  }
  
  .cart-mobile-handle .badge {
  background: linear-gradient(135deg, #ff4757 0%, #e53e3e 100%);
  color: #fff;
  border-radius: 50%;
  min-width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  border: 2px solid #fff;
  }
  
  /* Efeitos de animação no scroll */
  .top-menu-wrapper.scrolled {
  padding-top: 15px;
  padding-bottom: 15px;
  box-shadow: 0 12px 40px rgba(140, 19, 23, 0.4), 0 4px 12px rgba(0, 0, 0, 0.15);
  }
  
  .top-menu-wrapper.scrolled .container {
  padding: 10px 15px;
  }
  
  .top-menu-wrapper.scrolled img.logo {
  max-width: 160px;
  }
  
  #menu a:hover,
  .section-footer a:hover {
  text-decoration: none;
  }
  
  /* Menu responsivo moderno */
  #menu{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border: 0px solid red;
  margin: 0;
  padding: 0;
  float: right;
  flex-wrap: wrap;
  }
  
  /* Responsividade para tablets */
  @media (max-width: 1024px) {
  .top-menu-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
  }
  
  .top-menu-wrapper .container {
  border-radius: 16px;
  }
  
  .top-menu-wrapper img.logo {
  max-width: 160px;
  min-width: 120px;
  }
  
  #menu a {
  padding: 10px 15px;
  font-size: 14px;
  }

  #menu {
    position: absolute;
    top: .9rem !important;
    right: 0 !important;
    }
  
  /* .top-menu-wrapper .col-a {
  padding: 10px;
  } */

  }
  
  /* Responsividade para mobile */
  @media (max-width: 768px) {
  .top-menu-wrapper {
  padding-top: 15px;
  padding-bottom: 15px;
  }
  
  .top-menu-wrapper .container {
  padding: 10px 12px;
  border-radius: 12px;
  }
  
  .top-menu-wrapper img.logo {
  max-width: 140px;
  min-width: 120px;
  }
  
  .top-menu-wrapper .col-a {
  padding: 8px;
  border-radius: 12px;
  }
  
  .cart-mobile-handle {
  padding: 10px;
  }
  
  .cart-mobile-handle a {
  font-size: 20px;
  }
  
  #menu {
  gap: 4px;
  }
  
  #menu a {
  padding: 8px 12px;
  font-size: 13px;
  border-radius: 8px;
  }
  }
  
  #menu li{
  display:table-cell;
  border:0px solid blue;
  margin:0;
  padding:0;
  }
  
  .parallax-container{
  border:0px solid red;
  min-height:570px;
  width:100%;
  background: rgb(0, 0, 0); 
  background:rgba(0, 0, 0, 0.25);
  }
  
  .parallax-container-home{
      border:0px solid red;
      min-height:580px;
      width:100%;
      background: rgb(0, 0, 0);
      background:rgb(0 0 0 / 33%);
  }

  /* Layout flex para desktop - será controlado por media queries no responsive.css */
.parallax-search,
.parallax-container-home,
#parallax-wrap {
    flex-grow: 1 !important;
    flex-direction: column !important;
    /* display controlado por media queries no responsive.css */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
  
  /* =============================================================================
     BANNER MODERNO TEMA 3 - SIMILAR À IMAGEM FORNECIDA
     ============================================================================= */
  
  .parallax-search,
  .mobile-banner-wrap .layer {
  border: 0px solid red;
  min-height: 300px;
  width: 100%;
  /* Background será definido dinamicamente via PHP no menu-header.php */
  padding-top: 0px;
  margin-top: 0;
  position: relative;
  overflow: hidden;
  }
  
  /* Overlay escuro para dar destaque ao conteúdo - similar à imagem fornecida */
  .parallax-search::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(140, 19, 23, 0.6) 30%, rgba(0, 0, 0, 0.8) 100%); */
  z-index: 1;
  object-fit: contain;
  }
  
  /* Remover padrão decorativo para simplificar */
  
  /* Regra base para .layer - será controlada por media queries específicas */
  .mobile-banner-wrap .layer
  {
  min-height:100%;
  width:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  /* display controlado por media queries no responsive.css */
  }
  
  /* Regra base para .mobile-search-wraps - seguindo padrão do mobile-banner-wrap */
  .mobile-search-wraps
  {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  width: 90%;
  max-width: 900px;
  text-align: center;
  color: white;
  /* display controlado por media queries no responsive.css */
  }
  
  .mobile-search-wraps h1 {
  color: #fff;
  font-size: 42px;
  text-align: center;
  font-weight: 800;
  font-family: var(--layout3-font-black, 'Poppins', 'DIN Pro Black', 'Arial Black', Arial, sans-serif);
  margin-bottom: 15px;
  letter-spacing: -1px;
  line-height: 1.1;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
  }
  
  .mobile-search-wraps p,
  .mobile-search-wraps p a {
  text-align: center;
  color: rgba(255, 255, 255, 0.98);
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 500;
  font-family: var(--layout3-font-medium, 'Poppins', 'DIN Pro Medium', 'Arial', Arial, sans-serif);
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  }
  
  .mobile-search-wraps p a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  transition: all 0.3s ease;
  }
  
  .mobile-search-wraps p a:hover {
  border-bottom-color: #fff;
  }
  
  .mobile-search-wraps.menu-header p {
  margin-bottom: 10px;
  font-size: 15px;
  }
  
  .menu-header.mobile-search-wraps h1 {
  margin-bottom: 5px;
  margin-top: 10px;
  }
  
  .parallax-search.parallax-menu {
  min-height: 360px;
  }
  
  /* Responsividade do banner - CENTRALIZADO COM FLEXBOX */
  @media (max-width: 1025px) {
  .parallax-search,
  .mobile-banner-wrap .layer {
  min-height: 350px;
  padding-top: 0px;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  }
  
  .search-wraps {
  width: 85%;
  padding: 25px;
  margin: 0 auto;
  }
  
  .mobile-search-wraps {
  width: 85%;
  padding: 25px;
  }
  
  .parallax-search.parallax-menu {
  min-height: 350px;
  }
  }
  
  @media (max-width: 768px) {
  .parallax-search,
  .mobile-banner-wrap .layer {
  min-height: 300px;
  padding-top: 0px;
  background-attachment: scroll;
  }
  
  .search-wraps {
  width: 90%;
  padding: 20px;
  margin: 0 auto;
  border-radius: 16px;
  }
  
  .mobile-search-wraps {
  width: 90%;
  padding: 20px;
  border-radius: 16px;
  }
  
  .mobile-search-wraps h1 {
  letter-spacing: -0.3px;
  }
  
  .parallax-search .search-wraps {
  padding-top: 20px;
  }
  
  .parallax-search.parallax-menu {
  min-height: 280px;
  }
  }
  
  @media (max-width: 480px) {
  .parallax-search,
  .mobile-banner-wrap .layer {
  min-height: 280px;
  padding-top: 0px;
  background-attachment: scroll;
  }
  
  .search-wraps {
  width: 95%;
  padding: 15px;
  margin: 0 auto;
  border-radius: 12px;
  }
  
  .mobile-search-wraps {
  width: 95%;
  padding: 15px;
  border-radius: 12px;
  }
  
  .mobile-search-wraps h1 {
  font-size: 24px;
  }
  
  .mobile-search-wraps p,
  .mobile-search-wraps p a {
  font-size: 13px;
  margin-bottom: 10px;
  }
  
  .parallax-search .search-wraps {
  padding-top: 0px;
  }
  
  .parallax-search.parallax-menu {
  min-height: 280px;
  }
  }
  
  /* Container de conteúdo moderno - estilo similar à imagem */
  .search-wraps {
  border: 0px solid white;
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  background: transparent;
  border-radius: 20px;
  padding: 85px 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  }
  
  .search-wraps.single-search {
  padding-top: 30px;
  }
  
  .parallax-search .search-wraps {
  border: 0px solid red;
  margin-top: 0px;
  }
  
  /* CORREÇÃO DEFINITIVA: Garantir que search-wraps seja sempre visível e centralizado */
  @media screen and (min-width: 1024px) and (max-width: 1026px) {
    .parallax-search,
    .parallax-container-home,
    #parallax-wrap {
      display: flex !important;
      visibility: visible !important;
      opacity: 1 !important;
      justify-content: center !important;
      align-items: center !important;
      flex-direction: column !important;
      position: relative !important;
    }
    
    .search-wraps {
      display: flex !important;
      visibility: visible !important;
      opacity: 1 !important;
      flex-direction: column !important;
      justify-content: center !important;
      align-items: center !important;
      text-align: center !important;
      width: 85% !important;
      max-width: 900px !important;
      margin: 0 auto !important;
      padding: 25px !important;
    }
  }
  
  /* Título principal moderno - estilo similar à imagem */
  .search-wraps h1 {
  color: #fff;
  font-size: 42px;
  text-align: center;
  font-weight: 800;
  font-family: var(--layout3-font-black, 'Poppins', 'DIN Pro Black', 'Arial Black', Arial, sans-serif);
  margin-bottom: 20px;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.8), 0 2px 8px rgba(140, 19, 23, 0.6);
  letter-spacing: -0.8px;
  line-height: 1.2;
  }
  
  /* Responsividade do título */
  @media (max-width: 768px) {
  .search-wraps h1 {
  font-size: 28px;
  letter-spacing: -0.3px;
  }
  }
  
  @media (max-width: 480px) {
  .search-wraps h1 {
  font-size: 24px;
  }
  }
  
  .sections h2,
  .sections h4
  {
  color: #0d1115;
  font-family: "Montserrat",sans-serif;
  font-size: 28px;
  font-weight: normal;
  line-height: 35px;
  margin-bottom: 10px;
  text-align:center;
  }
  
  .sections h4{
  font-size:20px;
  text-align:inherit;
  color:#474d5d;
  margin:0;
  line-height:normal;
  }
  
  .sections{
  padding-top:30px;
  padding-bottom:30px;
  }
  
  /* p,
  .search-input-wraps #s,
  .search-input-wraps .search-field
  {
  font-size:16px;
  font-family:"Open Sans",sans-serif;
  } */
  
  /* Subtítulo/descrição moderna - estilo similar à imagem */
  .search-wraps p,
  .search-wraps p a {
  text-align: center;
  color: rgba(255, 255, 255, 0.98);
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 500;
  font-family: var(--layout3-font-family, 'Poppins', 'DIN Pro', 'Montserrat', sans-serif);
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6), 0 1px 4px rgba(140, 19, 23, 0.4);
  line-height: 1.5;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  }
  
  .search-wraps p a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  transition: all 0.3s ease;
  }
  
  .search-wraps p a:hover {
  border-bottom-color: #fff;
  }
  
  .search-wraps.menu-header p {
  margin-bottom: 10px;
  font-size: 15px;
  }
  
  /* Responsividade do subtítulo */
  @media (max-width: 768px) {
  .search-wraps p,
  .search-wraps p a {
  font-size: 14px;
  margin-bottom: 12px;
  }
  }
  
  @media (max-width: 480px) {
  .search-wraps p,
  .search-wraps p a {
  font-size: 13px;
  margin-bottom: 10px;
  }
  }
  
  .sub-banner-header{
  padding-top:10px;
  padding-bottom:10px;
  color:#fff;
  background:url("../images/grey-bg.png");
  }
  
  .search-input-wraps{
  padding:14px 28px;
  background:#fff;
  width:80%;
  margin:auto;
  }
  
  .rounded{
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; 
  -khtml-border-radius: 2px;
  }
  
  .rounded3,
  .fancybox-skin
  {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; 
  -khtml-border-radius: 3px;
  }
  
  
  .rounded5{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
  -khtml-border-radius: 5px;
  }
  
  
  .rounded30{
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px; 
  -khtml-border-radius: 30px;
  }
  
  .search-input-wraps #s,
  .search-input-wraps .search-field,
  .search-input-wraps #restaurant_name
  {
  width:100%;
  padding:1px;
  color:#444;
  border:none;
  }
  
  *:focus {
      outline: none;
  }
  
  .search-input-wraps button[type="submit"]
  {
  background:none;
  border:none;
  font-size: 28px;
  position: absolute;
  right: 10px;
  top:-1px;
  }
  
  .relative{
  position:relative;
  }
  
  .search-menu,
  .search-menu li
  {
  margin:0;
  padding:0;
  display:table;
  width:100%;
  }
  
  .search-menu li{
  display:table-cell;
  width:auto;
  }
  
  .search-menu li a{
  display:block;
  height:110px;
  width:110px;
  border:1px solid #f75d34;
  margin:auto;
  text-indent:-9999px;
  
  -moz-border-radius: 55px; -webkit-border-radius: 55px; border-radius: 55px;
  background: rgb(0, 0, 0); 
  background:rgba(0, 0, 0, 0.75);
  position:relative;
  
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  }
  
  .search-menu li a:hover,
  .search-menu li a.selected
  {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  color: white;
  box-shadow: inset 0 0 0 138px #040c13, 0 0 0 6px rgba(50, 50, 50, 0.75), 0 1px 2px rgba(0, 0, 0, 0.1);
  border:none;
  }
  
  .search-menu li a i{
  width:80px;
  height:83px;
  position:absolute;
  left:14px;
  top:10px;
  display:block;
  }
  
  .search-menu a.byaddress i{
  background:url("../images/byaddress.png") no-repeat center top;
  }
  
  .search-menu a.byname i{
  background:url("../images/byname.png") no-repeat center top;
  }
  
  .search-menu a.bystreet i{
  background:url("../images/bystreet.png") no-repeat center top;
  }
  
  .search-menu a.bycuisine i{
  background:url("../images/bycuisine.png") no-repeat center top;
  }
  
  .search-menu a.byfood i{
  background:url("../images/byfood.png") no-repeat center top;
  }
  
  
  .hide,
  .forms-search,
  .review-input-wrap,
  .credit_card_wrap,
  .cc-add-wrap,
  .frm-resume-signup, 
  .pickup-min,
  .mobile-home-banner,
  .mobile-home-banner-home,
  .logo-mobile,
  .menu-nav-mobile,
  .cart-mobile-handle,
  .mobile-search-menu.mytable,
  .progress-dot.mytable,
  .menu-top-menu,
  .mobile-banner,
  #mobile-filter-handle,
  .modal-close-btn,
  #mobile-viewmap-handle,
  .menu-cat .items-row a.mbile,
  .menu-2 a.mbile,
  .menu-3 a.mbile,
  #getapp-wrap2,
  #mobile-social-login,
  .view-receipt-mobile,
  .view-food-item-wrap .to-show,
  .back-map-address,
  .dinein-min
  {
  display:none;
  }
  
  .single-search .forms-search{
  display:block;
  }
  
  .subscribe-row{
  width:50%;
  float:right;
  }
  
  .text-grey{
  color:#6b6c6c;
  }
  
  .text-flat{
  background:#6b6c6c;
  border:none;
  color:#fff;
  }
 
  .razorpay-payment-button
  {
  background:#a70f00;
  border:1px solid #cc1500;
  color:#fff;
  padding: 5px 8px;
  }
  
  .black-button{
  background:#101316;
  border:1px solid #101316;
  color:#fff;
  padding: 5px 8px;
  }
  
  .orange-text{
  color:#f75d34;
  }
  .green-text{
  color:#00b279;
  }
  
  .section-address-book .table > thead > tr > th,
  .section-credit-card .table > thead > tr > th,
  .section-order-history .table > thead > tr > th
  {
  border-bottom:1px solid #00b279;
  }
  
  .orange-button.medium,
  .green-button.medium,
  .black-button.medium
  {
  /*padding: 5px 25px;*/
  padding: 8px 25px;
  }
  
  /* a.orange-button:hover,
  button.orange-button:hover,
  input.orange-button:hover,
  input.orange-button:focus,
  a.orange-button:focus,
  #menu .logout-menu a:hover
  {
  text-decoration:none;
  color:#fff;
  background:#ff4e41;
  border:1px solid #ff4e41;
  } */
  
  
  .green-button{
  /*background:#26d469 ;
  background:#8d1317;
  border:1px solid #b20000;
  color:#fff;
  padding: 5px 8px;*/
  }
  
  .green-button.inline,
  .orange-button.inline,
  .inline-block,
  .black-button.inline
  {
  display:inline-block;
  }
  
  .section-label .green-button.inline{
  font-size:19px;
  }
  
  a.green-button:hover,
  button.green-button:hover,
  input.green-button:hover,
  input.green-button:focus,
  a.green-button:focus,
  #menu .green-button a:hover
  {
  text-decoration:none;
  color:#fff;
  /* background:#23c562;
  border:1px solid #23c562; */
  }
  
  #menu .logout-menu a:hover,
  #menu .green-button a:hover
  {
  border:none;
  }
  
  
  a.black-button:hover,
  button.black-button:hover,
  input.black-button:hover,
  input.black-button:focus,
  a.black-button:focus
  {
  text-decoration:none;
  color:#fff;
  background:#252a2c;
  border:1px solid #252a2c;
  }
  
  
  .disabled-button{
  background:#ccc;
  border:1px solid #ccc;
  }
  
  .block,
  #mobile-menu li a
  {
  display:block;
  }
  .upper{
  text-transform:uppercase;
  }
  
  .subscribe-inner{
  /*border:1px solid #6b6c6c;*/
  position:relative;
  display:table;
  background:#6b6c6c;
  }
  
  .subscribe-inner input[type="text"],
  .subscribe-inner button[type="submit"]
  {
  display:table-cell;
  padding:5px 8px;
  }
  
  .subscribe-row .text-grey{
  padding:5px 8px;
  }
  
  .text-right{
  text-align:right;
  }
  
  .section-how-it-works,
  .section-search-results,
  .section-grey,
  .section-cuisine
  {
  background:#ffffff;
  }
  
  .sections.section-how-it-works
  {
  background:url("../images/section1-bg.png") bottom center #ededed repeat-x;
  }
  
  .section-grey2{
  background:#ffffff; 
  }
  
  .section-feature-resto{
  background:#fff;
  }
  
  .section-how-it-works .steps{
  border:0px solid red;
  max-width:136px;
  max-height:124px;
  min-height:124px;
  margin:auto;
  display:block;
  }
  
  .center,
  .section-how-it-works h3,
  .section-how-it-works p,
  .mobile-search-menu,
  .progress-dot,
  #mobile-menu li a,
  .result-merchant p.cod-text
  {
  text-align:center;
  }
  
  .section-how-it-works h3{
  background:#f75d34;
  color:#fff;
  padding:5px;
  display:inline-table;
  text-align:center;
  padding:5px 25px;
  border-bottom-left-radius: 10px;
  }
  
  .section-how-it-works p,
  .section-feature-resto p,
  .section-footer p,
  .filter-box li,
  .box-grey p,
  .box-grey,
  .result-merchant .inner p,
  .view-food-item-wrap .section-label a.section-label-a span
  {
  font-size:14px;
  }
  
  .view-food-item-wrap p{
  font-size:13px;
  }
  
  .section-feature-resto p{
  margin:2px;
  }
  
  .logo-small,
  .logo-medium
  {
  display: block;
  margin: auto;
  max-width: 100px;
  min-width:100px;
  }
  
  .result-merchant .logo-small{
  max-height:100px;
  min-height:100px;
  }
  
  .marker-wrap .logo-small{
  max-width: 80px !important;
  }
  
  .logo-medium{
  max-width: 125px;
  min-width:125px;
  }
  .result-merchant .logo-medium{
  min-height:125px;
  max-height:125px;
  }
  
  .section-feature-resto ul,
  ul.services-type
  {
  display:table;
  }
  
  .section-feature-resto ul li,
  ul.services-type li
  {
  display:table-cell;
  }
  
  .section-feature-resto ul li,
  ul.services-type li
  {
  padding:0px 5px;
  font-size:13px;
  }
  
  ul.services-type li i{
  font-size:15px;
  }
  
  .green-color,
  .section-feature-resto a:hover h4,
  .clear-cart,
  .section-checkout .i-big.green-color
  {
  color:#00B279;
  }
  
  /* .menu-1.box-grey,
  .top-line-green,
  .box-grey.top-line-green
  {
  border-top:2px solid #00B279;
  } */
  
  .section-feature-resto a
  {
  color:inherit;
  }
  
  .section-feature-resto a:hover,
  .category a:hover,
  .category a:active,
  .category a:focus,
  a:active,
  a:focus,
  .menu-cat a:hover,
  .section-label a.section-label-a:hover,
  ul#tabs li.noclick a:hover,
  ul#tabs li.nounderline a:hover
  {
  text-decoration:none;
  }
  
  .border-light{
  border-top:1px solid #ededed;
  border-color:#ccc;
  padding:9px 0;
  }
  
  .section-feature-resto h2,
  .section-cuisine .sub-text
  {
  margin-bottom:30px;
  }
  
  .section-cuisine .sub-text{
  /*color:#319db5;*/
  }
  
  .section-cuisine{
  /*background:#2b2e33 ;
  color:#a3a8ad;*/
  color:inherit;
  }
  
  .section-cuisine a{
  /*color:#a3a8ad;*/
  color:inherit;
  }
  
  .white-text,
  .order-progress-bar a,
  .section-subcribe h2
  {
  color:#fff;
  }
  
  
  .indent-5percent{
  text-indent:5%;
  }
  
  .section-browse-resto{
  background:#fff;
  }
  
  .section-subcribe,
  .section-footer
  {
  color:#111518;
  border-top:2px solid #999;
  }
  
  /*.section-subcribe{
  border-bottom:1px solid #bcbbbb;
  }*/
  
  .section-subcribe .green-button,
  .section-subcribe .email
  {
  font-size: 18px;
  padding: 13px 18px;
  font-family:"Montserrat",sans-serif;
  }
  
  .section-subcribe .email{
  border:1px solid #999;
  }
  
  img.img-cuisine{
  display:block;
  margin:50px auto auto;
  }
  
  .section-footer h3{
  margin-bottom: 10px;
  margin-top: 20px;
  color:#acacab;
  font-weight:600;
  font-size:15px;
  font-family:"Montserrat",sans-serif;
  }
  
  .order-progress-bar{
  background:#a11217;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom:1px solid #060606;
  border-top:1px solid #060606;
  text-align:center;
  position:relative;
  }
  
  .order-progress-bar a:hover,
  .order-progress-bar a.active,
  .filter-box a:hover
  {
  text-decoration:none;
  /* color:#fd5a4f; */
  font-weight:600;
  }
  
  .hover-orange,
  .filter-box a:hover{
  font-weight:normal;
  text-decoration:none;
  color:#fd5a4f;
  }
  
  .order-progress-bar a.active.current{
  border-bottom:1px solid #fd5a4f;
  }
  
  .order-progress-bar a.inactive{
  pointer-events:none;
  }
  
  .filter-wrap,
  .box-grey
  {
  background:#FFFFFF;
  /* border:1px solid #EDEDED;
  border:1px solid #c9c7c7; 
  padding:15px 20px; */
  margin-top:25px;
  }
  
  .menu-right-content .box-grey,
  .menu-2 .box-grey,
  .no-marin-top
  {
  margin-top:0;
  }
  
  .bold{
  font-weight:bold;
  }
  
  .filter-box,
  .box-grey
  {
  margin-bottom:20px;
  }
  
  .filter-box a,
  .menu-cat a,
  .section-label a.section-label-a,
  .section-label .section-label-a
  {
  color:#333;
  display:block;
  text-decoration: none;
  padding-top:8px;
  padding-bottom:2px;
  position:relative;
  }
  
  /* Força cor branca em fundos vermelhos */
  .section-label a.section-label-a:link,
  .section-label a.section-label-a:visited,
  .section-label a.section-label-a:hover,
  .section-label a.section-label-a:active {
  color: #333 !important;
  text-decoration: none !important;
  }
  
  /* Para elementos com fundo vermelho específico */
  [style*="background-color: red"] .section-label-a,
  [style*="background: red"] .section-label-a,
  .bg-red .section-label-a,
  .red-background .section-label-a {
  color: white !important;
  }

  /* ========== BOTÕES MODERNOS ========== */
  
  /* Botão Adicionar Novo */
  .modern-add-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #28a745, #20c997);
    color: white !important;
    padding: 12px 20px;
    border-radius: 8px;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 14px;
    border: none;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
    transition: all 0.3s ease;
    cursor: pointer;
  }
  
  .modern-add-button:hover {
    background: linear-gradient(135deg, #218838, #1ea080);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
    color: white !important;
    text-decoration: none !important;
  }
  
  /* Botão Submit/Salvar */
  .modern-submit-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: white;
    padding: 12px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    border: none;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
    transition: all 0.3s ease;
    cursor: pointer;
    min-width: 140px;
    justify-content: center;
  }
  
  .modern-submit-button:hover {
    background: linear-gradient(135deg, #0056b3, #004085);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.4);
  }
  
  /* Botão Voltar */
  .modern-back-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #6c757d, #495057);
    color: white !important;
    padding: 12px 24px;
    border-radius: 8px;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 14px;
    border: none;
    box-shadow: 0 2px 8px rgba(108, 117, 125, 0.3);
    transition: all 0.3s ease;
    cursor: pointer;
    min-width: 140px;
    justify-content: center;
  }
  
  .modern-back-button:hover {
    background: linear-gradient(135deg, #495057, #343a40);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.4);
    color: white !important;
    text-decoration: none !important;
  }
  
  /* Botão Status do Pedido */
  .modern-status-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #17a2b8, #138496);
    color: white !important;
    padding: 10px 16px;
    border-radius: 6px;
    border: none;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 8px;
    min-width: 120px;
    justify-content: space-between;
    text-decoration: none !important;
  }
  
  .modern-status-button:hover {
    background: linear-gradient(135deg, #138496, #0f6674);
    transform: translateY(-1px);
    color: white !important;
    text-decoration: none !important;
  }
  
  .modern-status-button.status-delivered {
    background: linear-gradient(135deg, #28a745, #20c997);
  }
  
  .modern-status-button.status-preparing {
    background: linear-gradient(135deg, #ffc107, #e0a800);
    color: #000;
  }
  
  .modern-status-button.status-in_transit {
    background: linear-gradient(135deg, #fd7e14, #e8590c);
  }
  
  .modern-status-button.status-cancelled {
    background: linear-gradient(135deg, #dc3545, #c82333);
  }
  
  /* Timeline de Entrega */
  .delivery-timeline-button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #6f42c1, #5a32a3);
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    border: none;
    font-weight: 500;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 8px;
  }
  
  .delivery-timeline-button:hover {
    background: linear-gradient(135deg, #5a32a3, #4c2a85);
    transform: translateY(-1px);
  }
  
  /* Botão Visualizar Pedido */
  .modern-order-view-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #343a40, #495057);
    color: white !important;
    padding: 10px 16px;
    border-radius: 6px;
    border: none;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 8px;
    text-decoration: none !important;
  }
  
  .modern-order-view-button:hover {
    background: linear-gradient(135deg, #495057, #6c757d);
    transform: translateY(-1px);
    color: white !important;
    text-decoration: none !important;
  }
  
  /* Botão Pedir Novamente */
  .modern-reorder-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #fd7e14, #e8590c);
    color: white !important;
    padding: 10px 16px;
    border-radius: 6px;
    border: none;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none !important;
  }
  
  .modern-reorder-button:hover {
    background: linear-gradient(135deg, #e8590c, #dc5200);
    transform: translateY(-1px);
    color: white !important;
    text-decoration: none !important;
  }
  
  /* Botão Avaliação */
  .modern-review-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #ffc107, #e0a800);
    color: #000 !important;
    padding: 8px 12px;
    border-radius: 6px;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 8px;
  }
  
  .modern-review-button:hover {
    background: linear-gradient(135deg, #e0a800, #d39e00);
    transform: translateY(-1px);
    color: #000 !important;
    text-decoration: none !important;
  }
  
  /* Botão iFood */
  .modern-ifood-track-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #ea1d2c, #c41e3a);
    color: white !important;
    padding: 8px 12px;
    border-radius: 6px;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 8px;
  }
  
  .modern-ifood-track-button:hover {
    background: linear-gradient(135deg, #c41e3a, #a01e34);
    transform: translateY(-1px);
    color: white !important;
    text-decoration: none !important;
  }
  
  /* Seções de organização */
  .order-status-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  
  .merchant-reorder-section {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  /* Seta do status */
  .status-arrow {
    font-size: 10px;
    transition: transform 0.3s ease;
  }
  
  .modern-status-button.active .status-arrow {
    transform: rotate(180deg);
  }
  
  /* Order History Table Styles */
  .order-order-history {
    display: none;
  }
  
  .order-order-history.show {
    display: contents !important;
  }
  
  .order-order-history td {
    padding: 15px !important;
    background-color: #f8f9fa;
    border-top: 2px solid #dee2e6;
  }
  
  .order-order-history .table {
    margin-bottom: 0;
    font-size: 12px;
    max-width: 100%;
    table-layout: fixed;
  }
  
  .order-order-history .table th,
  .order-order-history .table td {
    height: 100%;
    display: inline-flex;
    font-size: 12px;
    background-color: #f8f9fa;
  }
  
  .order-order-history .table th:first-child,
  .order-order-history .table td:first-child {
    width: 25%;
  }
  
  .order-order-history .table th:nth-child(2),
  .order-order-history .table td:nth-child(2) {
    width: 20%;
  }
  
  .order-order-history .table th:nth-child(3),
  .order-order-history .table td:nth-child(3) {
    width: 55%;
  }
  
  .order-order-history .table thead th {
    background-color: #e9ecef;
    font-weight: 600;
    border-bottom: 2px solid #dee2e6;
    font-size: 11px;
    text-transform: uppercase;
  }
  
  .order-order-history .table tbody tr:nth-child(odd) {
    background-color: #f8f9fa;
  }
  
  .order-order-history .table tbody tr:nth-child(even) {
    background-color: #f8f9fa;
  }

  /* Timeline Modal Styles */
  .timeline-container {
    padding: 20px 0;
  }
  
  #deliveryTimelineModal .modal-dialog {
    max-width: 800px;
  }
  
  #timeline-modal-body {
    min-height: 200px;
    padding: 20px;
  }
  
  #timeline-modal-body .text-center {
    padding: 40px 20px;
  }
  
  #timeline-modal-body .fa-spinner {
    color: #007bff;
    margin-bottom: 10px;
  }
  
  .timeline-item {
    position: relative;
    padding-left: 40px;
    margin-bottom: 30px;
  }
  
  .timeline-item:last-child {
    margin-bottom: 0;
  }
  
  .timeline-marker {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #e9ecef;
    border: 3px solid #dee2e6;
  }
  
  .timeline-item.completed .timeline-marker {
    background: #28a745;
    border-color: #20c997;
  }
  
  .timeline-item.active .timeline-marker {
    background: #ffc107;
    border-color: #e0a800;
    animation: pulse 2s infinite;
  }
  
  .timeline-item:not(:last-child)::before {
    content: '';
    position: absolute;
    left: 9px;
    top: 20px;
    width: 2px;
    height: 40px;
    background: #dee2e6;
  }
  
  .timeline-item.completed:not(:last-child)::before {
    background: #28a745;
  }
  
  .timeline-content h5 {
    margin: 0 0 5px 0;
    font-weight: 600;
    color: #333;
  }
  
  .timeline-content p {
    margin: 0;
    font-size: 13px;
  }
  
  @keyframes pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.7);
    }
    70% {
      box-shadow: 0 0 0 10px rgba(255, 193, 7, 0);
    }
    100% {
      box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
    }
  }

  /* Responsividade */
  @media (max-width: 768px) {
    .modern-add-button,
    .modern-submit-button,
    .modern-back-button {
      padding: 10px 16px;
      font-size: 13px;
      min-width: 120px;
    }
    
    .modern-status-button,
    .modern-order-view-button,
    .modern-reorder-button {
      padding: 8px 12px;
      font-size: 12px;
      min-width: 100px;
    }
    
    .delivery-timeline-button,
    .modern-review-button,
    .modern-ifood-track-button {
      padding: 6px 10px;
      font-size: 11px;
    }
    
    .timeline-item {
      padding-left: 30px;
      margin-bottom: 20px;
    }
    
    .timeline-marker {
      width: 16px;
      height: 16px;
    }
    
    .timeline-item:not(:last-child)::before {
      left: 7px;
      height: 30px;
    }
    
    .order-order-history .table {
      font-size: 11px;
    }
    
    .order-order-history .table th,
    .order-order-history .table td {
      padding: 6px 8px;
    }
    
    .order-order-history .table th:first-child,
    .order-order-history .table td:first-child {
      width: 30%;
    }
    
    .order-order-history .table th:nth-child(2),
    .order-order-history .table td:nth-child(2) {
      width: 25%;
    }
    
    .order-order-history .table th:nth-child(3),
    .order-order-history .table td:nth-child(3) {
      width: 45%;
    }
  }
  
  
  .filter-box a span,
  .menu-cat a span,
  .section-label a.section-label-a span,
  .section-label .section-label-a span
  {
  background:#fff;
  position:relative;
  z-index:2;
  padding:0 8px 0 0;
  }
  
  .filter-box a b,
  .menu-cat a b,
  .section-label a.section-label-a b,
  .section-label .section-label-a b
  {
  border-bottom:1px solid #ddd;
  width:100%;
  display:block;
  position:absolute;
  top:50%;
  left:0;
  z-index:1;
  }
  .filter-box .icheckbox_minimal{
  margin-right:2px;
  }
  
  /*.filter-box li,
  .box-grey p,
  .box-grey
  {
  font-size:14px;
  }*/
  
  .section-subcribe h2{
  margin:0 0 25px;
  }
  
  .sort-wrap{
  }
  
  .sort-results .btn{
  line-height:1.12857;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; 
  -khtml-border-radius: 2px;
  }
  
  .sort-wrap .orange-button{
  font-size: 19px;
  width: 40px;
  float:right;
  }
  
  .sort-wrap .orange-button.inactive
  {
  background:#c9c7c7;
  border:1px solid #c9c7c7;
  }
  
  .result-merchant{
  margin-top:25px;
  }
  
  .result-merchant .infinite-item,
  .result-merchant .infinite-item-newest
  {
  margin-bottom:20px;
  }
  
  .result-merchant h2{
  color:#f75d34;
  }
  
  .result-merchant .inner
  {
  border:1px solid #c9c7c7;
  padding:10px 0;
  padding-bottom:20px;
  background:#fff;
  color:#5d5b5b;
  font-size:14px;
  text-align:center;
  position:relative;
  }
  
  .result-merchant #search-listview .inner{
  min-height:600px;
  }
  
  .result-merchant .inner.list-view,
  .result-merchant .inner.list-view h2,
  #browse-list .inner
  {
  text-align:left;
  }
  
  .result-merchant .inner.list-view h2,
  .menu-header .mytable p
  {
  margin:0;
  }
  
  .result-merchant .inner.list-view .mytable{
  width:auto;
  margin:0;
  }
  .result-merchant .inner.list-view .mytable .mycol{
  border:none;
  width:auto;
  padding-right:10px;
  }
  
  .result-merchant .inner.list-view p.cuisine{
  margin-bottom:10px;
  font-size:13px;
  font-weight:bold;
  }
  
  .result-merchant .inner.list-view a.orange-button{
  margin-top:45%;
  display:inline-table;
  }
  
  .result-merchant .inner.list-view .concat-text{
  padding-left:0;
  padding-right:0;
  }
  
  /*.result-merchant .inner p{
  font-size:14px;
  }*/
  
  .nomargin,
  .result-merchant .inner .mytable p,
  .result-merchant .inner.list-view p,
  .box-grey p
  {
  margin:0;
  }
  
  .section-checkout .box-grey p{
  margin:10px 0;
  }
  
  .mytable{
  display:table;
  width:100%;
  }
  
  .mytable .mycol{
  display:table-cell;
  }
  
  .result-merchant .mytable{
  margin-top:25px;
  }
  
  .concat-text
  {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display:block;
  }
  
  .result-merchant .concat-text{
  padding-left:8px;
  padding-right:8px;
  }
  
  .result-merchant .mytable .mycol{
  border:1px solid #c9c7c7;
  padding:2px;
  /*width:50%;*/
  width:40%;
  }
  
  .result-merchant .mytable .mycol.a{
  border-left:0;
  border-right:0;
  }
  
  .result-merchant .mytable .mycol.b{
  border-right:0;
  }
  
  .result-merchant a.orange-button,
  .section-profile ul#tabs li i,
  ul#tabs li a i,
  ul#tabs li i
  {
  font-size:18px;
  }
  
  .top5{
  margin-top:5px;
  }
  .top8{
  margin-top:8px;
  }
  .top10,
  .result-merchant .inner.list-view .services-type,
  .menu-2 .top10
  {
  margin-top:10px;
  }
  .top15,
  .result-merchant .inner p.top15
  {
  margin-top:15px;
  }
  .top25{
  margin-top:25px;
  }
  
  .top30,
  .item-order-wrap{
  margin-top:30px;
  }
  
  .padtop15{
  padding-top:15px;
  }
  
  .menu-2 .box-grey .top10,
  .bottom10
  {
  margin-bottom:10px;
  }
  
  .bottom15,
  .box-grey p.bold,
  
  .delivery_asap_wrap
  {
  margin-bottom:15px;
  }
  .bottom20{
  margin-bottom:20px;
  }
  .bottom30{
  margin-bottom:30px;
  }
  
  .mr10px{
  margin-right:10px;
  }
  
  .result-merchant ul.services-type{
  margin:0 auto 25px;
  }
  
  .infinite-more-link {
  visibility: hidden; 
  }
  
  .search-result-loader{
  max-width:200px;
  margin:20px auto auto;
  display:none;
  }
  
  .search-result-loader i{
  background:url("../images/Coffee-cup.gif") no-repeat center right;
  height:64px;
  width:64px;
  display:block;
  margin:auto;
  }  

  .clock i{
  background:url("../images/clock.gif") no-repeat center right;
  height:113px;
  width:108px;
  display:block;
  margin:auto;
  background-size: 107px 109px;
  margin-bottom: 20px;
  padding: 15px 20px;
  }
  
  .search-result-loader p{
  font-size: 12px;
  margin-top: 5px;
  text-align:center;
  }
  
  /***  SPONSORED RIBBON **/
  .ribbon {
    position: absolute;
    left: -5px; top: -7px;
    z-index: 1;
    overflow: hidden;
    width: 100px; height: 100px;
    text-align: right;
  }
  .ribbon span {
  font-family:arial;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 30px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 120px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#9BC90D 0%, #79A70A 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px; left: -28px;
  }
  .ribbon span::before {
    content: "";
    position: absolute; left: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid #79A70A;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #79A70A;
  }
  .ribbon span::after {
    content: "";
    position: absolute; right: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #79A70A;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #79A70A;
  }
  /*** END  SPONSORED RIBBON **/
  
  /*************  OFFER  **************/
  .ribbon-offer {
    position: absolute;
    right: -5px; top: -7px;
    z-index: 999999999;
    overflow: hidden;
    width: 100px; height: 100px;
    text-align: right;
  }
  .ribbon-offer span {
  font-family:arial;
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 30px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 120px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#2989d8 0%, #1e5799 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px; right: -28px;
  }
  .ribbon-offer span::before {
    content: "";
    position: absolute; left: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid #1e5799;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #1e5799;
  }
  .ribbon-offer span::after {
    content: "";
    position: absolute; right: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #1e5799;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #1e5799;
  }
  /*************  END OFFER  **************/
  
  /************  START TABS *************/
  .tabs-wrapper,
  .connected-wrap
  {
  /* border:1px solid #c9c7c7; */
  }
  
  ul#tabs {
  list-style-type: none;
  padding: 0;
  text-align: center;
  background:#fff;
  }
  
  ul#tabs li {
  display: inline-block;
  padding: 5px 15px;
  margin-bottom: 4px;
  cursor: pointer;
  }
  
  ul#tabs li a,
  ul#mobile-menu li a
  {
  color:#474d5d;
  }
  
  ul#tabs li:hover {
  border-bottom:2px solid #f75d34;
  }
  ul#tabs li.active {
  border-bottom:2px solid #f75d34;
  }
  
  ul#tabs li.active i{
  color: white;
  }
  
  ul#tab {
  list-style-type: none;
  margin: 0;
  padding:10px 8px;
  }
  
  ul#tab > li {
  display: none;
  }
  ul#tab li.active {
  display: block;
  }
  /************  END TABS *************/
  
  
  .search-map-results{
  min-height:350px;
  max-height:350px;
  display:none;
  border:1px solid #c9c7c7;
  background:#c9c7c7;
  }
  .marker-wrap{
  padding:8px 15px;
  }
  .marker-wrap h3{
  margin:0;
  margin-bottom:3px;
  }
  
  .filter-box .search-input-wraps{
  border:1px solid #c9c7c7;
  padding:5px 8px;
  width:100%;
  }
  
  .filter-box .search-input-wraps button[type="submit"]{
  font-size:20px;
  }
  
  .menu-header .mytable{
  /*width: 410px;*/
  width: 520px;
  margin:auto;
  }
  
  .menu-header.search-wraps h1{
  margin-bottom: 5px;
  margin-top: 10px;
  }
  .star-float{
  position:absolute;
  top:0;
  left:10px;
  width:43px;
  height:69px;
  background:url("../images/star.png");
  }
  
  .menu-right-content .box-grey{
  padding:0;
  }
  .menu-right-content .box-grey .inner{
  padding:15px 20px;
  }
  .menu-right-content .box-grey .inner.line-top,
  .line-top
  {
  border-top:1px solid #c9c7c7;
  }
  
  .line-bottom{
  border-bottom:1px solid #c9c7c7;
  }
  
  .order-icon{
  display:block;
  width:56px;
  height:55px;
  position:absolute;
  top:8px;
  left:10px;
  }
  
  /* .your-order-icon{
  background:url("../images/your-order.png");
  } */
  /* .delivery-option-icon{
  background:url("../images/delivery-option.png");
  } */
  
  .delivery-option select,
  .delivery-option input[type="text"],
  #voucher_code,
  #redeem_points
  {
  display:block;
  margin:auto;
  margin-bottom:8px;
  }
  
  .grey-fields{
  background:#e2e3e3;
  color:#1e1e1e;
  padding:8px 10px;
  width:auto;
  }
  .delivery-option .grey-fields,
  #voucher_code,
  #redeem_points
  {
  width:65%;
  }
  
  .category a{
  display:block;
  border-bottom:0;
  color:#030303;
  padding:10px 8px;
  font-size:14px;
  background:#fff;
  }
  
  .category a:hover,
  .items-row .row.even
  {
  background:#f8f8f8;
  }
  
  .category a i{
  position:absolute;
  right:10px;
  top:40%;
  }
  
  .category a span{
  color:#999;
  font-size:11px;
  }
  
  .category a:last-child,
  .items-row .row.even
  {
  border-bottom:1px solid #c9c7c7;
  }
  
  .items-row{
  padding-left:15px;
  }
  
  .items-row .row{
  padding-top:10px;
  padding-bottom:10px;
  }
  
  
  .menu-cat .items-row a{
  margin:0;
  padding:0;
  font-size:30px;
  position:absolute;
  top:-5px;
  left:0;
  display:block;
  }
  
  .menu-cat .items-row a:hover i
  {
  color:#474d5d;
  }
  
  .clear-cart{
  display:none;
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 35px;
  }
  
  .voucher_wrap,
  .item-order-wrap
  {
  margin-bottom: 20px;
  margin-top:30px;
  }
  
  .voucher_wrap a,
  .redeem-wrap .orange-button 
  {
  display:table;
  margin:auto;
  }
  
  .view-food-item-wrap{
  max-width:600px;
  min-height:200px;
  padding:10px 20px;
  background:#FFFFFF;
  font-size:13px;
  }
  
  .enter-address-wrap{
  max-width:500px;
  padding:10px 20px;
  background:#FFFFFF;
  font-size:13px;
  }
  
  .food-pic{
  max-height:100px;
  min-height:100px;
  max-width:100px;
  min-width:100px;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  }
  .food-thumbnail{
  max-height:169px;
  min-height:169px;
  max-width:100%;
  min-width:100%;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  }
  
  .food-thumbnail img{
  /*min-width:200px;
  max-width:200px;
  max-height:183px;
  min-height:183px;
  max-width:100%;
  height:auto;
  display:block;
  margin:auto;*/
  }
  .food-description,
  .merchant-review-wrap .read-more
  {
  max-height:40px;
  min-height:40px;
  overflow:hidden;
  }
  
  .merchant-review-wrap .read-more{
  display:block;
  }
  
  .dummy-link{
  min-height:16px;
  }
  
  .line-tru{
  text-decoration:line-through;
  }
  
  .qty,
  #notes,
  .addon_qty,
  .grey-inputs
  {
  border: 1px solid #ddd;
  padding: 5px;
  width: 100%;
  text-align:center;
  }
  #notes,
  .grey-inputs
  {
  text-align:left;
  }
  
  .addon_qty{
  padding:3px;
  }
  .upper-text{
  text-transform:uppercase;
  }
  .food-item-actions .green-button,
  .food-item-actions .orange-button
  {
  width:100%;
  }
  
  .menu-2 .box-grey{
  padding:5px 8px;
  min-height: 350px;
  }
  
  .menu-left-content .section-label a.section-label-a span{
  background:#eff2f5;
  }
  
  .menu-3.box-grey p.bold{
  margin-bottom:5px;
font-size: 16px !important;
font-weight: 700 !important;
color: #1a1a1a !important;
letter-spacing: -0.3px;
}

/* Estilos específicos para elementos do carrinho no tema 3 */
.menu-3 .menu-right-content .box-grey .inner p.bold,
body.layout3-active .menu-right-content .box-grey .inner p.bold,
body.using-menu-3 .menu-right-content .box-grey .inner p.bold {
font-size: 16px !important;
font-weight: 700 !important;
color: #1a1a1a !important;
letter-spacing: -0.3px;
text-align: center !important;
margin-bottom: 10px !important;
font-family: var(--layout3-font-black, 'Arial Black', Arial, sans-serif) !important;
text-decoration: none !important;
}

/* Correção específica para "Seu pedido" no tema 3 */
.menu-3 .menu-right-content .box-grey .inner p.bold.center,
body.layout3-active .menu-right-content .box-grey .inner p.bold.center,
body.using-menu-3 .menu-right-content .box-grey .inner p.bold.center {
text-align: center !important;
font-size: 18px !important;
font-weight: 700 !important;
color: #1a1a1a !important;
margin-bottom: 15px !important;
font-family: var(--layout3-font-black, 'Arial Black', Arial, sans-serif) !important;
text-decoration: none !important;
}

/* Correção adicional para garantir que os títulos sejam visíveis */
body.layout3-active .menu-right-content .inner p.bold,
body.layout3-active .menu-right-content .delivery-option p.bold,
body.layout3-active .menu-right-content .center p.bold {
font-size: 16px !important;
font-weight: 700 !important;
color: #1a1a1a !important;
text-align: center !important;
margin-bottom: 10px !important;
font-family: var(--layout3-font-black, 'Arial Black', Arial, sans-serif) !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
text-decoration: none !important;
background-color: #EFEFF0 !important;
}

/* Força estilos específicos para sobrescrever responsive.css e outros conflitos */
.menu-right-content .box-grey .inner p.bold,
.menu-right-content .delivery-option p.bold,
.menu-right-content .center p.bold,
#menu-right-content .box-grey .inner p.bold,
#menu-right-content .delivery-option p.bold,
#menu-right-content .center p.bold,
.address-confirmation-header p.bold,
.cpf-section div span.bold {
font-size: 16px !important;
font-weight: 100 !important;
color: #1a1a1a !important;
text-align: center !important;
margin-bottom: 10px !important; 
display: block !important;
visibility: visible !important;
opacity: 1 !important;
line-height: 1.4 !important;
text-decoration: none !important;
font-family: "Montserrat", sans-serif !important;
text-transform: uppercase;
background-color: #EFEFF0 !important;
}

/* Estilo específico para "Seu pedido" com maior especificidade */
.menu-right-content .box-grey .inner p.bold.center,
#menu-right-content .box-grey .inner p.bold.center,
.menu-right-content .inner p.bold.center,
#menu-right-content .inner p.bold.center {
  font-size: 16px !important;
  font-weight: 100 !important;
  color: #1a1a1a !important;
  text-align: center !important;
  margin-bottom: 10px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  font-family: "Montserrat", sans-serif !important;
  text-transform: uppercase;
}

.cpf-section{
  margin-top: 15px; 
  padding: 15px; 
  background: #f8f9fa; 
  border-radius: 6px; 
}

/* Media queries para garantir que os estilos funcionem em todas as resoluções */
@media (max-width: 1200px) {
  .menu-right-content .box-grey .inner p.bold,
  #menu-right-content .box-grey .inner p.bold {
    font-size: 16px !important;
    color: #1a1a1a !important;
    text-align: center !important;
  }
  
  .menu-right-content .box-grey .inner p.bold.center,
  #menu-right-content .box-grey .inner p.bold.center {
    font-size: 18px !important;
    
    color: #1a1a1a !important;
    text-align: center !important;
  }
}

@media (max-width: 768px) {
  .menu-right-content .box-grey .inner p.bold,
  #menu-right-content .box-grey .inner p.bold {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    text-align: center !important;
  }
  
  .menu-right-content .box-grey .inner p.bold.center,
  #menu-right-content .box-grey .inner p.bold.center {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    text-align: center !important;
  }
}

/* CORREÇÃO CRÍTICA: Override para JavaScript que força estilos inline */
.menu-right-content .box-grey .inner p.bold[style],
#menu-right-content .box-grey .inner p.bold[style],
.menu-right-content .delivery-option p.bold[style],
#menu-right-content .delivery-option p.bold[style] {
font-size: 16px !important;
color: #1a1a1a !important;
text-align: center !important;
text-decoration: none !important;
}

.menu-right-content .box-grey .inner p.bold.center[style],
#menu-right-content .box-grey .inner p.bold.center[style] {
font-size: 18px !important;
font-weight: 700 !important;
color: #1a1a1a !important;
text-align: center !important;
text-decoration: none !important;
}

/* =============================================================================
   MODERNIZAÇÃO DOS BLOCOS DE ENTREGA - TEMA 3
   ============================================================================= */

/* Bloco de Informação de Entrega - Design Moderno */
.menu-right-content .box-grey .inner.center {
background: linear-gradient(135deg, #ffffff 0%, #fafbfc 50%, #f5f7fa 100%) !important;
border-radius: 20px !important;
box-shadow: 
  0 2px 8px rgba(0, 0, 0, 0.06),
  0 8px 24px rgba(0, 0, 0, 0.08),
  0 16px 32px rgba(0, 0, 0, 0.10) !important;
border: 1px solid rgba(229, 62, 62, 0.12) !important;
border-top: 3px solid #e53e3e !important;
padding: 24px 20px !important;
margin-bottom: 20px !important;
position: relative !important;
backdrop-filter: blur(10px) !important;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* Informações de entrega - textos modernos */
.menu-right-content .box-grey .inner.center p:not(.bold) {
font-size: 15px !important;
color: #4a5568 !important;
line-height: 0.8 !important;
margin-bottom: 8px !important;
}

/* Link "Mude seu endereço aqui" */
.menu-right-content .box-grey .inner.center a.change-address {
  background: #f4f4f4 !important;
  color: #727272 !important;
  border: 1px solid #d3d3d3;
  padding: 3px 15px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  margin-top: 26px !important;
}

.menu-right-content .box-grey .inner.center a.change-address:hover {
  background: #f4f4f4 !important;
  color: #727272 !important;
  text-decoration: none !important;
  outline: none !important;
  transform: translateY(-1px) !important;
}

/* Bloco de Opções de Entrega - Design Moderno */
.menu-right-content .box-grey .inner.delivery-option {
background: linear-gradient(135deg, #ffffff 0%, #fafbfc 50%, #f5f7fa 100%) !important;
border-radius: 20px !important;
box-shadow: 
  0 2px 8px rgba(0, 0, 0, 0.06),
  0 8px 24px rgba(0, 0, 0, 0.08),
  0 16px 32px rgba(0, 0, 0, 0.10) !important;
border: 1px solid rgba(229, 62, 62, 0.12) !important;
border-top: 3px solid #e53e3e !important;
padding: 24px 20px !important;
margin-bottom: 20px !important;
position: relative !important;
backdrop-filter: blur(10px) !important;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* Campos de formulário modernos */
.menu-right-content .box-grey .inner.delivery-option select.grey-fields,
.menu-right-content .box-grey .inner.delivery-option input.grey-fields {
width: 100% !important;
padding: 14px 16px !important;
margin-bottom: 16px !important;
border: 1px solid rgba(0, 0, 0, 0.1) !important;
border-radius: 12px !important;
font-size: 15px !important;
background: rgba(255, 255, 255, 0.9) !important;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
color: #1a1a1a !important;
box-sizing: border-box !important;
}

.menu-right-content .box-grey .inner.delivery-option select.grey-fields:focus,
.menu-right-content .box-grey .inner.delivery-option input.grey-fields:focus {
outline: none !important;
border-color: rgba(229, 62, 62, 0.4) !important;
box-shadow: 
  0 0 0 3px rgba(229, 62, 62, 0.1),
  0 4px 12px rgba(0, 0, 0, 0.08) !important;
background: rgba(255, 255, 255, 1) !important;
transform: translateY(-1px) !important;
}

/* Botão de Pagamento Moderno */
.menu-right-content .box-grey .inner.delivery-option a.checkout {
display: block !important;
width: 100% !important;
background: linear-gradient(135deg, #118f2f 0%, #26630c 100%) !important;
color: white !important;
padding: 16px 24px !important;
border-radius: 12px !important;
font-size: 16px !important;
font-weight: 700 !important;
text-decoration: none !important;
margin-top: 20px !important;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
box-shadow: 0 6px 20px rgba(229, 62, 62, 0.3) !important;
text-align: center !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}

.menu-right-content .box-grey .inner.delivery-option a.checkout:hover {
transform: translateY(-2px) !important;
box-shadow: 0 10px 30px rgba(17, 143, 47, 0.4) !important;
background: linear-gradient(135deg, #26630c 0%, #118f2f 100%) !important;
}

/* Aplicar gradiente verde a todos os botões checkout */
a.checkout,
.orange-button.checkout,
.uk-button.checkout {
  display: block !important;
  width: 100% !important;
  background: #4CAF50 !important;
  color: #ffffff !important;
  padding: 18px 20px !important;
  border-radius: 12px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin-top: 15px !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3) !important;
}

a.checkout:hover,
.orange-button.checkout:hover,
.uk-button.checkout:hover {
background: linear-gradient(135deg, #26630c 0%, #118f2f 100%) !important;
}

/* Garantir que o botão checkout seja sempre visível */
a.checkout,
.checkout,
.orange-button.checkout,
.uk-button.checkout {
display: block !important;
visibility: visible !important;
}

/* Esconder o título "Opções de entrega" quando há apenas uma opção */
.delivery-option p.bold[style*="display: none"],
.delivery-option p.bold.hidden-delivery-title,
.delivery-option p.bold[style*="display:none"],
.delivery-option p.bold:contains("Opções de entrega"),
.delivery-option p.bold:contains("Delivery Options"),
.delivery-option p.bold:contains("Options") {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
overflow: hidden !important;
}

/* Esconder especificamente o texto de opções de entrega */
.inner.delivery-option p.bold {
display: none !important;
}

/* Mas manter outros textos bold visíveis se necessário */
.inner.delivery-option:not(.hide-delivery-options) p.bold {
display: block !important;
}

/* ===== NOVA HOMEPAGE REDESIGN ===== */

/* Hero Section */
.hero-section {
  position: relative;
  height: 50vh;
  min-height: 423px;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(0 0 0 / 33%);
  z-index: 1;
}

.hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: white;
  width: 100%;
}

.hero-title {
  font-size: 3.5rem;
  font-weight: bold;
  margin-bottom: 2rem;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.hero-search-form {
  max-width: 600px;
  margin: 0 auto;
}

.search-input-container {
  margin-bottom: 2rem;
  color: #000 !important;
}

.search-input {
  width: 100%;
  padding: 15px 20px;
  border: none;
  border-radius: 25px;
  font-size: 16px;
  background: rgba(255,255,255,0.95);
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.hero-buttons {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

.btn-primary, .btn-secondary {
  padding: 15px 30px;
  border: none;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  display: inline-block;
}

.btn-pedir-agora {
  background: linear-gradient(135deg, #8c1317 0%, #d32f2f 100%);
  color: white !important;
}

.btn-pedir-agora:hover {
  background: linear-gradient(135deg, #d32f2f 0%, #8c1317 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(140, 19, 23, 0.4);
}

.btn-ver-cardapio {
  background: rgba(255,255,255,0.9);
  color: #8c1317 !important;
  border: 2px solid rgba(255,255,255,0.3);
}

.btn-ver-cardapio:hover {
  background: rgba(255,255,255,1);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.2);
  text-decoration: none;
}

/* Seção de Promoções */
.promotions-section {
  padding: 20px 0;
  background: #f8f9fa;
}

.section-title {
  text-align: left !important;
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 3rem;
  color: #333;
}

.promotions-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
  transition: transform 0.3s ease;
}

/* Controles do Carousel */
.carousel-controls {
  text-align: center;
  margin-top: 30px;
}

.carousel-btn {
  color: #8c1317;
  border: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 1.5rem;
  margin: 0 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  
}

.carousel-btn:hover {
  color: #8c1317;
  background: transparent;
  transform: scale(1.1);
}

.promotion-card {
  background: white;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.promotion-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.promotion-image {
  height: 200px;
  overflow: hidden;
  background: #e0e0e0;
}

.promotion-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.promotion-content {
  padding: 20px;
}

.promotion-content h3 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 10px;
  color: #333;
}

.promotion-content p {
  color: #666;
  font-size: 0.95rem;
}

/* Seção de Fidelidade */
.loyalty-section {
  background: linear-gradient(135deg, #8c1317 0%, #d32f2f 100%);
  color: white;
  padding: 60px 0;
}

.loyalty-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}

.loyalty-text {
  flex: 1;
  min-width: 300px;
}


.loyalty-text-2 {
  text-align: left !important;
  font-weight: bolder !important;
}

.loyalty-text p {
  font-size: 1.2rem;
  margin-bottom: 10px;
  letter-spacing: 0.5px !important;
}

.loyalty-button {
  flex-shrink: 0;
}

.btn-register {
  background: rgba(255,255,255,0.9);
  color: #8c1317 !important;
  padding: 15px 40px;
  border-radius: 25px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-register:hover {
  background: white;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.2);
  text-decoration: none;
}

/* Seção App e Localizador */
.app-locator-section {
  padding: 20px 0;
  background: white;
}

.app-section, .locator-section {
  padding: 40px 30px;
  height: 100%;
}

.app-content {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 30px;
}

.app-text h3, .locator-section h3 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 15px;
  color: #333;
}

.app-text p {
  color: #666;
  font-size: 1.1rem;
}

.app-phone img {
  max-width: 120px;
  height: auto;
}

.app-qr {
  text-align: center;
  margin-bottom: 30px;
}

.app-qr img {
  max-width: 150px;
  height: auto;
}

.app-stores {
  display: flex;
  gap: 15px;
  justify-content: center;
}

.app-stores img {
  height: 50px;
  width: auto;
}



.expand-btn {
  background: none;
  border: none;
  font-size: 1.5rem;
  color: #8c1317;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.expand-btn:hover {
  transform: scale(1.2);
}

/* Responsivo */
@media (max-width: 768px) {
  .hero-title {
    font-size: 2.5rem;
  }
  
  .hero-buttons {
    flex-direction: column;
    align-items: center;
  }
  
  .btn-primary, .btn-secondary {
    width: 250px;
  }
  
  .promotions-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 0 20px;
  }
  
  .loyalty-content {
    flex-direction: column;
    text-align: center;
  }
  .app-content {
    flex-direction: column;
    text-align: center;
  }
  
  .section-title {
    font-size: 2rem;
  }
}

/* CSS mais específico para elementos com estilo inline */
[style*="display: none"] p.bold,
p.bold[style*="display: none"],
p[style*="display: none"].bold {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
overflow: hidden !important;
font-size: 0 !important;
}

/* Esconder qualquer elemento que contenha especificamente o texto */
.delivery-option p:contains("Opções de entrega"),
.delivery-option p:contains("Delivery Options") {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
}

/* Ícones dos blocos - AUMENTADOS e com cor primária do layout3 */
.menu-right-content .box-grey .inner i.order-icon {
position: absolute !important;
top: -20px !important;
left: 20px !important;
width: 40px !important;
height: 40px !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: white !important;
font-size: 20px !important;
box-shadow: 0 6px 20px rgba(140, 19, 23, 0.4) !important;
z-index: 10 !important;
background: linear-gradient(135deg, var(--layout3-primary-color, #8c1317) 0%, #e53e3e 100%) !important;
}

/* Ícone para seção "Informação de entrega" - CRIADO - NÃO para outros .center */
.menu-right-content .box-grey .inner.center:not(.delivery-option):before {
content: "" !important;
position: absolute !important;
top: -20px !important;
left: 20px !important;
width: 40px !important;
height: 40px !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #ffffff !important;
border: 2px solid #e53e3e;
box-shadow: 0 6px 20px rgba(140, 19, 23, 0.4) !important;
z-index: 10 !important;
}

/* Ícone MAPA/PIN para "Informação de entrega" - NÃO para outros .center */
.menu-right-content .box-grey .inner.center:not(.delivery-option):after {
content: "📍" !important;
position: absolute !important;
top: -20px !important;
left: 20px !important;
width: 40px !important;
height: 40px !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: white !important;
font-size: 20px !important;
z-index: 11 !important;
}

/* =============================================================================
   ÍCONES MODERNOS PARA OS BLOCOS DO CARRINHO
   ============================================================================= */

/* Ícone "Seu pedido" - moderno com cor primária do layout3 - MÁXIMA ESPECIFICIDADE */
.menu-right-content .box-grey .inner i.order-icon.your-order-icon,
.menu-right-content .box-grey .inner.line-top i.order-icon.your-order-icon,
body.layout3-active .menu-right-content .box-grey .inner i.order-icon.your-order-icon,
body.using-menu-3 .menu-right-content .box-grey .inner i.order-icon.your-order-icon {
  background: #ffffff !important;
  border: 2px solid #e53e3e;
}

/* Ícone do carrinho - MÁXIMA ESPECIFICIDADE */
.menu-right-content .box-grey .inner i.order-icon.your-order-icon:before,
.menu-right-content .box-grey .inner.line-top i.order-icon.your-order-icon:before,
body.layout3-active .menu-right-content .box-grey .inner i.order-icon.your-order-icon:before,
body.using-menu-3 .menu-right-content .box-grey .inner i.order-icon.your-order-icon:before {
content: "🛒" !important;
font-size: 20px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
flex-direction: column !important;
}

/* Ícone "Opções de entrega" - MOTO DE ENTREGA com cor primária do layout3 */
.menu-right-content .box-grey .inner.delivery-option i.order-icon.delivery-option-icon {
  background: #ffffff !important;
  border: 2px solid #e53e3e;
}

.menu-right-content .box-grey .inner.delivery-option i.order-icon.delivery-option-icon:before {
content: "🏍️" !important;
font-size: 20px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
}

/* Especificidade extra para garantir que a moto apareça */
.menu-right-content .box-grey .inner.delivery-option.center i.delivery-option-icon:before,
.menu-right-content .box-grey .inner.line-top.delivery-option i.delivery-option-icon:before {
content: "🏍️" !important;
font-size: 20px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
}

/* Alternativa com Font Awesome (caso disponível) */
.menu-right-content .box-grey .inner.center i.order-icon.fa-truck:before {
content: "\f0d1" !important;
font-family: "FontAwesome" !important;
font-size: 16px !important;
color: white !important;
}

.menu-right-content .box-grey .inner i.your-order-icon.fa-shopping-cart:before {
content: "\f07a" !important;
font-family: "FontAwesome" !important;
font-size: 16px !important;
color: white !important;
}

.menu-right-content .box-grey .inner i.delivery-option-icon.fa-cogs:before {
content: "\f085" !important;
font-family: "FontAwesome" !important;
font-size: 16px !important;
color: white !important;
}

/* Ícones alternativos mais modernos usando Unicode */
.menu-right-content .box-grey .inner.center.modern-icons:after {
content: "🗺️" !important; /* Mapa do mundo */
}

/* Alternativa com pin de localização mais detalhado */
.menu-right-content .box-grey .inner.center.location-pin:after {
content: "📌" !important; /* Pin de localização */
}

/* Alternativa com ícone de casa/endereço */
.menu-right-content .box-grey .inner.center.address-icon:after {
content: "🏠" !important; /* Casa/endereço */
}

.menu-right-content .box-grey .inner.modern-icons i.your-order-icon:before {
content: "🛍️" !important; /* Sacola de compras */
}

.menu-right-content .box-grey .inner.delivery-option.modern-icons i.delivery-option-icon:before {
content: "📋" !important; /* Prancheta/opções */
}

/* Remover imagens de fundo antigas completamente */
.menu-right-content .box-grey .inner i.order-icon {
background-image: none !important;
}

/* FORÇAR ícone da moto para opções de entrega - MÁXIMA ESPECIFICIDADE */
body.layout3-active .menu-right-content .box-grey .inner.delivery-option i.order-icon.delivery-option-icon:before,
body.using-menu-3 .menu-right-content .box-grey .inner.delivery-option i.order-icon.delivery-option-icon:before,
.menu-right-content .box-grey .inner.delivery-option.center i.order-icon.delivery-option-icon:before,
.menu-right-content .box-grey .inner.line-top.delivery-option i.order-icon.delivery-option-icon:before,
.menu-right-content .box-grey .inner.delivery-option i.order-icon.delivery-option-icon:before {
content: "🏍️" !important;
font-size: 20px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
}

/* Garantir que NÃO seja caminhão nas opções de entrega */
.menu-right-content .box-grey .inner.delivery-option i.order-icon.delivery-option-icon:before {
content: "🏍️" !important;
}

/* Sobrescrever qualquer regra genérica que possa aplicar caminhão */
.menu-right-content .box-grey .inner.delivery-option i.order-icon:before {
content: "🏍️" !important;
}

/* ÚLTIMA TENTATIVA - sobrescrever TUDO para opções de entrega */
.menu-right-content .box-grey .inner.delivery-option i:before {
content: "🏍️" !important;
}

/* Caso específico para mobile */
.menu-right-content .box-grey .inner.delivery-option.center i:before {
content: "🏍️" !important;
}

/* Ícones SVG modernos como data URI - MAPA/LOCALIZAÇÃO */
.menu-right-content .box-grey .inner.center.svg-icons:after {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E") !important;
background-size: 18px 18px !important;
background-repeat: no-repeat !important;
background-position: center !important;
width: 100% !important;
height: 100% !important;
display: block !important;
position: absolute !important;
top: -20px !important;
left: 20px !important;
border-radius: 50% !important;
}

/* Alternativa SVG com ícone de mapa */
.menu-right-content .box-grey .inner.center.map-icon:after {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM10 5.47l4 1.4v11.66l-4-1.4V5.47z'/%3E%3C/svg%3E") !important;
background-size: 18px 18px !important;
background-repeat: no-repeat !important;
background-position: center !important;
width: 40px !important;
height: 40px !important;
display: block !important;
position: absolute !important;
top: -20px !important;
left: 20px !important;
border-radius: 50% !important;
}

.menu-right-content .box-grey .inner.svg-icons i.your-order-icon:before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M7 4V2a1 1 0 0 1 2 0v2h6V2a1 1 0 0 1 2 0v2h1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1zm0 2H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-1v1a1 1 0 0 1-2 0V6H9v1a1 1 0 0 1-2 0V6z'/%3E%3C/svg%3E") !important;
background-size: 16px 16px !important;
background-repeat: no-repeat !important;
background-position: center !important;
width: 100% !important;
height: 100% !important;
display: block !important;
}

.menu-right-content .box-grey .inner.delivery-option.svg-icons i.delivery-option-icon:before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm5 11h-4v4a1 1 0 0 1-2 0V13H7a1 1 0 0 1 0-2h4V7a1 1 0 0 1 2 0v4h4a1 1 0 0 1 0 2z'/%3E%3C/svg%3E") !important;
background-size: 16px 16px !important;
background-repeat: no-repeat !important;
background-position: center !important;
width: 100% !important;
height: 100% !important;
display: block !important;
}

/* Animações suaves para TODOS os ícones */
.menu-right-content .box-grey .inner i.order-icon,
.menu-right-content .box-grey .inner.center:before,
.menu-right-content .box-grey .inner.center:after {
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

.menu-right-content .box-grey .inner i.order-icon:hover,
.menu-right-content .box-grey .inner.center:hover:before,
.menu-right-content .box-grey .inner.center:hover:after {
transform: scale(1.1) !important;
box-shadow: 0 8px 25px rgba(229, 62, 62, 0.5) !important;
}

/* Ajuste de padding dos blocos para acomodar ícones maiores */
.menu-right-content .box-grey .inner.center,
.menu-right-content .box-grey .inner.delivery-option,
.menu-right-content .box-grey .inner.line-top.relative {
padding-top: 30px !important;
}

.menu-right-content .box-grey .inner.modern-cart {
  background: linear-gradient(135deg, #ffffff 0%, #fafbfc 50%, #f5f7fa 100%) !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08), 0 16px 32px rgba(0, 0, 0, 0.10) !important;
  border: 1px solid rgba(229, 62, 62, 0.12) !important;
  border-top: 3px solid #e53e3e !important;
  padding: 24px 20px !important;
  margin-bottom: 20px !important;
  margin-top: 20px !important;
  position: relative !important;
  backdrop-filter: blur(10px) !important;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* =============================================================================
   MODERNIZAÇÃO DOS TOTALIZADORES - TEMA 3
   ============================================================================= */

/* Bloco de resumo/totalizadores moderno */
.menu-right-content .box-grey .summary-wrap {
background: linear-gradient(135deg, #ffffff 0%, #fafbfc 50%, #f5f7fa 100%) !important;
border-radius: 16px !important;
box-shadow: 
  0 2px 8px rgba(0, 0, 0, 0.06),
  0 8px 24px rgba(0, 0, 0, 0.08) !important;
border: 1px solid rgba(229, 62, 62, 0.08) !important;
padding: 20px !important;
margin: 16px 0 !important;
backdrop-filter: blur(10px) !important;
}

/* Linhas dos totalizadores */
.menu-right-content .box-grey .summary-wrap .row {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 8px 0 !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
margin: 0 !important;
}

.menu-right-content .box-grey .summary-wrap .row:last-child {
border-bottom: none !important;
padding-top: 12px !important;
margin-top: 8px !important;
border-top: 2px solid rgba(229, 62, 62, 0.1) !important;
}

/* Labels dos totalizadores */
.menu-right-content .box-grey .summary-wrap .row .col-md-6:first-child,
.menu-right-content .box-grey .summary-wrap .row .col-xs-6:first-child {
font-size: 15px !important;
font-weight: 500 !important;
color: #4a5568 !important;
text-align: left !important;
flex: 1 !important;
}

/* Valores dos totalizadores */
.menu-right-content .box-grey .summary-wrap .row .col-md-6:last-child,
.menu-right-content .box-grey .summary-wrap .row .col-xs-6:last-child {
font-size: 15px !important;
font-weight: 600 !important;
color: #1a1a1a !important;
text-align: right !important;
flex: none !important;
}

/* Total final com destaque especial */
.menu-right-content .box-grey .summary-wrap .row.cart_total_wrap,
.menu-right-content .box-grey .summary-wrap .row:has(.cart_total) {
background: linear-gradient(135deg, rgba(229, 62, 62, 0.05) 0%, rgba(255, 71, 87, 0.05) 100%) !important;
border-radius: 12px !important;
padding: 12px 16px !important;
border: 1px solid rgba(229, 62, 62, 0.15) !important;
margin-top: 12px !important;
}

.menu-right-content .box-grey .summary-wrap .row.cart_total_wrap .col-md-6,
.menu-right-content .box-grey .summary-wrap .row.cart_total_wrap .col-xs-6 {
font-size: 18px !important;
font-weight: 700 !important;
color: #2a2a2a !important;
}

/* Subtotal específico */
.menu-right-content .box-grey .summary-wrap .cart_subtotal {
font-size: 16px !important;
font-weight: 600 !important;
color: #1a1a1a !important;
}

/* Legacy minimum order styles removed - now using unified styling from store.css */

/* Link "Apagar pedido" moderno - posicionamento corrigido btn-add-address */
.menu-right-content .box-grey .inner a.clear-cart,
.btn-add-address,
.apply_voucher
{
display: block !important;
background: #f4f4f4 !important;
color: #727272 !important;
text-decoration: none !important;
margin: 16px auto 0 auto !important;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
text-align: center !important;
width: auto !important;
position: relative !important;
z-index: 5 !important;
clear: both !important;
border: 1px solid #d3d3d3;
padding: 3px 15px !important;
border-radius: 12px !important;
font-size: 14px !important;
text-transform: capitalize !important;
}

/* Ajuste do bloco "Seu pedido" para acomodar o botão */
.menu-right-content .box-grey .inner:has(a.clear-cart),
.menu-right-content .box-grey .inner.line-top.relative {
padding-bottom: 60px !important;
}

.menu-right-content .box-grey .inner a.clear-cart:hover {
transform: translateY(-1px) !important;
background: #f4f4f4 !important;
color: #727272 !important;
text-decoration: none !important;
outline: none !important;
}

/* Estilos adicionais para compatibilidade com layout3-active */
body.layout3-active .menu-right-content .box-grey .inner.center,
body.layout3-active .menu-right-content .box-grey .inner.delivery-option,
body.using-menu-3 .menu-right-content .box-grey .inner.center,
body.using-menu-3 .menu-right-content .box-grey .inner.delivery-option {
background: linear-gradient(135deg, #ffffff 0%, #fafbfc 50%, #f5f7fa 100%) !important;
border-radius: 20px !important;
box-shadow: 
  0 2px 8px rgba(0, 0, 0, 0.06),
  0 8px 24px rgba(0, 0, 0, 0.08),
  0 16px 32px rgba(0, 0, 0, 0.10) !important;
border: 1px solid rgba(229, 62, 62, 0.12) !important;
border-top: 3px solid #e53e3e !important;
padding: 24px 20px !important;
margin-bottom: 20px !important;
margin-top: 20px !important;
position: relative !important;
backdrop-filter: blur(10px) !important;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* Totalizadores para layout3-active */
body.layout3-active .menu-right-content .box-grey .summary-wrap,
body.using-menu-3 .menu-right-content .box-grey .summary-wrap {
background: linear-gradient(135deg, #ffffff 0%, #fafbfc 50%, #f5f7fa 100%) !important;
border-radius: 16px !important;
box-shadow: 
  0 2px 8px rgba(0, 0, 0, 0.06),
  0 8px 24px rgba(0, 0, 0, 0.08) !important;
border: 1px solid rgba(229, 62, 62, 0.08) !important;
padding: 20px !important;
margin: 16px 0 !important;
backdrop-filter: blur(10px) !important;
}

/* Garantir que os estilos funcionem em dispositivos móveis */
@media (max-width: 768px) {
  .menu-right-content .box-grey .inner.center,
  .menu-right-content .box-grey .inner.delivery-option {
    padding: 20px 16px !important;
    margin-bottom: 16px !important;
  }
  
  .menu-right-content .box-grey .inner.delivery-option a.checkout {
    padding: 14px 20px !important;
    font-size: 15px !important;
  }
  
  .menu-right-content .box-grey .summary-wrap {
    padding: 16px !important;
    margin: 12px 0 !important;
  }
}

  .menu-3 a.menu-item{
  color:inherit;
  }
  
  .menu-3 a.menu-item .row,
  .merchant-review-wrap .row-review,
  .merchant-opening-hours .row,
  .section-receipt .receipt-wrap .row,
  .sub-item-rows .row.top10,
  #mobile-menu li a
  {
  border-top:1px solid #c9c7c7;
  padding-top:6px;
  padding-bottom:6px;
  }
  
  .sub-item-rows{
  overflow:hidden;
  }
  
  .sub-item-rows .row.top10{
  /*margin-left:15px;
  margin-right:15px;*/
  }
  
  .menu-3 a.menu-item:last-child .row,
  .merchant-opening-hours .row:last-child,
  .section-receipt .receipt-wrap .row:last-child,
  .sub-item-rows .row.top10:last-child
  {
  border-bottom:1px solid #c9c7c7;
  }
  
  .menu-3 a.menu-item:hover .row,
  .merchant-review-wrap .row-review:hover,
  .merchant-opening-hours .row:hover,
  .section-receipt .summary-wrap .row:hover,
  .sub-item-rows .row.top10:hover,
  #mobile-menu li a:hover
  {
  background:#f4f4f4;
  }
  
  .center{
  text-align:center;
  }
  
  .text-left,
  .sections h2.text-left
  {
  text-align:left;
  }
  
  .sections h2.text-left{
  text-transform:capitalize;
  }
  
  .merchant-review-wrap i,
  .i-big
  {
  font-size:50px;
  }
  .i-big-extra{
  font-size:100px;
  }
  
  .section-checkout .i-big{
  font-size:30px;
  position:absolute;
  top:0;
  z-index:3;
  color:#474d5d;
  }
  
  .section-checkout .section-label a.section-label-a span{
  padding-left:30px;
  }
  
  #merchant-map{
  border:1px solid #c9c7c7;
  border-top:2px solid #00B279;
  max-width:100%;
  min-height:400px;
  max-height:400px;
  }
  
  #photos {
  line-height: 0;   
  -webkit-column-count: 5;
  -webkit-column-gap:   0px;
  -moz-column-count:    5;
  -moz-column-gap:      0px;
  column-count:         5;
  column-gap:           0px;  
  }
  
  #photos img {
  width: 100% !important;
  height: auto !important;
  }
  
  .text-strike{
  position:relative;
  }
  .text-strike .sline{
  width:100%;
  display:block;
  position:absolute;
  z-index:1;
  border-bottom:2px solid #474d5d;
  top:45%;
  }
  .text-strike span{
  position:relative;
  z-index:2;
  background:#fafafa ;
  padding:8px 15px;
  }
  
  .full-width,
  .section-checkout .grey-fields
  {
  width:100%;
  }
  
  a.rounded-circle{
  width: 30px; height: 30px; background: none; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;
  border:1px solid #f75d34;
  display:block;
  margin:auto;
  }
  
  a.rounded-circle i
  {
  display: block !important;
  margin: auto;
  position: relative !important;
  text-align: center;
  }
  
  .rounded-circle i{
  color:#f75d34 !important;
  }
  
  a.rounded-circle:hover i{
  color:#ff4e41 !important;
  }
  
  .auto-margin{
  margin:auto;
  }
  
  .capcha-wrapper .g-recaptcha,
  .capcha-wrapper #kapcha-1
  {
  display:table;
  margin:auto;
  }
  
  p.text-small,
  .text-small,
  .help-block.form-error,
  .search-wraps p.text-small
  {
  font-size:12px;
  }
  .help-block.form-error{
  margin-bottom:1px;
  margin-top:2px;
  }
  
  .section-receipt .inner,
  .section-mobile-verification .inner,
  .section-orangeform .inner
  {
  margin: auto;
  max-width: 550px;
  }
  .section-receipt .inner h1,
  .section-orangeform .inner h1
  {
  background: #f75d34;
  color: #fff;
  font-family: "Lato",sans-serif;
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  padding: 8px 20px;
  }
  .section-receipt .inner .box-grey,
  .section-orangeform .inner .box-grey
  {
  margin-top:0;
  border-top:none;
  }
  
  .section-receipt .receipt-wrap.order-list-wrap{
  padding:0;
  margin-top: -20px;
  }
  .section-receipt .summary-wrap .a{
  width:220px;
  }
  .indent20{
  padding-left:20px;
  }
  .payment-provider-wrap img.logo-small{
  min-width:70px;
  max-width:70px;
  }
  .payment-provider-wrap .checki{
  position:absolute;
  top:30%;
  left:0;
  }
  .contact-banner p{
  margin-bottom:5px;
  }
  .contact-banner span i{
  font-size: 20px;
  left: -24px;
  position: absolute;
  top: auto;
  }
  
  .sections.section-contact{
  min-height:500px;
  position:relative;
  padding:0;
  }
  
  #contact-map{
  position:absolute;
  width:100%;
  height:100%;
  z-index:1;
  }
  
  .section-contact .container-map{
  z-index:999;
  position:absolute;
  top:10%;
  left:0;
  width:100%;
  }
  
  .section-contact .container-map .inner{
  max-width:800px;
  min-width:800px;
  margin:auto;
  display:block;
  }
  
  .container-map .dim,
  .container-map .black
  {
  min-height:400px;
  max-height:400px;
  }
  
  .container-map .black{
  background:#060606;
  border:1px solid #f75d34;
  border-left:0;
  }
  
  .container-map .dim{
  background: rgb(6, 6, 6); 
  background:rgba(6, 6, 6, 0.6);
  border:1px solid #f75d34;
  }
  
  .container-map h2,
  .container-map p
  {
  color:#eff2f5;
  font-family:"Lato",sans-serif;
  }
  
  .container-map p{
  line-height:normal;
  }
  
  .section-browse ul#tab{
  padding-top:0;
  }
  
  .section-browse ul#tab ul,
  .section-browse ul#tab ul li
  {
  display:inherit;
  }
  
  .section-browse .result-merchant .mytable,
  .section-browse .result-merchant h2
  {
  margin:0;
  }
  
  .section-browse .result-merchant .mytable .mycol{
  border:none;
  }
  
  .section-browse .result-merchant .inner,
  .section-browse .result-merchant h2
  {
  text-align:left;
  }
  
  .section-browse .result-merchant .concat-text{
  padding-left:0;
  }
  
  .browse-list-map{
  min-height:320px;
  }
  
  .section-browse .result-merchant .inner{
  padding:0;
  }
  .section-browse ul#tab .result-merchant ul.services-type,
  .section-browse ul#tab .result-merchant ul.services-type li
  {
  display:block;
  text-align:center;
  }
  
  .single-pricing{
  background:#2B2E33;
  color:#fff;
  border:1px solid #D6D6D6;
  position:relative;
  text-align:center;
  }
  
  .pricing-head,
  .single-pricing-footer
  {
  padding-top:30px;
  padding-bottom:20px;
  font-family:Raleway, sans-serif;
  }
  .pricing-head h4{
  color:#fff;
  font-family:inherit;
  font-size:18px;
  }
  .pricing-head h3{
  font-size:32px;
  color:#319db5;
  margin:15px 0 0;
  font-weight:600;
  }
  
  ul.package-features li{
  padding-top:9px;
  padding-bottom:9px;
  color:#D4D4D4;
  border-top:1px solid rgba(255, 255, 255, 0.0470588);
  }
  
  ul.package-features li.last{
  border-bottom:1px solid rgba(255, 255, 255, 0.0470588);
  }
  
  .single-pricing-footer a{
  display:inline-block;
  color:#D4D4D4;
  border:1px solid #D4D4D4;
  padding:8px 20px;
  }
  
  .single-pricing-footer a:hover{
  color:#fff;
  border:1px solid #fff;
  text-decoration:none;
  }
  
  .chosen-choices .search-field .default{
  height: inherit !important;
  }
  
  .strike-price{
  text-decoration:line-through;
  color:#FF0000;
  }
  
  .section-notfound h1{
  color:#f75d34;
  font-size: 150px;
  font-weight: bold;
  margin-top:50px;
  }
  
  .section-address-book table i,
  table.otable i
  {
  font-size:20px;
  }
  
  .section-order-history .mytable .mycol{
  vertical-align:middle;
  }
  
  .section-order-history .order-headline{
  background:#ebf5f7 ;
  border:1px solid #d3e2e5;
  color:#646464;
  padding-top:5px;
  padding-bottom:5px;
  }
  .intl-tel-input{
  width:100% !important;
  }
  
  .avatar-wrap{
  display:block;
  margin:auto;
  max-width:50%;
  }
  
  .avatar-section .line-top{
  padding-top:8px;
  padding-bottom:8px;
  margin-top:15px;
  margin-bottom:15px;
  }
  
  .connected-wrap .col-1{
  width:25%;
  background:#00b279;
  color:#fff;
  vertical-align:middle;
  }
  
  .connected-wrap .fb .col-1{
  background:#3b5999;
  }
  .connected-wrap .google .col-1{
  background:#dc4a38;
  }
  
  .connected-wrap .col-2{
  padding-left:15px;
  padding-right:15px;
  vertical-align:middle;
  padding-top:8px;
  padding-bottom:8px;
  }
  
  
  /**** 
  FIXED AUTO COMPLETE
  **/
  .search-input-wraps .easy-autocomplete{
  width:100% !important;
  }
  
  .search-input-wraps .easy-autocomplete input[type="text"]
  {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  }
  
  /********END FIXED AUTO COMPLETE **********/
  
  .full-map-wrapper{
  position:relative;
  min-height:500px;
  border:1px solid #c9c7c7;
  }
  
  .full-map{
  background: #fff;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  }
  
  #full-map{
  background: #fff;
  height: 100%;
  left: 0;
  position:absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  }
  .view-full-map{
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 99;
  }
  
  .social-wrap{
  text-align:center;
  }
  
  .section-footer .social-wrap a,
  .merchant-social-list a
  {
  color:#919eaf;
  font-size:25px;
  }
  
  .section-footer .social-wrap a:hover i.ion-social-googleplus
  {
  /*color:#657487;*/
  color:#d34836;
  }
  .section-footer .social-wrap a:hover i.ion-social-twitter
  {
  color:#00aced;
  }
  .section-footer .social-wrap a:hover i.ion-social-facebook
  {
  color:#3b5998;
  }
  .section-footer .social-wrap a:hover i.ion-social-instagram
  {
  color:#b68066;
  }
  .section-footer .social-wrap a:hover i.ion-social-youtube-outline
  {
  color:#ee1c1b;
  }
  
  .section-footer a{
  color:#fff;
  }
  .footer-divider
  {
  margin-top:30px;
  }
  
  .menu-nav-mobile,
  .cart-mobile-handle
  {
  float:right;
  position:relative;
  height:100%;
  padding-top:2%;
  }
  
  .menu-nav-mobile a,
  .cart-mobile-handle a
  {
  color:#fff;
  font-size:30px;
  display:block;
  }
  
  .mobile-search-menu.mytable,
  .progress-dot.mytable
  {
  width:300px;
  margin:auto;
  }
  
  .mobile-search-menu a i,
  .progress-dot a i
  {
  color:#ccc;
  font-size:25px;
  text-decoration:none;
  display:block;
  }
  
  ul#mobile-menu{
  padding:0;
  margin:0;
  margin-top: 100px;
  background-color: antiquewhite;
  }
  
  ul#mobile-menu li a:hover
  {
  text-decoration:none;
  }
  
  .section-menu ul#tabs li i{
  font-size:30px;
  display:none;
  }
  
  .mobile-cart-parent
  {
  background:#ffffff;
  padding:3px;
  }
  
  .mobile-cart-wrapper
  {
  float:right;
  width:138px;
  height:42px;
  background:url("../images/cart.png") no-repeat;
  position:relative;
  }
  
  .mobile-cart-wrapper span
  {
  color: #fff;
  font-size: 15px;
  position: absolute;
  right: 12px;
  top: 10px;
  }
  .mobile-cart-parent a:hover .mobile-cart-wrapper
  {
  background:url("../images/cart-hover.png") no-repeat;
  }
  
  #mobile-header{
    background: linear-gradient(135deg, var(--layout3-primary-color, #8c1317) 0%, #e53e3e 50%, #ff4757 100%);
    box-shadow: 0 8px 32px rgba(140, 19, 23, 0.3), 0 2px 8px rgba(0, 0, 0, 0.1);
    padding:18px;
    color: #fff;
  }
  #mobile-header h1{
  margin:0;
  padding:0;
  font-size:27px;
  }
  #mobile-header i{
  color:#fff;
  font-size:25px;
  }
  
  #mobile-app-sections{
  padding-top:30px;
  }
  
  .container-medium {
  max-width:800px;
  margin:auto;
  }
  
  #mobile-app-sections h2{
  margin-top:22%;
  }
  
  #mobile-app-sections h3{
  margin:auto auto 25px;
  }
  
  #getapp-wrap2{
  margin:auto;
  width:300px;
  }
  
  #getapp-wrap2 img{
  max-width:130px;
  }
  
  #getapp-wrap2 .mycol{
  width:150px;
  }
  
  .language-options .btn{
  width:auto;
  }
  
  .merchant-review-wrap img.img-circle{
  height:60px;
  width:60px;
  }
  
  .cookie-wrap,
  .language-selection-wrap
  {
  display:none;
  /*background:#262626;*/
  background: rgb(38, 38, 38); 
  background:rgba(38, 38, 38, 0.95);
  color:#fff;
  position:fixed;
  top:0;
  width:100%;
  padding:5px 30px;
  z-index:9999;
  }
  
  .cookie-wrap p,
  .cookie-wrap a.orange-button,
  .cookie-wrap a.green-button
  {
  font-size:14px;
  }
  .cookie-wrap a.orange-button,
  .cookie-wrap a.green-button
  {
  padding:8px 10px;
  display:inline-table;
  }
  .cookie-close,
  .language-selection-close
  {
  color:#fff;
  font-size:23px;
  position:absolute;
  right:15%;
  z-index:1;
  }
  
  .language-selection-close{
  top:15%;
  }
  
  .print-receipt{
  font-size:25px;
  }
  
  .ui-datepicker-month,
  .ui-datepicker-year
  {
  color:#000;
  }
  
  .fb-button.orange-button,
  .google-button.orange-button
  {
  margin:auto;
  display:table;
  position:relative;
  width:260px;
  text-align:center;
  }
  
  .fb-button.orange-button{
  background:#3b579a;
  border:1px solid #3b579a;
  }
  .fb-button.orange-button:hover{
  background:#3254a5;
  border:1px solid #3254a5;
  }
  
  .fb-button.orange-button i,
  .google-button.orange-button i
  {
  font-size:30px;
  position:absolute;
  top:15%;
  left:10%;
  }
  .login-or{
  text-align:center;
  width:260px;
  margin:auto;
  margin-top:10px;
  margin-bottom:15px;
  }
  .login-or:before{
  content:"-";
  }
  .login-or:after{
  content:"-";
  }
  .language-selection-wrap{
  /*display:block;*/
  background:#000;
  }
  .language-selection-wrap .container-medium{
  min-height:150px;
  background:url("../images/bg_country.jpg") left center no-repeat;
  }
  
  .lang-list{
  margin-top:10px;
  }
  .highlight{
  background:#555555;
  color:#fff;
  padding:3px 10px;
  margin-left:-10px;
  display:table;
  }
  
  .highlight:hover,
  .language-selection-wrap ul li a:hover,
  .language-selection-wrap ul li a.highlight
  {
  text-decoration:none;
  color:#fff;
  }
  .language-selection-wrap ul li{
  margin-bottom:5px;
  }
  .language-selection-wrap ul li a{
  color:#f75d34;
  display:block;
  text-transform:capitalize;
  }
  .language-selection-wrap .head{
  color:#666;
  font-weight:600;
  }
  
  .language-selection-wrap .orange-button{
  display:table;
  padding:3px 6px;
  }
  
  li.language-selection a img{
  margin-right:5px;
  margin-top:-1px;
  }
  li.language-selection a{
  text-transform:capitalize;
  }
  
  
  /*****************
     VERSOION 3.1 
  ******************/
  .section-feature-resto .merchantopentag span{
  display:table;
  margin:auto;
  margin-top:4px;
  }
  .social-wrap .mycol{
  width:16%;
  }
   
  /* fixed parallax issue on chrome */
  #parallax-wrap p:last-child{
  margin-bottom:0;
  }
  
  /* fixed parallax issue on chrome */
  #parallax-wrap-home p:last-child{
      margin-bottom:0;
  }
  
  .section-cuisine a span{
  padding-left:5px;
  }
  .ui-timepicker-container{
  z-index:99999 !important;
  }
  
  /*fixed feature resto*/
  .section-feature-resto .col-md-5{
  min-height:170px;
  }
  
  .result-merchant ul li.active{
  display:none;
  }
  
  
  
  /** FAX PRINT FIXED **/
  
  #fax_page .input-block .label{
  color: #474d5d;
  font-weight: normal;
  text-align: left;
  }
  
  #fax_page .item-row .a, #fax_page .item-row .b{
  line-height:normal;
  height:auto;
  }
  
  #fax_page .input-block .label, 
  #fax_page .input-block .value, 
  #fax_page .summary-wrap .a, 
  #fax_page .item-row .d, 
  #fax_page .summary-wrap .b{
  height:auto;
  }
  
  .section-feature-resto img{
  max-height:100px;
  }
  
  .category .goto-category.active{
  border-left:2px solid #f75d34;
  }
  
  .cart-mobile-handle .badge{
  position: absolute;
  right: 1px;
  top: -1px;
  background:red;
  }
  .cart_count{
  display:none;
  }
  
  
  /* taxable cart  css*/
  
  .new-cart-parent{
  padding-top:10px;
  }
  
  #new-cart{
  margin:0;
  }
  
  #new-cart div{
  padding-left:0;
  padding-right:0;
  }
  
  #new-cart  a {
  color: #9a9a93;
  font-size: 20px;
  margin-right: 5px;
  }
  
  #new-cart .txt-indent{
  padding-right: 20%;
  text-align: right;
  }
  
  .receipt-wrap .row,item-rows-cart{
  border-top:none !important;
  }
  
  .receipt-wrap hr{
  margin-bottom:0;
  margin-top:0;
  border-color:#e4e7ea;
  }
  
  .apply_tip{
  padding: 8px 10px;
  }
  .table-order-details{
  width:100%;
  }
  .table-order-details, 
  .spacer3,
  .sections .box-grey p.spacer3
  {
  margin-bottom:15px;
  margin-top:5px;
  }
  .spacer3,
  .sections .box-grey p.spacer3
  {
  display:block;
  }
  .table-order-details td.a{
  width:25%;
  }
  .table-order-details td.b{
  font-weight:bold;
  }
  .table-order-details td{
  padding-top:3px;
  padding-bottom:3px;
  }
  .hide_inputs{
  display:none;
  }
  
  .section-confirmorder .edit_item,
  .section-confirmorder .delete_item
  {
  display:none;
  }
  
  .box-grey{
  z-index:1;
  }
  
  .apply_tip{
  display:none;
  }
  
  /* taxable cart  css*/
  
  
  /*VERSION 3.5*/
  
  /** PRELOADER **/
  .main-preloader{
  position:fixed;
  top:0;
  z-index:999999;
  background:rgba(50, 50, 50, 0.85) none repeat scroll 0 0;
  width:100%;
  height:100%;
  display:none;
  }
  
  .main-preloader .inner{
  margin: 0;
  padding: 0;
  position: absolute;
  /* Perfect vertical and horizontal centering */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  }
  
  .ploader {
    margin: 0 auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
  border-top: 1.1em solid rgba(247,93,52, 0.2);
    border-right: 1.1em solid rgba(247,93,52, 0.2);
    border-bottom: 1.1em solid rgba(247,93,52, 0.2);
    border-left: 1.1em solid #f75d34;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
  }
  .ploader,
  .ploader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
  }
  @-webkit-keyframes load8 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes load8 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  /**END preloader*/
  
  .search-food-wrap{
  margin-bottom:10px;
  position:relative;
  }
  ul#tab .search-food-wrap li{
  display:block;
  }
  ul#tab .search-food-wrap .easy-autocomplete-container{
  z-index:9999;
  }
  
  .search-food-wrap button{
  position:absolute;
  background:none;
  border:none;
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 8px;
  }
  .frm-search-food a{
  display: block;
  float: right;
  margin-bottom:5px;
  margin-top:-5px;
  }
  
  .search-wraps.location-search-1 h1,
  .search-wraps.location-search-2 h1,
  .search-wraps.location-search-3 h1
  {
  font-size:45px;
  }
  .fields-location-wrap{
  background:rgba(255, 255, 255, 0.5);
  padding:20px 40px;
  margin-top:40px;
  }
  .fields-location-wrap .col-sm-4,
  .fields-location-wrap .col-sm-6
  {
  border-top:1px solid #f75d34;
  border-bottom:1px solid #f75d34;
  padding-left:0px;
  padding-right:0px;
  }
  .fields-location-wrap .col-sm-4.left-border,
  .fields-location-wrap .col-sm-6.left-border
  {
  border-left:1px solid #f75d34;
  }
  .fields-location-wrap .col-sm-4.right-border,
  .fields-location-wrap .col-sm-6.right-border
  {
  border-right:1px solid #f75d34;
  }
  
  .fields-location-wrap input[type="text"]
  {
  border: none;
  font-size: 20px;
  padding: 5px 15px;
  width: 100%;
  font-weight:300;
  }
  
  .rounded-corner,
  .fields-location-wrap #city
  {
  border-radius: 5px 0 0 5px; 
  }
  
  .fields-location-wrap button{
  border:none;
  font-size:18px;
  background:#f75d34;
  color:#fff;
  font-weight:300;
  padding: 6px 15px;
  width:100%;
  }
  
  .fields-location-wrap button,
  .rounded-end{
  border-radius: 0px 5px 5px 0; 
  }
  
  .fields-location-wrap button:hover{
  background:#ff4e41;
  }
  .fields-location-wrap .dropdown-menu{
  display:block;
  margin:0;
  width:100%;
  border-radius:0;
  padding:0;
  overflow-x:hidden;
  overflow-y:scroll;
  max-height:250px;
  }
  .fields-location-wrap .dropdown-menu li a{
  font-size:18px;
  padding:5px 15px;
  }
  .with-location-loader,
  .typhead-city-wrap
  {
  position:relative;
  }
  .location-loader{
  height:24px;
  width:24px;
  background:url("../images/default.svg") no-repeat;
  position:absolute;
  right: 15px;
  top: 8px;
  display:none;
  }
  
  .typhead-city-wrap i{
  color:#f75d34;
  font-size:20px;
  position:absolute;
  right:10px;
  top:10px;
  }
  .location-fee-wrap{
  padding:10px 20px;
  min-width:800px;
  }
  
  .location-fee-wrap .inner{
  max-height:400px;
  overflow-x: hidden;
  overflow-y: scroll;
  }
  
  .search-wraps.location-search-3 .fields-location-wrap{
  width:85%;
  margin:auto;
  margin-top:40px;
  }
  
  .age-restriction-wrap{
  padding:10px 20px 40px 20px;
  text-align:center;
  }
  
  .merchant-social-list{
  display:table;
  margin:auto;
  padding:0;
  }
  .merchant-social-list li{
  display:table-cell;
  vertical-align:middle;
  padding:5px;
  padding-left:10px;
  padding-right:10px;
  }
    
  .merchant-social-list a:hover{
  color:#d34836;
  }
  .invoice_terms_wrap{
  display:none;
  }
  
  a.menu-3-disabled-ordering{
  color:#0d1115;
  cursor:default;
  }
  
  .menu-3-disabled-ordering .row{
  border-top:1px solid #c9c7c7;
  padding-top:6px;
  padding-bottom:6px;
  }
  
  .reply-wrap{
  padding-bottom:10px;
  }
  
  .reply-wrap .reply-from{
  color:#f00;
  font-weight:500;
  font-size:13px;
  }
  
  .reply-wrap p{
  font-size:12px;
  }
  
  .select_sub_item{
  width:100%;
  padding:5px;
  font-size:14px;
  }
  
  /* COLAPSE MENU */
  .collapse-parent{
  position:relative;
  /*cursor:pointer;*/
  }
  .collapse-child{
  display:none;
  }
  .collapse-parent a{
  font-size: 23px;
  position: absolute;
  right: 0;
  z-index: 1;
  color:#00b279;
  top:4px;
  }
  .collapse-parent a:hover{
  color:#6ac0a5;
  }
  /* COLAPSE MENU */
  
  .box-grey .extra_charge_notification{
  margin-top:10px;
  color:#f75d34;
  }
  
  
  /** FAX NEW CSS**/
  
  .fax_page{
  max-width:900px;
  margin:auto;
  margin-top:0px;
  font-size:12px;
  padding-bottom:20px;
  font-family:arial;
  }
  
  .fax_page .with_line{
  border-bottom:1px solid #000;
  }
  
  .fax_page p{
  font-size:17px;
  font-family:arial;
  }
  
  .fax_header{
  border-bottom:2px solid #000;
  margin-bottom:5px;
  padding-bottom:5px;
  padding-right:8px;
  }
  
  .fax_page img.logo{
  width:250px;
  margin-left: -20px;
  }
  .fax_header h3,
  .fax_page p span
  {
  font-weight:600;
  }
  
  .fax_header h3,
  .fax_page .fax_header p
  {
  margin:0;
  line-height:normal;
  }
  
  .fax_page p span.bold{
  font-size:20px;
  }
  
  .fax_header h3{
  font-size:17px;
  }
  
  .fax_page p{
  margin:0;
  margin-bottom:2px;
  }
  .fax_page .v_bottom{
  vertical-align:bottom;
  }
  .fax_page .v_center{
  vertical-align:middle;
  }
  .fax_page .v_top{
  vertical-align:top;
  }
  .fax_page .mytable .mycol{
  width:50%;
  }
  .fax_customer_details h2,
  .fax_customer_details h3
  {
  margin:0;
  text-transform:capitalize;
  font-weight:bold;
  }
  
  .fax_customer_details h2{
  font-size:25px;
  }
  .fax_customer_details h3{
  font-size:17px;
  }
  
  
  .fax_customer_details h3{
  margin-top:10px;
  }
  .fax_customer_details,
  .fax_delivery_instruction,
  .fax_item,
  .fax_item_details
  {
  /*border-bottom:1px solid #000;*/
  padding-top:8px;
  padding-bottom:8px;
  padding-left:8px;
  padding-right:8px;
  
  border-style: solid;
  border-width: 0 0 thin 0;
  }
  
  .fax_item_details{
  border-bottom:none;
  }
  .fax_customer_details .col-1{
  border-right:1px solid #000;
  }
  .fax_delivery_instruction{
  border-bottom:2px solid #000;
  }
  
  .fax_item .th,
  .fax_total .bold
  {
  font-weight:bold;
  }
  
  .fax_total .bold,
  .fax_total .mycol,
  .signature_wrap p
  {
  font-size:15px;
  }
  
  .fax_item .mycol,
  .fax_total .mytable .mycol
  {
  border:0x solid red;
  }
  .fax_item .mycol.col-1,
  .fax_total .mycol.col-1
  {
  width:8%;
  text-align:center;
  }
  .fax_item .mycol.col-2,
  .fax_total .mycol.col-2
  {
  width:70%;
  }
  .fax_item .mycol.col-3,
  .fax_total .mycol.col-3
  {
  width:14%;
  }
  .fax_item_details.fax_item{
  padding:0;
  }
  .fax_item_details.fax_item .mytable,
  .fax_total .mytable
  {
  padding:8px;
  padding-top:0px;
  padding-bottom:0px;
  }
  
  .col_red{
  color:red;
  }
  
  .fax_item_details ul li{
  /*border-bottom:1px solid #000;*/
  
  border-style: solid;
  border-width: 0 0 thin 0;
    
  padding:0;
  margin:0;
  }
  
  .fax_item_details ul:last-child li{
  border-bottom:2px solid #000;
  }
  
  .fax_item_details ul li ul li{
  border:none;
  }
  .fax_total .index_right{
  padding-right:100px;
  }
  .fax_total .signature_wrap .mycol.col-1
  {
  width: 50%;
  text-align:left;
  }
  .fax_total .signature_wrap .mycol.col-2
  {
  width: 29%;
  }
  .fax_total .signature_wrap .mycol.col-3
  {
  }
  .signature_wrap .underline{
  border-bottom:1px solid #000;
  padding-bottom:3px;
  }
  
  .fax_item .mycol{
  font-size:15px;
  }
  .fax_item .item_name{
  font-size:17px;
  }
  .fax_item ul{
  margin-bottom:0;
  }
  .fax_sub_header{
  text-align:center;
  font-weight:bold;
  font-size:15px;
  border-bottom:1px solid #000;
  padding-bottom:2px;
  }
  .sub_item .mycol{
  }
  .fax_item .four_col .mycol.col-2{
  width:8%;
  }
  
  .fax_item .four_col .mycol.col-2{
  width:15%;
  }
  .fax_item .four_col .mycol.col-3{
  width:57%;
  }
  .fax_item .four_col .mycol.col-4{
    width: 14%;
  }
  
  .fax_total{
  display:block;
  border:0px solid green;
  width:100%;
  }
  .fax_total .fax_total_col_1,
  .fax_total .fax_total_col_2
  {
  border:0px solid red;
  }
  .fax_total .fax_total_col_1{
  width:55%;
  float:left;
  padding-top:1%;
  }
  .fax_total .fax_total_col_2{
  width:45%;
  float:right;
  }
  
  .fax_total .mytable.two_col .mycol.col-1{
  width:35%;
  text-align:left;
  font-size:13px;
  border:0px solid red;
  }
  .fax_total .mytable.two_col .mycol.col-2{
  font-size:13px;
  border:0px solid red;
  width:65%;
  }
  
  .signature_wrap{
  padding-top:20px !important;
  }
  
  
  .fax_total .fax_total_col_2 .mytable .mycol.col-1{
  border:0px solid red;
  display:none;
  }
  .fax_total .fax_total_col_2 .mytable .mycol.col-2{
  border:0px solid red;
  width:60%;
  }
  .fax_total .fax_total_col_2 .mytable .mycol.col-3{
  border:0px solid red;
  width:40%;
  }
  .fax_total .fax_total_col_2 .index_right{
  padding-right:10px;
  }
  
  
  /*STRIPE IDEAL RECEIPT*/
  .orange_header{
  background:#f75d34;
  color:#fff;
  padding-bottom:8px;
  }
  .orange_header .title{
  padding:5px;
  }
  .orange_header img.logo{
  max-width:80px;
  }
  .stripe_ideal_receipt{
  padding-top:20px;
  }
  .stripe_ideal_receipt h2{
  font-weight:bold;
  }
  .stripe_ideal_receipt i{
  color:#00b279;
  font-size:100px;
  }
  /*END STRIPE IDEAL RECEIPT*/
  
  .mytable.dish-category{
  width: auto;
  }
  
  .request_cancel_order,
  .pending_for_review
  {
  display:inline-block;
  margin-top:10px;
  }
  
  
  /**RTL SUPPORT */
  html.rtl{
  /* direction: rtl; */
  }
  html.rtl .category-child i{
  /* left: 10px;
  right: auto; */
  }
  html.rtl #notes, 
  html.rtl .grey-inputs,
  html.rtl #voucher_code,
  html.rtl #redeem_points
  {
  text-align:inherit;
  /* direction: rtl; */
  }
  
  html.rtl .search-food-wrap button{
  left: 10px;
  left: auto;
  }
  
  html.rtl .section-checkout .section-label a.section-label-a span{
  padding-right:30px;
  }
  
  /**END RTL SUPPORT */
  
  /*4.7 CSS */
  .leaflet-popup-content{
  width:360px !important;
  }
  
  .mapboxgl-ctrl-geocoder{ 
  min-width:100% !important; 
  }
  .leaflet-routing-container{
  width:100% !important; 
  }
  #mapbox_s_goecoder .mapboxgl-ctrl-geocoder{
  box-shadow:none;
  }
  
  #mapbox_s_goecoder .mapboxgl-ctrl-geocoder input{
  height: 30px;
  margin: 0;
  padding: 5px 5px 5px 10px;
  font-size: 16px;
  font-family: "Open Sans",sans-serif;
  color:#444;
  }
  #mapbox_s_goecoder .geocoder-icon{
  top: 5px;
  }
  #mapbox_s_goecoder .geocoder-icon-search{
  display:none;
  }
  .leaflet-container a.orange-button{
  color:#fff;
  }
  .leaflet-container a{
  color:#000;
  }
  /*4.7 CSS */
  
  /*4.8 CSS*/
  .upload_deposit_preview{
  margin-top: 10px;
      max-width: 200px;
  }
  
  a.add_favorites:hover{
  color:#00b279;
  }
  
  a.add_favorites i{
  font-size:25px;
  }
  .equal_table {
  display:table;
  }
  .equal_table .col{
  display:table-cell;
  vertical-align:middle;
  }
  .result-merchant .equal_table{
  margin:auto;
  }
  .result-merchant .equal_table .col{
  padding:0 10px;
  }
  .result-merchant .inner.list-view .mytable .mycol,
  .section-browse .result-merchant .mytable .mycol
  {
  vertical-align:middle;
  }
  .menu-header a.add_favorites{
  color:#fff;
  }
  a.add_favorites.selected,
  .menu-header a.add_favorites.selected
  {
  color:#f75d34;
  }
  
  .favorites_list a.remove_fav{
  font-size:25px;
  }
  
  .delivery_map_accuracy{
  height:300px;
  width:auto;
  }
  
  .view-reviews{
  position:relative;
  }
  
  .badge_review{
  background:#009fe3;
  color:#fff;
  position: absolute;
  right: -8px;
  top: 0;
  }
  .review_notification_wrap{
  background: #009fe3;
  color: #fff;
  margin: auto auto 15px;
  padding: 15px 15px 15px 25px;
  width: 95%;
  }
  .review_notification_wrap p{
  font-size:14px;
  margin:0;
  }
  
  .tbl_merchant_info{
  width:80%;
  }
  .tbl_merchant_info td{
  vertical-align:top;
  }
  
  .tbl_merchant_info td:first-child{
  width:35%;
  }
  
  .tbl_merchant_info ul.services-type li{
  display:block;
  padding-left:0;
  }
  .tbl_merchant_info ul.services-type i{
  display:none;
  }
  
  /* MOYOSAR PAYMENT */
  .format_as_card_number{
  background:url("../images/credit-card-sprite.png"), url("../images/credit-card-sprite.png");
  background-position:2px -121px, 295px -61px;
  background-repeat:no-repeat;
  background-repeat: no-repeat;
  background-size: 120px 361px, 120px 361px;
  padding-left: 54px;
  }
  .format_as_card_number.visa{
      background-position:2px -163px,295px -61px
  }
  .format_as_card_number.visa_electron{
      background-position:2px -205px,295px -61px
  }
  .format_as_card_number.mastercard{
      background-position:2px -247px,295px -61px
  }
  .format_as_card_number.maestro{
      background-position:2px -289px,295px -61px
  }
  .format_as_card_number.discover{
      background-position:2px -331px,295px -61px
  }
  .format_as_card_number.valid.visa{
      background-position:2px -163px,295px -87px
  }
  .format_as_card_number.valid.visa_electron{
      background-position:2px -205px,295px -87px
  }
  .format_as_card_number.valid.mastercard{
      background-position:2px -247px,295px -87px
  }
  .format_as_card_number.valid.maestro{
      background-position:2px -289px,295px -87px
  }
  .format_as_card_number.valid.discover{
      background-position:2px -331px,295px -87px
  }
  
  .inline_li{
  display:table;
  }
  .inline_li li{
  display:table-cell;
  padding:5px 10px;
  }
  
  #menu-item .col-md-2,
  #menu-item .col-md-7,
  #menu-item .col-md-3 {
      width: 100% !important;
  }

  .logo-mobile{
    width: 100%;
  }

/* =============================================================================
   RODAPÉ FIXO NO FINAL DA PÁGINA - LAYOUT NORMAL
   Complementar às regras do responsive.css
   ============================================================================= */

/* Garantir que o body tenha estrutura flexível para layout normal */
body:not(.mobile-layout) {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
}

/* Container principal para layout normal */
.main-content-wrapper,
.sections:not(.section-footer),
.parallax-container:not(.section-footer),
.browse-wrapper,
.search-result-wrapper,
.page-right-sidebar {
    flex: 1 0 auto !important;
}

/* Rodapé sempre no final - layout normal */
.section-footer {
    flex-shrink: 0 !important;
    margin-top: auto !important;
    position: relative !important;
    width: 100% !important;
    background-color: #fff !important;
    border-top: 1px solid #e9ecef !important;
}

/* Copyright section no final */
.footer-copyright-section {
    flex-shrink: 0 !important;
    margin-top: 0 !important;
    position: relative !important;
    width: 100% !important;
    background-color: #f8f9fa !important;
    border-top: 1px solid #e9ecef !important;
}

/* Garantir que o conteúdo principal se expanda adequadamente */
.main {
    flex-grow: 1 !important;
    min-height: auto !important;
}

/* Ajustes específicos para páginas com pouco conteúdo */
.sections.section-how-it-works,
.sections.section-feature-resto,
.sections.section-browse-resto,
.sections.section-subcribe {
    flex-grow: 1 !important;
    min-height: auto !important;
}

/* Fallback para garantir posicionamento correto */
body > .section-footer:last-child,
body > .footer-copyright-section:last-child {
    position: sticky !important;
    bottom: 0 !important;
    margin-top: auto !important;
}

.cart-item-details-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cart-item-details-wrap .a.cart-quantity {
  display: inline-flex !important;
  align-content: center;
  flex-wrap: wrap;
}

.cart-item-details-wrap .b.cart-description{
  display: inline-flex !important;
  width: 100% !important;
  align-content: center !important;

}

.cart-item-details-wrap .uk-text-small{
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: column-reverse !important;
  align-content: flex-end !important;
  width: 100% !important;
  text-align: right !important;
}