/* Ajustes finos adicionais */
    .app-container {
      margin: 0 auto;
    }

    .product-card-rec.hidden,
    .produtos-layout-list .product-card-rec.hidden,
    .product-card-rec[style*="display: none"] {
      display: none !important;
    }

    /* Estilos gerais para os cards de recomendados (modo Grid na home) */
    .product-card-rec {
      display: block !important;
      background: white !important;
      border: 1px solid rgb(240, 240, 240) !important;
      border-radius: 8px !important;
      overflow: hidden !important;
      text-decoration: none !important;
      color: inherit !important;
      height: 100% !important;
    }

    .product-card-rec img {
      width: 100% !important;
      aspect-ratio: 1 / 1 !important;
      object-fit: cover !important;
      display: block !important;
    }

    .product-card-rec .product-name {
      font-size: 12px !important;
      font-weight: 500 !important;
      color: #333 !important;
      line-height: 1.35 !important;
      margin-top: 4px !important;
      margin-bottom: 6px !important;
      display: -webkit-box !important;
      -webkit-line-clamp: 2 !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden !important;
      height: 32px !important;
    }

    .product-card-rec .discount-y2k-badge {
      display: inline-flex !important;
      align-items: center !important;
      background: #fff0f2 !important;
      color: #ff2b56 !important;
      font-size: 9.5px !important;
      font-weight: 700 !important;
      padding: 1px 4px !important;
      border-radius: 3px !important;
      margin-right: 4px !important;
    }

    .product-card-rec .cashback-y2k-badge {
      display: inline-flex !important;
      align-items: center !important;
      background: #e5f7fb !important;
      color: #297978 !important;
      font-size: 9.5px !important;
      font-weight: 600 !important;
      padding: 1px 5px !important;
      border-radius: 3px !important;
    }

    .product-card-rec .sales-y2k-row {
      display: flex !important;
      align-items: center !important;
      gap: 3px !important;
      font-size: 11px !important;
      color: #777 !important;
      margin-top: 4px !important;
      margin-bottom: 6px !important;
    }

    .product-card-rec .product-price {
      display: flex !important;
      flex-direction: row !important;
      align-items: baseline !important;
      flex-wrap: wrap !important;
      gap: 4px !important;
    }

    .product-card-rec .price-y2k-current {
      font-size: 14.5px !important;
      font-weight: 700 !important;
      color: #ff2b56 !important;
      display: flex !important;
      align-items: baseline !important;
    }

    .product-card-rec .price-y2k-current span {
      font-size: 11px !important;
      font-weight: 700 !important;
      margin-right: 1px !important;
    }

    .product-card-rec .price-y2k-old {
      font-size: 11px !important;
      color: #999 !important;
      text-decoration: line-through !important;
      margin-left: 2px !important;
      display: inline-block !important;
    }

    .product-card-rec .action-y2k-container {
      display: none !important;
    }

    .header {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      margin: 0 auto !important;
      transform: none !important;
      width: 100% !important;
      max-width: 480px !important;
      height: auto !important;
      box-sizing: border-box !important;
    }

    /* HEADER TRANSPARENTE SOBRE O BANNER DA LOJA */
    .store-banner-header {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      z-index: 10 !important;
      padding: max(50px, calc(env(safe-area-inset-top, 0px) + 40px)) 16px 8px 16px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      box-sizing: border-box !important;
      pointer-events: auto !important;
    }
    .store-banner-header .header-back-btn svg,
    .store-banner-header .header-icon-btn svg,
    .store-banner-header .header-share-btn svg {
      stroke: #ffffff !important;
      color: #ffffff !important;
      filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.6));
    }
    .store-banner-header .cart-badge {
      background: #ff2b56 !important;
      color: #ffffff !important;
      border: 1.5px solid #ffffff !important;
    }

    /* HEADER FIXO BRANCO QUE DESCE NA ROLAGEM */
    .store-scrolled-header {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      margin: 0 auto !important;
      width: 100% !important;
      max-width: 480px !important;
      height: calc(48px + env(safe-area-inset-top, 0px)) !important;
      padding: env(safe-area-inset-top, 0px) 16px 0 16px !important;
      background: #ffffff !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      box-sizing: border-box !important;
      z-index: 100 !important;
      transform: translateY(-100%);
      transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease !important;
      pointer-events: none !important;
    }
    .store-scrolled-header.visible {
      transform: translateY(0) !important;
      pointer-events: auto !important;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
    }
    .store-scrolled-header .header-back-btn svg,
    .store-scrolled-header .header-icon-btn svg,
    .store-scrolled-header .header-share-btn svg {
      stroke: #000000 !important;
      color: #000000 !important;
      filter: none !important;
    }
    .store-scrolled-header .cart-badge {
      background: #ff2b56 !important;
      color: #ffffff !important;
      border: 1.5px solid #ffffff !important;
    }

    /* BANNER SUPERIOR DA LOJA */
    .store-top-banner {
      width: 100%;
      height: 280px;
      position: relative;
      overflow: hidden;
      background: #1d1901;
    }
    .store-top-banner .store-banner-bg {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      display: block;
    }
    .store-top-banner .store-banner-gradient-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.1) 45%, rgba(0,0,0,0.25) 80%, #f7f7f7 100%);
      pointer-events: none;
    }

    /* CARD DA LOJA SOBREPOSTO COM BORDAS ARREDONDADAS */
    .store-card-wrapper {
      position: relative !important;
      z-index: 2 !important;
      margin: -190px 12px 12px 12px !important;
    }
    .store-official-badge {
      width: calc(100% + 2px) !important;
      margin-left: -1px !important;
      margin-bottom: -15px !important;
      position: relative !important;
      z-index: 3 !important;
      pointer-events: auto !important;
      cursor: pointer !important;
      -webkit-tap-highlight-color: transparent !important;
    }
    .store-official-badge img {
      width: 100% !important;
      display: block !important;
      height: auto !important;
    }
    .store-card-sheet {
      position: relative;
      z-index: 2;
      margin: 0 !important;
      background: #ffffff !important;
      border-radius: 16px !important;
      padding: 14px 14px 12px 14px !important;
      box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08) !important;
      box-sizing: border-box !important;
    }
    .store-section {
      background: transparent !important;
      padding: 2px 2px 10px 2px !important;
      margin-top: 0 !important;
      border-bottom: none !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
    }
    .coupons-container {
      display: flex !important;
      gap: 10px !important;
      padding: 4px 2px 2px 2px !important;
      overflow-x: auto !important;
      -ms-overflow-style: none !important;
      scrollbar-width: none !important;
      margin-bottom: 0 !important;
    }
    .container {
      overflow: visible !important;
      overflow-x: visible !important;
      overflow-y: visible !important;
    }
    .nav-tabs {
      background: #ffffff !important;
      display: flex !important;
      justify-content: center !important;
      gap: 32px !important;
      border-bottom: 1px solid #ebebeb !important;
      padding: 0 16px !important;
      position: sticky !important;
      top: calc(48px + env(safe-area-inset-top, 0px)) !important;
      z-index: 99 !important;
      margin-bottom: 0 !important;
    }
    .nav-tabs:before {
      display: none !important;
    }
    .nav-tab {
      background: none !important;
      border: none !important;
      padding: 12px 14px !important;
      font-size: 15px !important;
      color: #777777 !important;
      font-weight: 500 !important;
      cursor: pointer !important;
      position: relative !important;
      border-bottom: 2.5px solid transparent !important;
      transition: color 0.2s, border-color 0.2s !important;
      font-family: inherit !important;
    }
    .nav-tab.active {
      color: #111111 !important;
      font-weight: 700 !important;
      border-bottom-color: #111111 !important;
    }
    /* BARRA DE FILTROS DA ABA PRODUTOS */
    .produtos-filter-bar {
      display: flex;
      align-items: center;
      background: #ffffff;
      padding: 0 8px 0 12px;
      height: 40px;
      border-bottom: 1px solid #f0f0f0;
      border-top: 1px solid #f0f0f0;
      user-select: none;
      box-sizing: border-box;
      width: 100%;
      position: relative;
    }
    .produtos-filter-scroll {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex: 1;
      overflow-x: auto;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }
    .produtos-filter-scroll::-webkit-scrollbar {
      display: none;
    }
    .produtos-filter-bar .filter-item {
      font-size: 13px;
      color: #666666;
      font-weight: 500;
      cursor: pointer;
      display: flex;
      align-items: center;
      transition: color 0.15s, font-weight 0.15s;
      white-space: nowrap;
      flex-shrink: 0;
      padding: 4px 0;
    }
    .produtos-filter-bar .filter-item.active {
      color: #000000;
      font-weight: 700;
    }
    .produtos-filter-bar .filter-item.active svg path {
      fill: #000000;
    }
    .produtos-filter-bar .filter-sep {
      width: 1px;
      height: 12px;
      background: #e8e8e8;
      margin: 0 4px;
      flex-shrink: 0;
    }
    .produtos-filter-bar .filter-view-toggle {
      margin-left: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      padding: 4px;
      color: #666;
      flex-shrink: 0;
      background: #fff;
      box-shadow: -8px 0 10px -2px #ffffff;
      z-index: 2;
    }
    .produtos-filter-bar .filter-view-toggle:hover {
      color: #111;
    }

    /* MODAL DE FILTRO POR PREÇO */
    .preco-filter-modal {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 999999;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .preco-filter-backdrop {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.45);
      backdrop-filter: blur(2px);
    }
    .preco-filter-box {
      position: relative;
      background: #ffffff;
      width: 90%;
      max-width: 350px;
      border-radius: 14px;
      padding: 20px;
      box-shadow: 0 12px 36px rgba(0, 0, 0, 0.25);
      z-index: 1;
      box-sizing: border-box;
      animation: precoFilterFadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    }
    @keyframes precoFilterFadeIn {
      from { opacity: 0; transform: translateY(-8px) scale(0.96); }
      to { opacity: 1; transform: translateY(0) scale(1); }
    }
    .store-left {
      display: flex !important;
      align-items: center !important;
      gap: 12px !important;
    }
    .store-logo {
      width: 52px !important;
      height: 52px !important;
      border-radius: 50% !important;
      border: 1.5px solid #ececec !important;
      overflow: hidden !important;
      background: #fff !important;
      flex-shrink: 0 !important;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
    }
    .store-info h2 {
      font-size: 16px !important;
      font-weight: 700 !important;
      color: #1a1a1a !important;
      margin: 0 0 2px 0 !important;
      display: flex !important;
      align-items: center !important;
      gap: 4px !important;
    }
    .store-info p {
      font-size: 12.5px !important;
      color: #777 !important;
      margin: 0 !important;
      font-weight: 400 !important;
    }
    .store-buttons {
      display: flex !important;
      flex-direction: column !important;
      gap: 6px !important;
    }
    .store-follow-btn {
      background: #ff2b56 !important;
      color: #fff !important;
      border: none !important;
      padding: 6px 18px !important;
      border-radius: 20px !important;
      font-size: 13px !important;
      font-weight: 600 !important;
      cursor: pointer !important;
      min-width: 92px !important;
      height: 30px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      transition: transform 0.15s, opacity 0.15s !important;
    }
    .store-follow-btn:active {
      transform: scale(0.97);
    }
    .store-message-btn {
      background: #ffffff !important;
      color: #222 !important;
      border: 1px solid #dcdcdc !important;
      padding: 6px 18px !important;
      border-radius: 20px !important;
      font-size: 13px !important;
      font-weight: 600 !important;
      cursor: pointer !important;
      min-width: 92px !important;
      height: 30px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      transition: background 0.15s !important;
    }
    .store-message-btn:active {
      background: #f7f7f7 !important;
    }

    /* Estilo customizado para o bottom bar de checkout na home */
    .home-bottom-bar {
      position: fixed;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      max-width: 480px;
      height: 60px;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 16px;
      border-top: 1px solid #e8e8e8;
      box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05);
      z-index: 999;
    }

    .home-bottom-bar-btn {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background: none;
      border: none;
      color: #555;
      font-size: 11px;
      font-weight: 500;
      gap: 4px;
      cursor: pointer;
      text-decoration: none;
      min-width: 48px;
    }

    .home-bottom-bar-btn i {
      font-size: 18px;
    }

    .home-bottom-bar-checkout {
      flex: 1;
      margin-left: 8px;
      background: #FF2B56;
      color: #fff;
      border: none;
      height: 44px;
      border-radius: 22px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: 0 2px 6px rgba(255, 43, 86, 0.2);
    }

    /* ESTILOS DO NOVO LAYOUT EMPILHADO (Aba 'Produtos') */
    .produtos-layout-list {
      display: flex !important;
      flex-direction: column !important;
      gap: 16px !important;
    }

    .produtos-layout-list .product-card-rec {
      display: flex !important;
      flex-direction: row !important;
      background: #fff !important;
      border-radius: 12px !important;
      overflow: hidden !important;
      border: none !important;
      padding: 0 !important;
      gap: 12px !important;
      width: 100% !important;
      text-decoration: none !important;
      color: inherit !important;
      height: auto !important;
    }

    .produtos-layout-list .product-card-rec>div {
      display: flex !important;
      flex-direction: row !important;
      width: 100% !important;
      border: none !important;
      border-radius: 0 !important;
      padding: 0 !important;
    }

    .produtos-layout-list .product-card-rec img:not(.badge-oficial-card) {
      width: 120px !important;
      height: 120px !important;
      min-width: 120px !important;
      max-width: 120px !important;
      aspect-ratio: 1/1 !important;
      object-fit: cover !important;
      border-radius: 8px !important;
      background: #ffffff !important;
    }

    .produtos-layout-list .product-card-rec.card-iphone-16 img:not(.badge-oficial-card),
    .product-card-rec.card-iphone-16 img:not(.badge-oficial-card),
    .produtos-layout-list .product-card-rec.card-cafeteira img:not(.badge-oficial-card),
    .product-card-rec.card-cafeteira img:not(.badge-oficial-card),
    .produtos-layout-list .product-card-rec[href*="produto-87"] img:not(.badge-oficial-card),
    .product-card-rec[href*="produto-87"] img:not(.badge-oficial-card) {
      object-fit: contain !important;
      padding: 6px !important;
      box-sizing: border-box !important;
      background: #ffffff !important;
    }

    .badge-oficial-card,
    .produtos-layout-list .product-card-rec img.badge-oficial-card {
      height: 18px !important;
      width: auto !important;
      max-height: 18px !important;
      min-width: 0 !important;
      max-width: 52px !important;
      aspect-ratio: unset !important;
      object-fit: contain !important;
      vertical-align: -4.5px !important;
      margin-right: 5px !important;
      display: inline-block !important;
      border-radius: 3px !important;
      flex-shrink: 0 !important;
      background: transparent !important;
      padding: 0 !important;
    }

    .produtos-layout-list .product-card-rec .product-name {
      font-size: 14px !important;
      font-weight: 500 !important;
      color: #333 !important;
      line-height: 1.35 !important;
      margin-bottom: 6px !important;
      display: -webkit-box !important;
      -webkit-line-clamp: 2 !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden !important;
      height: 38px !important;
    }

    /* Badges personalizadas da imagem fixada */
    .produtos-layout-list .product-card-rec .discount-y2k-badge {
      display: inline-flex !important;
      align-items: center !important;
      gap: 3px !important;
      background: #fff0f2 !important;
      color: #ff2b56 !important;
      font-size: 10px !important;
      font-weight: 700 !important;
      padding: 2px 6px !important;
      border-radius: 4px !important;
      margin-right: 4px !important;
      border: none !important;
    }

    .produtos-layout-list .product-card-rec .cashback-y2k-badge {
      display: inline-flex !important;
      align-items: center !important;
      background: #e5f7fb !important;
      color: #297978 !important;
      font-size: 10px !important;
      font-weight: 600 !important;
      padding: 2px 6px !important;
      border-radius: 4px !important;
      border: none !important;
    }
    .product-badge {
      background: #e5f7fb !important;
      color: #297978 !important;
    }

    .produtos-layout-list .product-card-rec .sales-y2k-row {
      display: flex !important;
      align-items: center !important;
      gap: 4px !important;
      font-size: 11px !important;
      color: #999 !important;
      margin-top: 4px !important;
      margin-bottom: 8px !important;
    }

    .produtos-layout-list .product-card-rec .price-y2k-current {
      font-size: 18px !important;
      font-weight: 800 !important;
      color: #ff2b56 !important;
      display: flex !important;
      align-items: baseline !important;
    }

    .produtos-layout-list .product-card-rec .price-y2k-current span {
      font-size: 12px !important;
      font-weight: 700 !important;
      margin-right: 2px !important;
    }

    .produtos-layout-list .product-card-rec .price-y2k-old {
      font-size: 11px !important;
      color: #bbb !important;
      text-decoration: line-through !important;
      margin-left: 2px !important;
    }

    /* Botões integrados Y2K da direita */
    .produtos-layout-list .product-card-rec .action-y2k-container {
      display: flex !important;
      align-items: center !important;
      border-radius: 6px !important;
      overflow: hidden !important;
      margin-top: auto !important;
      align-self: flex-end !important;
      margin-bottom: 4px !important;
      margin-left: auto !important;
    }

    .produtos-layout-list .product-card-rec .cart-y2k-btn {
      background: #ffe6eb !important;
      border: none !important;
      width: 32px !important;
      height: 28px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      cursor: pointer !important;
    }

    .produtos-layout-list .product-card-rec .cart-y2k-btn svg {
      width: 14px !important;
      height: 14px !important;
      stroke: #ff2b56 !important;
      stroke-width: 2.5 !important;
      fill: none !important;
    }

    .produtos-layout-list .product-card-rec .buy-y2k-btn {
      background: #ff2b56 !important;
      color: #fff !important;
      border: none !important;
      padding: 0 10px !important;
      height: 28px !important;
      font-size: 11.5px !important;
      font-weight: 700 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      cursor: pointer !important;
    }

    /* Regra para esconder elementos antigos quando em modo lista */
    .produtos-layout-list .product-card-rec .product-badges,
    .produtos-layout-list .product-card-rec .product-sales {
      display: none !important;
    }