/* Mobile browser layout guardrails. Loaded last on the web frontend. */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

body {
  min-width: 0;
}

body *,
body *::before,
body *::after {
  box-sizing: border-box;
}

img,
svg,
video,
canvas,
iframe {
  max-width: 100%;
}

main,
section,
article,
aside,
header,
footer,
nav,
form,
fieldset,
.container,
.card,
[class*="card"],
[class*="wrap"],
[class*="shell"],
[class*="page"],
[class*="grid"],
[class*="row"],
[class*="hero"],
[class*="panel"],
[class*="box"],
[class*="modal"],
[class*="drawer"] {
  min-width: 0;
}

input,
select,
textarea,
button {
  max-width: 100%;
}

pre,
code,
.payload {
  max-width: 100%;
  overflow-x: auto;
}

.table-wrap,
.table-responsive,
.responsive-table,
.orders-table-wrap,
.fin-table-wrap,
[class*="table-wrap"],
[class*="table-responsive"] {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 900px) {
  body {
    overflow-x: hidden;
  }

  main.container,
  .container {
    width: min(100% - 8px, 1200px) !important;
    max-width: calc(100vw - 8px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .lo-topbar,
  .lo-shell,
  .lo-benefits {
    width: min(100% - 8px, 560px) !important;
    max-width: calc(100vw - 8px) !important;
  }

  .lo-topbar {
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .lo-logo,
  .lo-actions,
  .lo-search {
    width: 100%;
  }

  .lo-actions {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    white-space: normal !important;
  }

  .lo-actions a,
  .lo-theme,
  .menu-toggle {
    min-width: 0 !important;
    min-height: 42px;
    padding-left: 8px !important;
    padding-right: 8px !important;
    justify-content: center !important;
  }

  .lo-actions a span:not(.lo-action-emoji),
  .lo-theme span {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .lo-search {
    grid-template-columns: minmax(0, 1fr) 54px !important;
  }

  .lo-search input {
    min-width: 0 !important;
    width: 100% !important;
  }

  .lo-cat-select {
    display: none !important;
  }

  .lo-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .lo-benefits div {
    min-width: 0;
    justify-content: flex-start !important;
  }

  .lo-benefits strong {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .lo-home-v2,
  .lo-hero-slider,
  .lo-sidecard,
  .lo-product-card,
  .lo-cat-banner,
  .lo-trust-strip,
  .lo-seller-excellence,
  .lo-newsletter,
  .lo-app-banner {
    max-width: 100%;
  }

  .lo-slide,
  .lo-hero-grid,
  .lo-sidecards,
  .lo-flash,
  .lo-category-banners,
  .lo-trust-strip,
  .lo-seller-excellence,
  .lo-newsletter {
    grid-template-columns: 1fr !important;
  }

  .lo-section-head,
  .lo-flash-title,
  .lo-app-banner,
  .auth-login-row,
  .auth-login-create,
  [class*="actions"],
  [class*="toolbar"],
  [class*="filters"],
  [class*="pills"] {
    flex-wrap: wrap !important;
  }

  .auth-login-page,
  .conta-wrap,
  .produtos-container,
  .admin-wrap,
  .seller-dashboard,
  .page-financeiro-v2,
  .cart-page,
  .catalog-page,
  .stores-directory,
  .disputas-page,
  .at-page,
  .email-admin-page,
  .rep-wrap,
  .nfe-wrap,
  .nfe-wide,
  main[class*="-page"],
  section[class*="-page"],
  div[class*="-page"],
  article[class*="-page"],
  main[class*="-wrap"],
  section[class*="-wrap"],
  div[class*="-wrap"],
  article[class*="-wrap"] {
    width: min(100% - 8px, 1560px) !important;
    max-width: calc(100vw - 8px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .auth-login-shell,
  .auth-register-shell,
  .carrinho-container,
  .cart-hero,
  .cart-checkout-grid,
  .catalog-hero,
  .catalog-filters,
  .stores-hero,
  .stores-grid,
  .dashboard-grid,
  .stats-grid,
  .kpi-grid,
  .grid-2,
  .grid-3,
  .grid-4,
  .nfe-grid,
  .rep-grid,
  .rep-governance,
  .at-modal-grid,
  [class*="-grid"] {
    grid-template-columns: 1fr !important;
  }

  .auth-login-hero,
  .auth-login-card,
  .auth-register-card,
  .card,
  [class*="card"],
  [class*="panel"] {
    max-width: 100% !important;
  }

  table {
    max-width: 100%;
  }

  table:not(.orders-table):not(.tabela-carrinho) {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .orders-table,
  .tabela-carrinho {
    max-width: 100% !important;
  }

  /* Mantem os cards dos itens do carrinho dentro do painel principal no mobile. */
  .cart-page .carrinho-produtos,
  .cart-page .tabela-carrinho,
  .cart-page .tabela-carrinho tbody,
  .cart-page .tabela-carrinho tbody tr,
  .cart-page .tabela-carrinho tbody td,
  .cart-page .prod-cell,
  .cart-page .meta {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .cart-page .tabela-carrinho,
  .cart-page .tabela-carrinho tbody {
    width: 100% !important;
    overflow: hidden !important;
  }

  .cart-page .tabela-carrinho tbody tr {
    width: calc(100% - 8px) !important;
    max-width: calc(100% - 8px) !important;
    justify-self: start !important;
    overflow: hidden !important;
  }

  .cart-page .cart-qty-control {
    display: inline-grid !important;
    grid-template-columns: 40px 72px 40px !important;
    align-items: center !important;
    gap: 8px !important;
    width: max-content !important;
    max-width: 100% !important;
  }

  .cart-page .cart-qty-btn {
    display: inline-grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 42px !important;
    border-radius: 12px !important;
  }

  .drawer-panel {
    width: min(88vw, 340px) !important;
    max-width: calc(100vw - 24px) !important;
  }

  dialog,
  [role="dialog"],
  .modal,
  .modal-content,
  .modal-card,
  .at-modal-card,
  [class*="modal-card"],
  [class*="modal-content"] {
    width: min(100% - 24px, 980px) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 24px) !important;
    margin: 12px auto !important;
    overflow: auto !important;
  }

  .at-modal-card {
    padding: 18px !important;
  }

  .at-msg-top {
    flex-wrap: wrap;
  }
}

@media (max-width: 560px) {
  main.container,
  .container,
  .lo-topbar,
  .lo-shell,
  .lo-benefits,
  .auth-login-page,
  .conta-wrap,
  .produtos-container,
  .admin-wrap,
  .seller-dashboard,
  .page-financeiro-v2,
  .cart-page,
  .catalog-page,
  .stores-directory,
  .disputas-page,
  .at-page,
  .email-admin-page,
  .rep-wrap,
  .nfe-wrap,
  .nfe-wide,
  main[class*="-page"],
  section[class*="-page"],
  div[class*="-page"],
  article[class*="-page"],
  main[class*="-wrap"],
  section[class*="-wrap"],
  div[class*="-wrap"],
  article[class*="-wrap"] {
    width: min(100% - 20px, 520px) !important;
    max-width: calc(100vw - 20px) !important;
  }

  .lo-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .lo-actions a,
  .lo-theme,
  .menu-toggle {
    font-size: 0 !important;
  }

  .lo-actions svg,
  .lo-action-emoji {
    font-size: 20px !important;
  }

  .lo-benefits {
    grid-template-columns: 1fr !important;
  }

  .lo-product-row,
  .catalog-grid,
  .products-grid,
  .product-grid,
  .lo-brand-grid,
  .lo-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .lo-mini-row,
  .lo-newsletter form,
  .frete-form,
  .cart-hero-metrics,
  .rep-kpis,
  .rep-export-grid,
  .rep-governance-grid {
    grid-template-columns: 1fr !important;
  }

  .auth-login-hero,
  .auth-login-card,
  .auth-register-card {
    padding: 20px !important;
    border-radius: 16px !important;
  }

  .auth-login-hero {
    min-height: 0 !important;
  }

  .auth-login-hero h1,
  h1 {
    overflow-wrap: anywhere;
  }

  .btn,
  .btn-pill,
  .btn-outline,
  .btn-sec,
  .btn-danger,
  a.btn,
  a.btn-pill,
  button[type="submit"] {
    width: 100%;
    white-space: normal !important;
  }
}

@media (max-width: 380px) {
  .lo-product-row,
  .catalog-grid,
  .products-grid,
  .product-grid,
  .lo-brand-grid,
  .lo-quick-grid {
    grid-template-columns: 1fr !important;
  }
}

/* LO-MOBILE-PURPLE-RADIUS-010: curva apenas nas duas pontas inferiores da faixa roxa. */
@media (max-width: 900px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar {
    position: relative !important;
    background: transparent !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: 104px !important;
    border-radius: 0 0 28px 28px !important;
    background: linear-gradient(100deg, #6a0dad 0%, #7b12c9 48%, #5a0a9d 100%) !important;
    box-shadow: 0 12px 28px rgba(90, 18, 180, .18) !important;
    pointer-events: none !important;
  }
}

/* LO-MOBILE-HEADER-FULL-006: header ocupa toda a largura do navegador mobile. */
@media (max-width: 900px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .topbar,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar-wrap {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 50% !important;
    margin-right: 0 !important;
    transform: translateX(-50%) !important;
    border-radius: 0 0 22px 22px !important;
    overflow: hidden !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar {
    width: min(100% - 24px, 640px) !important;
    max-width: min(100% - 24px, 640px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
  }
}

/* Home mobile: ajustes finos para navegador de celular. */
@media (max-width: 900px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar {
    width: min(100% - 20px, 560px) !important;
    max-width: calc(100vw - 20px) !important;
    display: grid !important;
    grid-template-columns: minmax(96px, 132px) minmax(0, 1fr) !important;
    grid-template-areas:
      "logo actions"
      "search search" !important;
    align-items: center !important;
    gap: 12px 10px !important;
    padding: 12px 10px 16px !important;
    border-radius: 0 0 22px 22px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo {
    grid-area: logo !important;
    width: auto !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-copy {
    display: none !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark {
    width: 128px !important;
    height: 44px !important;
    flex: 0 1 128px !important;
    max-width: 100% !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-actions {
    grid-area: actions !important;
    width: auto !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-account-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-seller-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-admin-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-cart-action {
    display: none !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-fav-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-alert-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-theme,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .menu-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    flex: 0 0 48px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, .24) !important;
    background:
      radial-gradient(circle at 35% 25%, rgba(255, 255, 255, .22), transparent 36%),
      linear-gradient(145deg, rgba(132, 50, 222, .94), rgba(73, 34, 166, .78)) !important;
    color: #fff !important;
    font-size: 0 !important;
    box-shadow: 0 10px 22px rgba(35, 20, 118, .22), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .menu-toggle {
    font-size: 25px !important;
    line-height: 1 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-fav-action svg,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-alert-action svg {
    width: 25px !important;
    height: 25px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-action-emoji {
    font-size: 24px !important;
    line-height: 1 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-action-badge {
    top: -7px !important;
    right: -4px !important;
    left: auto !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search {
    grid-area: search !important;
    width: 100% !important;
    height: 58px !important;
    grid-template-columns: minmax(0, 1fr) 88px !important;
    border-radius: 999px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search input {
    font-size: 15px !important;
    padding-left: 18px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search-btn {
    min-width: 82px !important;
  }

  body.lo-home-v2-page .lo-hero-grid {
    margin-top: 18px !important;
  }

  body.lo-home-v2-page .lo-hero-slider {
    min-height: 230px !important;
    height: 230px !important;
    border-radius: 18px !important;
  }

  body.lo-home-v2-page .lo-slide {
    min-height: 230px !important;
    padding: 0 !important;
    grid-template-columns: 1fr !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: #07101f !important;
  }

  body.lo-home-v2-page .lo-slide-image-only {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: #07101f !important;
  }

  body.lo-home-v2-page .lo-slide-copy,
  body.lo-home-v2-page .lo-slide-art,
  body.lo-home-v2-page .lo-campaign-price,
  body.lo-home-v2-page .lo-campaign-promo,
  body.lo-home-v2-page .lo-campaign-pill-a,
  body.lo-home-v2-page .lo-campaign-pill-b,
  body.lo-home-v2-page .lo-campaign-products {
    display: none !important;
  }

  body.lo-home-v2-page .lo-dots {
    bottom: 12px !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: rgba(2, 6, 23, .48) !important;
    backdrop-filter: blur(8px) !important;
  }

  body.lo-home-v2-page .lo-slider-arrow {
    width: 40px !important;
    height: 40px !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
  }

  body.lo-home-v2-page .lo-prev {
    left: 14px !important;
  }

  body.lo-home-v2-page .lo-next {
    right: 14px !important;
  }
}

@media (max-width: 640px) {
  body.lo-home-v2-page .lo-hero-slider {
    min-height: 214px !important;
    height: 214px !important;
  }

  body.lo-home-v2-page .lo-slide {
    min-height: 214px !important;
  }

  body.lo-home-v2-page .lo-product-row,
  body.lo-home-v2-page .lo-showcase-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body.lo-home-v2-page .lo-product-row .lo-product-card {
    min-height: 235px !important;
    padding: 12px !important;
    border-radius: 14px !important;
  }

  body.lo-home-v2-page .lo-product-row .lo-product-card:nth-child(5n+1),
  body.lo-home-v2-page .lo-showcase-grid .lo-product-card:nth-child(5n+1) {
    grid-column: 1 / -1 !important;
    min-height: 260px !important;
  }

  body.lo-home-v2-page .lo-product-row .lo-product-card:nth-child(5n+1) .lo-product-img,
  body.lo-home-v2-page .lo-showcase-grid .lo-product-card:nth-child(5n+1) .lo-product-img {
    height: 145px !important;
  }

  body.lo-home-v2-page .lo-product-img {
    height: 108px !important;
  }

  body.lo-home-v2-page .lo-product-img img {
    max-height: 104px !important;
  }

  body.lo-home-v2-page .lo-product-card h3 {
    font-size: 12.5px !important;
    min-height: 34px !important;
  }

  body.lo-home-v2-page .lo-price {
    font-size: 18px !important;
  }

  body.lo-home-v2-page .lo-installments,
  body.lo-home-v2-page .lo-rating small {
    font-size: 11px !important;
  }

  body.lo-home-v2-page .lo-featured-sellers-section {
    width: min(100% - 24px, 520px) !important;
    max-width: calc(100vw - 24px) !important;
    overflow: hidden !important;
  }

  body.lo-home-v2-page .lo-featured-sellers-section .lo-section-head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    align-items: start !important;
  }

  body.lo-home-v2-page .lo-featured-sellers-section .lo-section-head h2 {
    font-size: 25px !important;
    line-height: 1.1 !important;
  }

  body.lo-home-v2-page .lo-featured-sellers-section .lo-section-head a {
    width: auto !important;
    justify-self: start !important;
  }

  body.lo-home-v2-page .lo-sponsored-note {
    font-size: 15px !important;
    line-height: 1.45 !important;
    max-width: 100% !important;
  }

  body.lo-home-v2-page .lo-featured-sellers-grid {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    overflow: hidden !important;
  }

  body.lo-home-v2-page .lo-featured-seller-card,
  body.lo-home-v2-page .lo-featured-seller-card--home {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 12px !important;
    border-radius: 16px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    overflow: hidden !important;
  }

  body.lo-home-v2-page .lo-featured-seller-main {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
  }

  body.lo-home-v2-page .lo-featured-seller-logo {
    width: 48px !important;
    height: 48px !important;
    border-radius: 13px !important;
  }

  body.lo-home-v2-page .lo-featured-seller-main > div,
  body.lo-home-v2-page .lo-featured-seller-product > div {
    min-width: 0 !important;
  }

  body.lo-home-v2-page .lo-featured-seller-main strong,
  body.lo-home-v2-page .lo-featured-seller-main em,
  body.lo-home-v2-page .lo-featured-seller-product strong {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.lo-home-v2-page .lo-featured-seller-product {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 76px !important;
    padding: 8px !important;
    border-radius: 13px !important;
  }

  body.lo-home-v2-page .lo-featured-seller-product > span {
    width: 64px !important;
    height: 58px !important;
    max-width: 64px !important;
    border-radius: 11px !important;
  }

  body.lo-home-v2-page .lo-featured-seller-product img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  body.lo-home-v2-page .lo-featured-seller-foot {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    align-items: start !important;
  }

  body.lo-home-v2-page .lo-featured-seller-foot span,
  body.lo-home-v2-page .lo-featured-seller-foot b {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
  }

  body.lo-home-v2-page .lo-premium-footer,
  body.lo-home-v2-page .site-footer.lo-premium-footer {
    overflow: hidden !important;
    padding: 28px 0 18px !important;
  }

  body.lo-home-v2-page .lo-premium-footer .lo-footer-shell,
  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-shell {
    width: min(100% - 32px, 520px) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  body.lo-home-v2-page .lo-premium-footer .lo-footer-logo-link,
  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-logo-link {
    display: grid !important;
    grid-template-columns: 78px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
  }

  body.lo-home-v2-page .lo-premium-footer .lo-footer-logo-link img,
  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-logo-link img {
    width: 78px !important;
    height: 58px !important;
    object-fit: contain !important;
  }

  body.lo-home-v2-page .lo-premium-footer .lo-footer-logo-link strong,
  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-logo-link strong {
    font-size: 22px !important;
    line-height: 1 !important;
  }

  body.lo-home-v2-page .lo-premium-footer .lo-footer-brand p,
  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-brand p {
    max-width: 100% !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  body.lo-home-v2-page .lo-premium-footer .lo-footer-col,
  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-col {
    min-width: 0 !important;
  }

  body.lo-home-v2-page .lo-premium-footer .lo-footer-col h4,
  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-col h4 {
    margin-bottom: 10px !important;
    font-size: 16px !important;
  }

  body.lo-home-v2-page .lo-premium-footer .lo-footer-col a,
  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-col a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 7px 0 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }

  body.lo-home-v2-page .lo-premium-footer .lo-footer-bottom,
  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-bottom {
    width: min(100% - 32px, 520px) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.lo-home-v2-page .lo-premium-footer .lo-footer-bottom span,
  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-bottom span {
    width: 100% !important;
    justify-content: flex-start !important;
    white-space: normal !important;
  }
}

@media (max-width: 380px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar {
    grid-template-columns: 104px minmax(0, 1fr) !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark {
    width: 104px !important;
    flex-basis: 104px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-fav-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-alert-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-theme,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .menu-toggle {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    flex-basis: 42px !important;
  }

  body.lo-home-v2-page .lo-product-row,
  body.lo-home-v2-page .lo-showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* LO-MOBILE-HOME-FINAL-004: ultimo CSS carregado na Home mobile. */
@media (max-width: 900px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar {
    grid-template-columns: 150px minmax(0, 1fr) !important;
    column-gap: 8px !important;
    row-gap: 12px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo {
    min-width: 0 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark {
    width: 150px !important;
    height: 54px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    flex-basis: 150px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark img {
    width: 150px !important;
    height: 54px !important;
    max-width: 150px !important;
    object-fit: contain !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-actions {
    gap: 7px !important;
    justify-content: flex-end !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-fav-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-alert-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-theme,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .menu-toggle {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    flex: 0 0 40px !important;
    padding: 0 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-fav-action svg,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-alert-action svg {
    width: 22px !important;
    height: 22px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-action-emoji {
    font-size: 22px !important;
    line-height: 1 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .menu-toggle {
    font-size: 27px !important;
    line-height: 1 !important;
  }

  body.lo-home-v2-page .lo-hero-slider {
    width: 100% !important;
    height: clamp(172px, 54vw, 222px) !important;
    min-height: clamp(172px, 54vw, 222px) !important;
    max-height: 222px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: #07101f !important;
  }

  body.lo-home-v2-page .lo-slide,
  body.lo-home-v2-page .lo-slide.is-active,
  html[data-theme="light"] body.lo-home-v2-page .lo-slide,
  body.lo-home-v2-page .lo-home-v2 .lo-slide-image-only {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    display: block !important;
    background-image: var(--lo-slide-bg) !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #07101f !important;
    overflow: hidden !important;
    transform: none !important;
  }

  body.lo-home-v2-page .lo-slide::before,
  body.lo-home-v2-page .lo-slide::after,
  body.lo-home-v2-page .lo-home-v2 .lo-slide-image-only::before,
  body.lo-home-v2-page .lo-home-v2 .lo-slide-image-only::after,
  body.lo-home-v2-page .lo-slide-copy,
  body.lo-home-v2-page .lo-slide-art,
  body.lo-home-v2-page .lo-slide .lo-btn,
  body.lo-home-v2-page .lo-slide .lo-eyebrow,
  body.lo-home-v2-page .lo-slide h1,
  body.lo-home-v2-page .lo-slide .lo-slide-text,
  body.lo-home-v2-page .lo-campaign-price,
  body.lo-home-v2-page .lo-campaign-promo,
  body.lo-home-v2-page .lo-campaign-pill,
  body.lo-home-v2-page .lo-campaign-products {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  body.lo-home-v2-page .lo-slider-arrow {
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    z-index: 50 !important;
  }

  body.lo-home-v2-page .lo-dots {
    bottom: 9px !important;
    z-index: 51 !important;
  }

  body.lo-home-v2-page .lo-featured-sellers-section--home .lo-featured-sellers-grid {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(0, 100%) !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 0 !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0 0 8px !important;
  }

  body.lo-home-v2-page .lo-featured-sellers-section--home .lo-featured-sellers-grid::-webkit-scrollbar {
    height: 0 !important;
  }

  body.lo-home-v2-page .lo-featured-sellers-section--home .lo-featured-seller-card,
  body.lo-home-v2-page .lo-featured-sellers-section--home .lo-featured-seller-card--home {
    scroll-snap-align: start !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* LO-MOBILE-HEADER-LINE-005: mantem logo e 4 botoes na mesma linha. */
@media (max-width: 900px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar {
    grid-template-columns: 142px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 6px !important;
    row-gap: 10px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 142px !important;
    min-width: 0 !important;
    max-width: 142px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark {
    width: 142px !important;
    height: 50px !important;
    min-width: 142px !important;
    max-width: 142px !important;
    flex: 0 0 142px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark img {
    width: 142px !important;
    height: 50px !important;
    max-width: 142px !important;
    object-fit: contain !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-fav-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-alert-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-theme,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .menu-toggle {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    flex: 0 0 34px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-fav-action svg,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-alert-action svg {
    width: 18px !important;
    height: 18px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-action-emoji {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .menu-toggle {
    font-size: 23px !important;
    line-height: 1 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }
}

@media (max-width: 380px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar {
    grid-template-columns: 132px minmax(0, 1fr) !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark img {
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    flex-basis: 132px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-actions {
    gap: 3px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-fav-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-alert-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-theme,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .menu-toggle {
    width: 31px !important;
    height: 31px !important;
    min-width: 31px !important;
    max-width: 31px !important;
    flex-basis: 31px !important;
  }
}

/* LO-MOBILE-HEADER-FULL-007: trava final, depois dos ajustes de icones. */
@media (max-width: 900px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .topbar,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar-wrap {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;
    transform: none !important;
    border-radius: 0 0 22px 22px !important;
    overflow: hidden !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar {
    width: min(100% - 24px, 640px) !important;
    max-width: min(100% - 24px, 640px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
  }
}

/* LO-MOBILE-APP-HEADER-008: aproxima o header web mobile do visual do app. */
@media (max-width: 900px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;
    padding: 0 0 16px !important;
    background: transparent !important;
    overflow: visible !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar {
    position: relative !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 176px !important;
    margin: 0 !important;
    padding: 18px 32px 0 !important;
    display: grid !important;
    grid-template-columns: 176px minmax(0, 1fr) !important;
    grid-template-rows: 74px 46px !important;
    column-gap: 10px !important;
    row-gap: 20px !important;
    align-items: center !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    transform: none !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar::before {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: 106px !important;
    border-radius: 0 0 28px 28px !important;
    background: linear-gradient(100deg, #6a0dad 0%, #7b12c9 48%, #5a0a9d 100%) !important;
    box-shadow: 0 12px 28px rgba(90, 18, 180, .18) !important;
    pointer-events: none !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 192px !important;
    max-width: 192px !important;
    min-width: 0 !important;
    align-self: center !important;
    justify-self: start !important;
    position: relative !important;
    z-index: 1 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark img {
    width: 192px !important;
    max-width: 192px !important;
    min-width: 192px !important;
    height: 56px !important;
    flex: 0 0 192px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    width: auto !important;
    min-width: 0 !important;
    justify-self: end !important;
    position: relative !important;
    z-index: 1 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-fav-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-alert-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-theme,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .menu-toggle {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    flex: 0 0 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.13) !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 116px !important;
    align-self: end !important;
    justify-self: center !important;
    position: relative !important;
    z-index: 1 !important;
    background: #fff !important;
    border: 1px solid rgba(209, 216, 230, .82) !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 20px rgba(29, 38, 61, .08) !important;
    overflow: hidden !important;
  }

  html[data-theme="dark"] body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search {
    background: #fff !important;
    border-color: rgba(209, 216, 230, .82) !important;
    box-shadow: 0 8px 20px rgba(29, 38, 61, .08) !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search input,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search input[type="text"],
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search input[type="search"] {
    height: 46px !important;
    padding: 0 18px !important;
    color: #526071 !important;
    -webkit-text-fill-color: #526071 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search input::placeholder {
    color: #526071 !important;
    opacity: .92 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search-btn {
    width: 116px !important;
    min-width: 116px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 4px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #20c7f7, #4b78ff) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search-btn svg {
    display: none !important;
  }
}

@media (max-width: 380px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar {
    padding-left: 22px !important;
    padding-right: 22px !important;
    grid-template-rows: 72px 44px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark img {
    width: 178px !important;
    max-width: 178px !important;
    min-width: 178px !important;
    flex-basis: 178px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-actions {
    gap: 5px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-fav-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-alert-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-theme,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .menu-toggle {
    width: 35px !important;
    height: 35px !important;
    min-width: 35px !important;
    max-width: 35px !important;
    flex-basis: 35px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search {
    height: 44px !important;
    min-height: 44px !important;
    grid-template-columns: 1fr 96px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search-btn {
    width: 96px !important;
    min-width: 96px !important;
    height: 36px !important;
    min-height: 36px !important;
  }
}

/* LO-MOBILE-APP-HEADER-009: correcao final, faixa roxa real e itens sem sobrepor. */
@media (max-width: 900px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;
    padding: 0 0 16px !important;
    background: transparent !important;
    overflow: visible !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar {
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 172px !important;
    margin: 0 !important;
    padding: 16px 20px 0 !important;
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) !important;
    grid-template-rows: 70px 46px !important;
    column-gap: 8px !important;
    row-gap: 18px !important;
    align-items: center !important;
    background:
      linear-gradient(100deg, #6a0dad 0%, #7b12c9 48%, #5a0a9d 100%) top left / 100% 104px no-repeat,
      transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    transform: none !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar::before {
    content: none !important;
    display: none !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 150px !important;
    min-width: 0 !important;
    max-width: 150px !important;
    justify-self: start !important;
    align-self: center !important;
    position: relative !important;
    z-index: 2 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark img {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    height: 48px !important;
    flex: 0 0 150px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    justify-self: end !important;
    gap: 4px !important;
    width: auto !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 2 !important;
    overflow: visible !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-fav-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-alert-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-theme,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .menu-toggle {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    flex: 0 0 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.16) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.12) !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-fav-action svg,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-alert-action svg {
    width: 18px !important;
    height: 18px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-action-emoji {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .menu-toggle {
    font-size: 23px !important;
    line-height: 1 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 108px !important;
    align-self: end !important;
    justify-self: center !important;
    position: relative !important;
    z-index: 2 !important;
    background: #fff !important;
    border: 1px solid rgba(209,216,230,.82) !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 20px rgba(29,38,61,.08) !important;
    overflow: hidden !important;
  }

  html[data-theme="dark"] body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search {
    background: #fff !important;
    border-color: rgba(209,216,230,.82) !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search input,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search input[type="search"],
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search input[type="text"] {
    height: 46px !important;
    padding: 0 18px !important;
    color: #526071 !important;
    -webkit-text-fill-color: #526071 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search-btn {
    width: 108px !important;
    min-width: 108px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 4px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #20c7f7, #4b78ff) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
  }
}

@media (max-width: 380px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar {
    padding-left: 16px !important;
    padding-right: 16px !important;
    grid-template-columns: 142px minmax(0, 1fr) !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark img {
    width: 176px !important;
    min-width: 142px !important;
    max-width: 176px !important;
    flex-basis: 142px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-actions {
    gap: 3px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-fav-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-alert-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-theme,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .menu-toggle {
    width: 31px !important;
    height: 31px !important;
    min-width: 31px !important;
    max-width: 31px !important;
    flex-basis: 31px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search {
    grid-template-columns: 1fr 96px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search-btn {
    width: 96px !important;
    min-width: 96px !important;
  }
}

/* LO-MOBILE-PURPLE-RADIUS-011: trava final para arredondar a faixa roxa. */
@media (max-width: 900px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar {
    position: relative !important;
    background: transparent !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: 104px !important;
    border-radius: 0 0 28px 28px !important;
    background: linear-gradient(100deg, #6a0dad 0%, #7b12c9 48%, #5a0a9d 100%) !important;
    box-shadow: 0 12px 28px rgba(90, 18, 180, .18) !important;
    pointer-events: none !important;
  }
}

/* LO-MOBILE-SEARCH-GAP-012: respiro entre a faixa roxa e o buscador. */
@media (max-width: 900px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar {
    grid-template-rows: 78px 46px !important;
    row-gap: 14px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search {
    margin-top: 8px !important;
  }
}

/* LO-MOBILE-LOGO-SIZE-013: aumenta um pouco a logo no header mobile. */
@media (max-width: 900px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar {
    grid-template-columns: 164px minmax(0, 1fr) !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark img {
    width: 164px !important;
    min-width: 164px !important;
    max-width: 164px !important;
    height: 52px !important;
    flex-basis: 164px !important;
  }
}

/* LO-MOBILE-LOGO-SIZE-014: mais um ajuste fino no tamanho da logo. */
@media (max-width: 900px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar {
    grid-template-columns: 176px minmax(0, 1fr) !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark img {
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
    height: 54px !important;
    flex-basis: 176px !important;
  }
}

/* LO-MOBILE-HEADER-CENTER-015: centraliza logo e icones dentro da faixa roxa. */
@media (max-width: 900px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar {
    min-height: 164px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    grid-template-rows: 104px 46px !important;
    row-gap: 14px !important;
    align-items: center !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-actions {
    align-self: center !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo {
    display: flex !important;
    align-items: center !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-actions {
    height: 104px !important;
  }
}

@media (max-width: 380px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar {
    grid-template-rows: 104px 44px !important;
    min-height: 162px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-actions {
    height: 104px !important;
  }
}

@media (max-width: 380px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar {
    grid-template-columns: 162px minmax(0, 1fr) !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark img {
    width: 162px !important;
    min-width: 162px !important;
    max-width: 162px !important;
    height: 52px !important;
    flex-basis: 162px !important;
  }
}

@media (max-width: 380px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar {
    grid-template-columns: 154px minmax(0, 1fr) !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark img {
    width: 154px !important;
    min-width: 154px !important;
    max-width: 154px !important;
    height: 50px !important;
    flex-basis: 154px !important;
  }
}

/* LO-MOBILE-DRAWER-POLISH-016: menu lateral com tema correto e icones melhores. */
@media (max-width: 980px) {
  #app-drawer {
    background: rgba(15, 23, 42, .32) !important;
  }

  #app-drawer .drawer-panel {
    width: min(82vw, 380px) !important;
    padding: 18px 18px 28px !important;
    background: #ffffff !important;
    color: #101827 !important;
    box-shadow: -18px 0 42px rgba(15, 23, 42, .18) !important;
  }

  html[data-theme="dark"] #app-drawer {
    background: rgba(2, 6, 23, .56) !important;
  }

  html[data-theme="dark"] #app-drawer .drawer-panel {
    background: #0f172a !important;
    color: #f8fafc !important;
    box-shadow: -18px 0 42px rgba(0, 0, 0, .34) !important;
  }

  #app-drawer .drawer-close {
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    display: inline-grid !important;
    place-items: center !important;
    border-radius: 12px !important;
    border: 1px solid rgba(15, 23, 42, .16) !important;
    background: #f8fafc !important;
    color: #0f172a !important;
    font-size: 22px !important;
    line-height: 1 !important;
  }

  html[data-theme="dark"] #app-drawer .drawer-close {
    border-color: rgba(226, 232, 240, .34) !important;
    background: rgba(15, 23, 42, .92) !important;
    color: #f8fafc !important;
  }

  #app-drawer .menu-mobile {
    padding-top: 8px !important;
  }

  #app-drawer .menu-mobile a {
    min-height: 56px !important;
    padding: 8px 12px !important;
    gap: 14px !important;
    border-radius: 16px !important;
    color: #111827 !important;
    font-size: 18px !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
    text-decoration: none !important;
  }

  html[data-theme="dark"] #app-drawer .menu-mobile a {
    color: #f8fafc !important;
  }

  #app-drawer .menu-mobile a:hover,
  #app-drawer .menu-mobile a:focus-visible {
    background: rgba(124, 58, 237, .10) !important;
  }

  html[data-theme="dark"] #app-drawer .menu-mobile a:hover,
  html[data-theme="dark"] #app-drawer .menu-mobile a:focus-visible {
    background: rgba(255, 255, 255, .07) !important;
  }

  #app-drawer hr {
    border: 0 !important;
    border-top: 1px solid rgba(15, 23, 42, .16) !important;
    margin: 14px 8px !important;
  }

  html[data-theme="dark"] #app-drawer hr {
    border-top-color: rgba(226, 232, 240, .36) !important;
  }

  #app-drawer .menu-mobile .lo-nav-ico {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    display: inline-grid !important;
    place-items: center !important;
    position: relative !important;
    border-radius: 14px !important;
    color: #6d28d9 !important;
    background: linear-gradient(145deg, rgba(124, 58, 237, .13), rgba(34, 211, 238, .11)) !important;
    box-shadow: inset 0 0 0 1px rgba(124, 58, 237, .14) !important;
    flex: 0 0 38px !important;
  }

  html[data-theme="dark"] #app-drawer .menu-mobile .lo-nav-ico {
    color: #67e8f9 !important;
    background: linear-gradient(145deg, rgba(34, 211, 238, .15), rgba(124, 58, 237, .18)) !important;
    box-shadow: inset 0 0 0 1px rgba(148, 163, 184, .18) !important;
  }

  #app-drawer .menu-mobile .lo-nav-ico::after {
    content: none !important;
    display: none !important;
  }

  #app-drawer .menu-mobile .lo-nav-ico::before {
    position: static !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    box-shadow: none !important;
    background: none !important;
    clip-path: none !important;
    transform: none !important;
    display: block !important;
    color: inherit !important;
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", system-ui, sans-serif !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  #app-drawer .menu-mobile .lo-nav-ico[data-icon="home"]::before { content: "🏠" !important; }
  #app-drawer .menu-mobile .lo-nav-ico[data-icon="cart"]::before { content: "🛒" !important; }
  #app-drawer .menu-mobile .lo-nav-ico[data-icon="bell"]::before { content: "🔔" !important; }
  #app-drawer .menu-mobile .lo-nav-ico[data-icon="user"]::before { content: "👤" !important; }
  #app-drawer .menu-mobile .lo-nav-ico[data-icon="heart"]::before { content: "💚" !important; }
  #app-drawer .menu-mobile .lo-nav-ico[data-icon="store"]::before { content: "🏬" !important; }
  #app-drawer .menu-mobile .lo-nav-ico[data-icon="shield"]::before { content: "🛡️" !important; }
  #app-drawer .menu-mobile .lo-nav-ico[data-icon="crown"]::before { content: "👑" !important; }
  #app-drawer .menu-mobile .lo-nav-ico[data-icon="logout"]::before { content: "↪️" !important; }
  #app-drawer .menu-mobile .lo-nav-ico[data-icon="grid"]::before { content: "🗂️" !important; }
  #app-drawer .menu-mobile .lo-nav-ico[data-icon="tag"]::before { content: "🏷️" !important; }
  #app-drawer .menu-mobile .lo-nav-ico[data-icon="mail"]::before { content: "✉️" !important; }

  #app-drawer .qa-badge,
  #app-drawer .qa-badge--alert {
    margin-left: auto !important;
    min-width: 24px !important;
    height: 24px !important;
    padding: 0 7px !important;
    display: inline-grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: #ef4444 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }
}

/* LO-MOBILE-SLIDE-LINK-017: imagem do slide tambem navega para a campanha. */
@media (max-width: 900px) {
  body.lo-home-v2-page .lo-slide[data-lo-slide-href] {
    cursor: pointer !important;
    -webkit-tap-highlight-color: rgba(34, 211, 238, .18) !important;
  }
}

/* LO-MOBILE-FOOTER-GRID-018: footer mobile menos vertical e mais organizado. */
@media (max-width: 700px) {
  .site-footer.lo-premium-footer {
    margin-top: 28px !important;
    padding: 34px 0 18px !important;
    overflow: hidden !important;
  }

  .site-footer.lo-premium-footer .lo-footer-shell {
    width: min(100% - 32px, 520px) !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 14px !important;
    align-items: start !important;
  }

  .site-footer.lo-premium-footer .lo-footer-brand {
    grid-column: 1 / -1 !important;
    max-width: none !important;
    padding-bottom: 4px !important;
  }

  .site-footer.lo-premium-footer .lo-footer-logo-link,
  html[data-theme="light"] .site-footer.lo-premium-footer .lo-footer-logo-link,
  body:not(.dark-mode) .site-footer.lo-premium-footer .lo-footer-logo-link {
    width: min(340px, 100%) !important;
    height: 112px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .site-footer.lo-premium-footer .lo-footer-logo-link img,
  html[data-theme="light"] .site-footer.lo-premium-footer .lo-footer-logo-link img,
  body:not(.dark-mode) .site-footer.lo-premium-footer .lo-footer-logo-link img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  .site-footer.lo-premium-footer .lo-footer-brand p {
    margin-top: 8px !important;
    max-width: 100% !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .site-footer.lo-premium-footer .lo-footer-col {
    min-width: 0 !important;
    padding: 14px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .055) !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
  }

  html[data-theme="light"] .site-footer.lo-premium-footer .lo-footer-col,
  body:not(.dark-mode) .site-footer.lo-premium-footer .lo-footer-col {
    background: rgba(255, 255, 255, .78) !important;
    border-color: rgba(15, 23, 42, .10) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .055) !important;
  }

  .site-footer.lo-premium-footer .lo-footer-col h4 {
    margin: 0 0 10px !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
  }

  .site-footer.lo-premium-footer .lo-footer-col a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 7px 0 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .site-footer.lo-premium-footer .lo-footer-shell > .lo-footer-col:last-child,
  .site-footer.lo-premium-footer .lo-footer-col:has(.lo-social) {
    grid-column: 1 / -1 !important;
  }

  .site-footer.lo-premium-footer .lo-social {
    display: grid !important;
    grid-template-columns: repeat(4, 44px) !important;
    gap: 10px !important;
    justify-content: start !important;
  }

  .site-footer.lo-premium-footer .lo-social a {
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
  }

  .site-footer.lo-premium-footer .lo-footer-bottom {
    width: min(100% - 32px, 520px) !important;
    margin-top: 22px !important;
    padding-top: 16px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  .site-footer.lo-premium-footer .lo-footer-bottom span:first-child {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .site-footer.lo-premium-footer .lo-footer-bottom span:not(:first-child) {
    width: 100% !important;
    min-height: 42px !important;
    padding: 8px 10px !important;
    border-radius: 14px !important;
    justify-content: flex-start !important;
    white-space: normal !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
  }

  .site-footer.lo-premium-footer .lo-footer-bottom svg {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
  }
}

@media (max-width: 430px) {
  .site-footer.lo-premium-footer .lo-footer-logo-link,
  html[data-theme="light"] .site-footer.lo-premium-footer .lo-footer-logo-link,
  body:not(.dark-mode) .site-footer.lo-premium-footer .lo-footer-logo-link {
    width: min(310px, 100%) !important;
    height: 104px !important;
  }
}

@media (max-width: 380px) {
  .site-footer.lo-premium-footer .lo-footer-shell {
    gap: 14px 10px !important;
  }

  .site-footer.lo-premium-footer .lo-footer-col {
    padding: 12px !important;
  }

  .site-footer.lo-premium-footer .lo-footer-col h4 {
    font-size: 13px !important;
  }

  .site-footer.lo-premium-footer .lo-footer-col a {
    font-size: 12px !important;
  }
}

/* LO-MOBILE-FOOTER-LOGO-019: vence a trava antiga de 78px e amplia a logo real. */
@media (max-width: 700px) {
  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-brand {
    display: block !important;
  }

  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-logo-link,
  body.lo-home-v2-page .lo-premium-footer .lo-footer-logo-link,
  html[data-theme="light"] body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-logo-link,
  body.lo-home-v2-page:not(.dark-mode) .site-footer.lo-premium-footer .lo-footer-logo-link {
    display: block !important;
    width: min(285px, 100%) !important;
    max-width: 100% !important;
    height: 88px !important;
    min-height: 88px !important;
    padding: 0 !important;
    margin: 0 0 4px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-logo-link img,
  body.lo-home-v2-page .lo-premium-footer .lo-footer-logo-link img,
  html[data-theme="light"] body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-logo-link img,
  body.lo-home-v2-page:not(.dark-mode) .site-footer.lo-premium-footer .lo-footer-logo-link img {
    display: block !important;
    width: 285px !important;
    max-width: 100% !important;
    height: 88px !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: left center !important;
    transform: none !important;
    transform-origin: left center !important;
  }
}

@media (max-width: 380px) {
  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-logo-link,
  body.lo-home-v2-page .lo-premium-footer .lo-footer-logo-link,
  html[data-theme="light"] body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-logo-link,
  body.lo-home-v2-page:not(.dark-mode) .site-footer.lo-premium-footer .lo-footer-logo-link {
    height: 82px !important;
    min-height: 82px !important;
  }

  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-logo-link img,
  body.lo-home-v2-page .lo-premium-footer .lo-footer-logo-link img,
  html[data-theme="light"] body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-logo-link img,
  body.lo-home-v2-page:not(.dark-mode) .site-footer.lo-premium-footer .lo-footer-logo-link img {
    height: 82px !important;
    transform: none !important;
  }
}

/* LO-MOBILE-GLOBAL-SYSTEM-020: primeira camada de padronizacao mobile para todas as paginas. */
@media (max-width: 900px) {
  body:not(.lo-home-v2-page) {
    background:
      radial-gradient(circle at 12% 0%, rgba(123, 44, 255, .13), transparent 270px),
      radial-gradient(circle at 90% 18%, rgba(14, 165, 233, .10), transparent 260px),
      linear-gradient(180deg, #f7fbff 0%, #eef5ff 52%, #f8fbff 100%) !important;
    color: #101827 !important;
  }

  html[data-theme="dark"] body:not(.lo-home-v2-page),
  body.dark-mode:not(.lo-home-v2-page) {
    background:
      radial-gradient(circle at 12% 0%, rgba(123, 44, 255, .28), transparent 280px),
      radial-gradient(circle at 88% 16%, rgba(14, 165, 233, .13), transparent 280px),
      linear-gradient(180deg, #120733 0%, #081426 45%, #050b16 100%) !important;
    color: #f8fafc !important;
  }

  body:not(.lo-home-v2-page) main#main-content,
  body:not(.lo-home-v2-page) main.container {
    width: min(100% - 24px, 560px) !important;
    max-width: calc(100vw - 24px) !important;
    margin: 18px auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body:not(.lo-home-v2-page) .lo-header-from-index .lo-topbar {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 22px 20px 18px !important;
    border-radius: 0 0 34px 34px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: 74px 50px !important;
    gap: 12px 12px !important;
    align-items: center !important;
    background: linear-gradient(100deg, #7610c8 0%, #8516d4 50%, #6500a8 100%) !important;
    box-shadow: 0 14px 34px rgba(89, 27, 160, .22) !important;
  }

  body:not(.lo-home-v2-page) .lo-header-from-index .lo-logo {
    width: 168px !important;
    min-width: 0 !important;
    max-width: 168px !important;
    height: 54px !important;
    display: flex !important;
    align-items: center !important;
  }

  body:not(.lo-home-v2-page) .lo-header-from-index .lo-logo-mark,
  body:not(.lo-home-v2-page) .lo-header-from-index .lo-logo-mark img {
    width: 168px !important;
    min-width: 168px !important;
    max-width: 168px !important;
    height: 54px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  body:not(.lo-home-v2-page) .lo-header-from-index .lo-logo-copy {
    display: none !important;
  }

  body:not(.lo-home-v2-page) .lo-header-from-index .lo-actions {
    width: auto !important;
    height: 74px !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
  }

  body:not(.lo-home-v2-page) .lo-header-from-index .lo-account-action,
  body:not(.lo-home-v2-page) .lo-header-from-index .lo-cart-action,
  body:not(.lo-home-v2-page) .lo-header-from-index .lo-seller-action,
  body:not(.lo-home-v2-page) .lo-header-from-index .lo-admin-action {
    display: none !important;
  }

  body:not(.lo-home-v2-page) .lo-header-from-index .lo-fav-action,
  body:not(.lo-home-v2-page) .lo-header-from-index .lo-alert-action,
  body:not(.lo-home-v2-page) .lo-header-from-index .lo-theme,
  body:not(.lo-home-v2-page) .lo-header-from-index .menu-toggle {
    display: inline-grid !important;
    place-items: center !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    background: rgba(255, 255, 255, .12) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14) !important;
  }

  body:not(.lo-home-v2-page) .lo-header-from-index .lo-search {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 90px !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: #fff !important;
    border: 1px solid rgba(255, 255, 255, .34) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .16) !important;
  }

  body:not(.lo-home-v2-page) .lo-header-from-index .lo-cat-select {
    display: none !important;
  }

  body:not(.lo-home-v2-page) .lo-header-from-index .lo-search input {
    height: 50px !important;
    min-width: 0 !important;
    padding: 0 18px !important;
    border: 0 !important;
    background: transparent !important;
    color: #182033 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
  }

  body:not(.lo-home-v2-page) .lo-header-from-index .lo-search-btn {
    width: 90px !important;
    height: 50px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #38d5ff, #3478ff) !important;
    color: #fff !important;
    font-size: 0 !important;
  }

  body:not(.lo-home-v2-page) .lo-header-from-index .lo-search-btn::after {
    content: "Buscar" !important;
    font-size: 14px !important;
    font-weight: 950 !important;
  }

  body:not(.lo-home-v2-page) .lo-header-from-index .lo-search-btn svg {
    display: none !important;
  }

  body:not(.lo-home-v2-page) .lo-header-from-index .lo-benefits {
    width: min(100% - 28px, 560px) !important;
    max-width: calc(100vw - 28px) !important;
    margin: 18px auto 0 !important;
    padding: 14px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 10px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .86) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08) !important;
  }

  html[data-theme="dark"] body:not(.lo-home-v2-page) .lo-header-from-index .lo-benefits,
  body.dark-mode:not(.lo-home-v2-page) .lo-header-from-index .lo-benefits {
    background: rgba(15, 23, 42, .66) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .18) !important;
  }

  body:not(.lo-home-v2-page) .lo-header-from-index .lo-benefits div {
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    justify-content: start !important;
    font-size: 13px !important;
    line-height: 1.18 !important;
    color: #101827 !important;
  }

  html[data-theme="dark"] body:not(.lo-home-v2-page) .lo-header-from-index .lo-benefits div,
  body.dark-mode:not(.lo-home-v2-page) .lo-header-from-index .lo-benefits div {
    color: #f8fafc !important;
  }

  body:not(.lo-home-v2-page) .lo-header-from-index .lo-benefits svg {
    width: 24px !important;
    height: 24px !important;
    color: #0891b2 !important;
  }
}

@media (max-width: 700px) {
  body:not(.lo-home-v2-page) .page-title,
  body:not(.lo-home-v2-page) h1,
  body:not(.lo-home-v2-page) h2 {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  body:not(.lo-home-v2-page) .page-title {
    margin: 0 0 14px !important;
    font-size: clamp(24px, 8vw, 34px) !important;
    line-height: 1.08 !important;
    color: #101827 !important;
  }

  html[data-theme="dark"] body:not(.lo-home-v2-page) .page-title,
  body.dark-mode:not(.lo-home-v2-page) .page-title {
    color: #f8fafc !important;
  }

  body:not(.lo-home-v2-page) [class*="hero"],
  body:not(.lo-home-v2-page) [class*="topbar"],
  body:not(.lo-home-v2-page) [class*="page-header"],
  body:not(.lo-home-v2-page) [class*="summary"],
  body:not(.lo-home-v2-page) [class*="filterbar"] {
    max-width: 100% !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  body:not(.lo-home-v2-page) .card,
  body:not(.lo-home-v2-page) [class*="-card"],
  body:not(.lo-home-v2-page) [class*="_card"],
  body:not(.lo-home-v2-page) [class*="panel"],
  body:not(.lo-home-v2-page) [class*="box"] {
    max-width: 100% !important;
    overflow: hidden !important;
    border-radius: 18px !important;
  }

  body:not(.lo-home-v2-page) [class*="grid"],
  body:not(.lo-home-v2-page) [class*="-grid"],
  body:not(.lo-home-v2-page) [class*="_grid"] {
    max-width: 100% !important;
    grid-template-columns: 1fr !important;
  }

  body:not(.lo-home-v2-page) .products-grid,
  body:not(.lo-home-v2-page) .produtos-grid,
  body:not(.lo-home-v2-page) .home-ml__grid,
  body:not(.lo-home-v2-page) .lo-product-row,
  body:not(.lo-home-v2-page) .product-grid,
  body:not(.lo-home-v2-page) [class*="product-grid"],
  body:not(.lo-home-v2-page) [class*="produto-grid"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body:not(.lo-home-v2-page) form,
  body:not(.lo-home-v2-page) .filters,
  body:not(.lo-home-v2-page) [class*="filter"],
  body:not(.lo-home-v2-page) [class*="actions"] {
    max-width: 100% !important;
    flex-wrap: wrap !important;
  }

  body:not(.lo-home-v2-page) input,
  body:not(.lo-home-v2-page) select,
  body:not(.lo-home-v2-page) textarea {
    width: 100% !important;
    min-width: 0 !important;
  }

  body:not(.lo-home-v2-page) table {
    min-width: 680px;
  }

  body:not(.lo-home-v2-page) .table-wrap,
  body:not(.lo-home-v2-page) [class*="table-wrap"],
  body:not(.lo-home-v2-page) [class*="table-responsive"] {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    border-radius: 16px !important;
  }
}

@media (max-width: 380px) {
  body:not(.lo-home-v2-page) .lo-header-from-index .lo-topbar {
    padding-left: 16px !important;
    padding-right: 16px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  body:not(.lo-home-v2-page) .lo-header-from-index .lo-logo,
  body:not(.lo-home-v2-page) .lo-header-from-index .lo-logo-mark,
  body:not(.lo-home-v2-page) .lo-header-from-index .lo-logo-mark img {
    width: 152px !important;
    min-width: 152px !important;
    max-width: 152px !important;
  }

  body:not(.lo-home-v2-page) .lo-header-from-index .lo-fav-action,
  body:not(.lo-home-v2-page) .lo-header-from-index .lo-alert-action,
  body:not(.lo-home-v2-page) .lo-header-from-index .lo-theme,
  body:not(.lo-home-v2-page) .lo-header-from-index .menu-toggle {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }

  body:not(.lo-home-v2-page) .products-grid,
  body:not(.lo-home-v2-page) .produtos-grid,
  body:not(.lo-home-v2-page) .home-ml__grid,
  body:not(.lo-home-v2-page) .lo-product-row,
  body:not(.lo-home-v2-page) .product-grid,
  body:not(.lo-home-v2-page) [class*="product-grid"],
  body:not(.lo-home-v2-page) [class*="produto-grid"] {
    grid-template-columns: 1fr !important;
  }
}

/* LO-MOBILE-APP-SHELL-021: camada forte estilo app para qualquer pagina web no celular. */
@media (max-width: 900px) {
  html,
  body,
  #main-content {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body:not(.lo-home-v2-page) {
    --lo-mobile-surface: #ffffff;
    --lo-mobile-surface-2: #f8fbff;
    --lo-mobile-text: #0f172a;
    --lo-mobile-muted: #475569;
    --lo-mobile-border: rgba(15, 23, 42, .12);
    --lo-mobile-shadow: 0 12px 30px rgba(15, 23, 42, .08);
    --lo-mobile-radius: 22px;
  }

  html[data-theme="dark"] body:not(.lo-home-v2-page),
  body.dark-mode:not(.lo-home-v2-page) {
    --lo-mobile-surface: rgba(15, 23, 42, .90);
    --lo-mobile-surface-2: rgba(30, 41, 59, .82);
    --lo-mobile-text: #f8fafc;
    --lo-mobile-muted: #cbd5e1;
    --lo-mobile-border: rgba(226, 232, 240, .16);
    --lo-mobile-shadow: 0 16px 34px rgba(0, 0, 0, .24);
  }

  body:not(.lo-home-v2-page) #main-content {
    display: block !important;
    width: min(100% - 24px, 560px) !important;
    max-width: calc(100vw - 24px) !important;
    margin: 18px auto 0 !important;
    padding: 0 !important;
  }

  body:not(.lo-home-v2-page) #main-content > * {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body:not(.lo-home-v2-page) #main-content > section,
  body:not(.lo-home-v2-page) #main-content > div,
  body:not(.lo-home-v2-page) #main-content > article,
  body:not(.lo-home-v2-page) #main-content > form {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body:not(.lo-home-v2-page) #main-content [style*="max-width"],
  body:not(.lo-home-v2-page) #main-content [style*="width"] {
    max-width: 100% !important;
  }

  body:not(.lo-home-v2-page) #main-content h1,
  body:not(.lo-home-v2-page) #main-content h2,
  body:not(.lo-home-v2-page) #main-content h3,
  body:not(.lo-home-v2-page) #main-content .page-title,
  body:not(.lo-home-v2-page) #main-content [class*="title"]:not(.envio-sec-title):not(.i-title) {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    letter-spacing: 0 !important;
  }

  body:not(.lo-home-v2-page) #main-content > h1,
  body:not(.lo-home-v2-page) #main-content > h2,
  body:not(.lo-home-v2-page) #main-content .page-title {
    margin: 0 0 16px !important;
    color: var(--lo-mobile-text) !important;
    font-size: clamp(26px, 8.5vw, 38px) !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
  }

  body:not(.lo-home-v2-page) #main-content p,
  body:not(.lo-home-v2-page) #main-content small,
  body:not(.lo-home-v2-page) #main-content span,
  body:not(.lo-home-v2-page) #main-content a,
  body:not(.lo-home-v2-page) #main-content label,
  body:not(.lo-home-v2-page) #main-content strong,
  body:not(.lo-home-v2-page) #main-content b {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  body:not(.lo-home-v2-page) #main-content :is(
    .page-header,
    .hero,
    .cart-hero,
    .dispute-hero,
    .adm-page-hero,
    .adm-hero,
    .rep-hero,
    .bling-hero,
    .bling-status-hero,
    .seller-monitor-hero,
    .topbar,
    [class$="-hero"],
    [class*="-hero "],
    [class*="hero-"],
    [class*="summary-hero"]
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 16px !important;
    padding: 20px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    border-radius: 26px !important;
    background: var(--lo-mobile-surface) !important;
    border: 1px solid var(--lo-mobile-border) !important;
    color: var(--lo-mobile-text) !important;
    box-shadow: var(--lo-mobile-shadow) !important;
    overflow: hidden !important;
  }

  body:not(.lo-home-v2-page) #main-content :is(
    .card,
    .panel,
    .box,
    .widget,
    .summary-card,
    .stat-card,
    .adm-card,
    .rep-card,
    .ud-card,
    .pfd-card,
    .fin-card,
    .monitor-panel,
    .manual-card,
    .bling-category-card,
    .bling-status-card,
    .dispute-list-card,
    .lo-showcase-panel,
    [class$="-card"],
    [class*="-card "],
    [class$="-panel"],
    [class*="-panel "],
    [class$="-box"],
    [class*="-box "]
  ) {
    max-width: 100% !important;
    min-width: 0 !important;
    border-radius: var(--lo-mobile-radius) !important;
    background: var(--lo-mobile-surface) !important;
    border: 1px solid var(--lo-mobile-border) !important;
    color: var(--lo-mobile-text) !important;
    box-shadow: var(--lo-mobile-shadow) !important;
    overflow: hidden !important;
  }

  body:not(.lo-home-v2-page) #main-content :is(
    .card,
    .panel,
    .box,
    .widget,
    .adm-card,
    .rep-card,
    .ud-card,
    .pfd-card,
    .fin-card,
    .manual-card,
    .bling-category-card,
    .bling-status-card,
    .dispute-list-card
  ):not(.lo-product-card):not(.product-card) {
    padding: 16px !important;
  }

  body:not(.lo-home-v2-page) #main-content :is(
    [class*="grid"],
    [class*="-grid"],
    [class*="_grid"],
    [class*="columns"],
    [class*="-columns"]
  ) {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body:not(.lo-home-v2-page) #main-content :is(
    .products-grid,
    .produtos-grid,
    .home-ml__grid,
    .product-grid,
    .lo-product-row,
    .lo-showcase-grid,
    [class*="product-grid"],
    [class*="produto-grid"],
    [class*="products-grid"],
    [class*="produtos-grid"]
  ) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body:not(.lo-home-v2-page) #main-content :is(
    .actions,
    .action-row,
    .btn-row,
    .button-row,
    .filters,
    .filterbar,
    .toolbar,
    .tabs,
    [class*="-actions"],
    [class*="_actions"],
    [class*="-filters"],
    [class*="_filters"],
    [class*="-toolbar"],
    [class*="_toolbar"]
  ) {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  body:not(.lo-home-v2-page) #main-content :is(a, button, .btn, [class*="btn"], [class*="button"]) {
    max-width: 100% !important;
  }

  body:not(.lo-home-v2-page) #main-content :is(form, fieldset) {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body:not(.lo-home-v2-page) #main-content form {
    gap: 12px !important;
  }

  body:not(.lo-home-v2-page) #main-content :is(input, select, textarea) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
  }

  body:not(.lo-home-v2-page) #main-content :is(img, video, canvas, iframe, object, embed) {
    max-width: 100% !important;
    height: auto;
  }

  body:not(.lo-home-v2-page) #main-content :is(.table-wrap, .table-responsive, .responsive-table, .orders-table-wrap, .fin-table-wrap, [class*="table-wrap"], [class*="table-responsive"]) {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    border-radius: 18px !important;
    border: 1px solid var(--lo-mobile-border) !important;
    background: var(--lo-mobile-surface) !important;
  }

  body:not(.lo-home-v2-page) #main-content table {
    width: max-content !important;
    min-width: 680px !important;
    max-width: none !important;
  }

  body:not(.lo-home-v2-page) #main-content :is(.modal, [class*="modal"], dialog) {
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 24px) !important;
    overflow: auto !important;
  }

  body:not(.lo-home-v2-page) #main-content [class*="empty"],
  body:not(.lo-home-v2-page) #main-content [class*="notice"],
  body:not(.lo-home-v2-page) #main-content [class*="alert"] {
    max-width: 100% !important;
    border-radius: 18px !important;
  }
}

@media (max-width: 430px) {
  body:not(.lo-home-v2-page) #main-content {
    width: min(100% - 20px, 560px) !important;
    max-width: calc(100vw - 20px) !important;
    margin-top: 14px !important;
  }

  body:not(.lo-home-v2-page) #main-content :is(
    .products-grid,
    .produtos-grid,
    .home-ml__grid,
    .product-grid,
    .lo-product-row,
    .lo-showcase-grid,
    [class*="product-grid"],
    [class*="produto-grid"],
    [class*="products-grid"],
    [class*="produtos-grid"]
  ) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}

@media (max-width: 360px) {
  body:not(.lo-home-v2-page) #main-content :is(
    .products-grid,
    .produtos-grid,
    .home-ml__grid,
    .product-grid,
    .lo-product-row,
    .lo-showcase-grid,
    [class*="product-grid"],
    [class*="produto-grid"],
    [class*="products-grid"],
    [class*="produtos-grid"]
  ) {
    grid-template-columns: 1fr !important;
  }
}

/* LO-MOBILE-HEADER-FOOTER-FIX-022
   Camada final para páginas web mobile fora da home: header compacto e footer legível. */
@media (max-width: 900px) {
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-topbar {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 18px 12px 16px !important;
    display: grid !important;
    grid-template-columns: minmax(126px, 1fr) auto !important;
    grid-template-rows: 62px 50px !important;
    gap: 12px 6px !important;
    align-items: center !important;
    border-radius: 0 0 30px 30px !important;
    overflow: hidden !important;
    background: linear-gradient(105deg, #7d10d0 0%, #9416de 52%, #6800a8 100%) !important;
    box-shadow: 0 18px 34px rgba(105, 28, 180, .20) !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-logo {
    width: 140px !important;
    max-width: 140px !important;
    min-width: 0 !important;
    height: 48px !important;
    justify-self: start !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
    z-index: 2 !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-logo-mark,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-logo-mark img {
    width: 140px !important;
    max-width: 140px !important;
    min-width: 0 !important;
    height: 48px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-logo-copy {
    display: none !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-actions {
    width: auto !important;
    max-width: calc(100vw - 158px) !important;
    min-width: 0 !important;
    height: 62px !important;
    justify-self: end !important;
    align-self: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    overflow: visible !important;
    z-index: 3 !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-account-action,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-cart-action,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-seller-action,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-admin-action {
    display: none !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-fav-action,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-alert-action,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-theme,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .menu-toggle {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    flex: 0 0 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255, 255, 255, .28) !important;
    background: rgba(255, 255, 255, .14) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .20) !important;
    overflow: visible !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-actions span:not(.lo-action-emoji),
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-actions small {
    display: none !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-fav-action svg,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-alert-action svg {
    width: 19px !important;
    height: 19px !important;
    display: block !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-action-emoji {
    display: inline-flex !important;
    width: auto !important;
    height: auto !important;
    font-size: 19px !important;
    line-height: 1 !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .menu-toggle {
    font-size: 25px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-indent: 0 !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-action-badge {
    top: -6px !important;
    right: -4px !important;
    min-width: 17px !important;
    height: 17px !important;
    padding: 0 4px !important;
    font-size: 10px !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-search {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 50px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 82px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-cat-select {
    display: none !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-search input {
    width: 100% !important;
    min-width: 0 !important;
    height: 50px !important;
    padding: 0 12px 0 18px !important;
    border: 0 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #334155 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-search-btn {
    width: 82px !important;
    min-width: 82px !important;
    height: 50px !important;
    border-radius: 999px !important;
    font-size: 0 !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-search-btn::after {
    content: "Buscar" !important;
    font-size: 14px !important;
    font-weight: 900 !important;
  }

  body:not(.lo-home-v2-page) .lo-benefits {
    width: min(100% - 28px, 560px) !important;
    max-width: calc(100vw - 28px) !important;
    margin: 16px auto 0 !important;
  }
}

@media (max-width: 380px) {
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-topbar {
    padding-inline: 10px !important;
    grid-template-columns: minmax(118px, 1fr) auto !important;
    gap: 10px 4px !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-logo,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-logo-mark,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-logo-mark img {
    width: 128px !important;
    max-width: 128px !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-actions {
    max-width: calc(100vw - 140px) !important;
    gap: 4px !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-fav-action,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-alert-action,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-theme,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .menu-toggle {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    flex-basis: 34px !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .menu-toggle {
    font-size: 23px !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-search {
    grid-template-columns: minmax(0, 1fr) 78px !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-search-btn {
    width: 78px !important;
    min-width: 78px !important;
  }
}

@media (max-width: 700px) {
  body:not(.lo-home-v2-page) .site-footer.lo-premium-footer {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 28px 0 0 !important;
    padding: 30px 0 18px !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%) !important;
    color: #0f172a !important;
  }

  html[data-theme="dark"] body:not(.lo-home-v2-page) .site-footer.lo-premium-footer,
  body.dark-mode:not(.lo-home-v2-page) .site-footer.lo-premium-footer {
    background: linear-gradient(180deg, #081525 0%, #111236 100%) !important;
    color: #f8fafc !important;
  }

  body:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-footer-shell {
    width: min(100% - 32px, 520px) !important;
    max-width: calc(100vw - 32px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-footer-brand {
    width: 100% !important;
    display: block !important;
    padding: 0 0 4px !important;
  }

  body:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-footer-logo-link {
    width: min(288px, 100%) !important;
    max-width: 100% !important;
    height: 82px !important;
    margin: 0 0 14px !important;
    padding: 10px 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, #07101f 0%, #101a34 100%) !important;
    border: 1px solid rgba(34, 211, 238, .22) !important;
    box-shadow: 0 18px 32px rgba(15, 23, 42, .14) !important;
    overflow: hidden !important;
  }

  body:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-footer-logo-link img {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
    opacity: 1 !important;
    filter: none !important;
  }

  body:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-footer-logo-link span {
    display: none !important;
  }

  body:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-footer-brand p {
    margin: 0 !important;
    max-width: 100% !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    color: #475569 !important;
  }

  html[data-theme="dark"] body:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-footer-brand p,
  body.dark-mode:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-footer-brand p {
    color: #cbd5e1 !important;
  }

  body:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-footer-col {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 16px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .88) !important;
    border: 1px solid rgba(148, 163, 184, .30) !important;
    box-shadow: 0 14px 28px rgba(15, 23, 42, .08) !important;
    color: #0f172a !important;
  }

  html[data-theme="dark"] body:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-footer-col,
  body.dark-mode:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-footer-col {
    background: rgba(15, 23, 42, .72) !important;
    border-color: rgba(148, 163, 184, .20) !important;
    color: #f8fafc !important;
  }

  body:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-footer-col h4 {
    margin: 0 0 8px !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
    color: #7c1fd1 !important;
  }

  body:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-footer-col a {
    min-width: 0 !important;
    padding: 8px 0 !important;
    display: block !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    color: #475569 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html[data-theme="dark"] body:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-footer-col a,
  body.dark-mode:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-footer-col a {
    color: #dbeafe !important;
  }

  body:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-footer-shell > .lo-footer-col:last-child,
  body:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-footer-col:has(.lo-social) {
    grid-column: auto !important;
  }

  body:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-social {
    display: grid !important;
    grid-template-columns: repeat(4, 44px) !important;
    gap: 10px !important;
    justify-content: flex-start !important;
  }

  body:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-social a {
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
  }

  body:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-footer-bottom {
    width: min(100% - 32px, 520px) !important;
    max-width: calc(100vw - 32px) !important;
    margin: 18px auto 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-footer-bottom span:first-child {
    grid-column: auto !important;
    margin-bottom: 2px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    color: #64748b !important;
  }

  body:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-footer-bottom span:not(:first-child) {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    padding: 10px 12px !important;
  }
}

/* LO-MOBILE-INTERNAL-HEADER-FINAL-027: páginas internas seguem a hierarquia visual da home. */
@media (max-width: 900px) {
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-topbar {
    position: relative !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 206px !important;
    margin: 0 !important;
    padding: 46px 24px 84px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: 62px !important;
    grid-template-areas: "logo actions" !important;
    column-gap: 10px !important;
    align-items: center !important;
    border-radius: 0 0 34px 34px !important;
    overflow: visible !important;
    background: linear-gradient(100deg, #7d10d0 0%, #9416de 52%, #6800a8 100%) !important;
    box-shadow: 0 18px 36px rgba(105, 28, 180, .20) !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-logo {
    grid-area: logo !important;
    width: 142px !important;
    min-width: 0 !important;
    max-width: 142px !important;
    height: 54px !important;
    justify-self: start !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
    z-index: 2 !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-logo-mark,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-logo-mark img {
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
    height: 54px !important;
    display: block !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-logo-copy {
    display: none !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-actions {
    grid-area: actions !important;
    width: auto !important;
    max-width: calc(100vw - 224px) !important;
    min-width: 0 !important;
    height: 62px !important;
    justify-self: end !important;
    align-self: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    overflow: visible !important;
    z-index: 3 !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-account-action,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-seller-action,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-admin-action,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-cart-action {
    display: none !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-fav-action,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-alert-action,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-theme,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .menu-toggle {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    flex: 0 0 44px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, .24) !important;
    background:
      radial-gradient(circle at 35% 25%, rgba(255, 255, 255, .22), transparent 36%),
      linear-gradient(145deg, rgba(132, 50, 222, .94), rgba(73, 34, 166, .78)) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(35, 20, 118, .22), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
    overflow: visible !important;
    font-size: 0 !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-actions span:not(.lo-action-emoji),
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-actions small {
    display: none !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-fav-action svg,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-alert-action svg {
    width: 25px !important;
    height: 25px !important;
    display: block !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-action-emoji {
    display: inline-flex !important;
    width: auto !important;
    height: auto !important;
    font-size: 24px !important;
    line-height: 1 !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .menu-toggle {
    font-size: 25px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-indent: 0 !important;
  }

  html:not([data-theme="dark"]) body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-theme .sun,
  html[data-theme="dark"] body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-theme .moon {
    display: none !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-action-badge {
    top: -7px !important;
    right: -4px !important;
    left: auto !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    font-size: 10px !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-search {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: -72px !important;
    grid-area: auto !important;
    grid-column: auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 58px !important;
    min-height: 58px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 88px !important;
    align-items: stretch !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 0 !important;
    box-shadow: 0 18px 34px rgba(15, 23, 42, .12) !important;
    z-index: 4 !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-cat-select {
    display: none !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-search input {
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 14px 0 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #536179 !important;
    -webkit-text-fill-color: #536179 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-search input::placeholder {
    color: rgba(83, 97, 121, .80) !important;
    opacity: 1 !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-search-btn {
    width: 88px !important;
    min-width: 88px !important;
    height: 58px !important;
    min-height: 58px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #25dcf4, #0a8dff) !important;
    color: #fff !important;
    font-size: 0 !important;
    font-weight: 900 !important;
    box-shadow: none !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-search-btn svg {
    display: none !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-search-btn::after {
    content: "Buscar" !important;
    font-size: 15px !important;
    font-weight: 900 !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-benefits {
    width: min(100% - 48px, 560px) !important;
    max-width: calc(100vw - 48px) !important;
    margin: 98px auto 0 !important;
  }
}

@media (max-width: 380px) {
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-topbar {
    padding-inline: 18px !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-logo,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-logo-mark,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-logo-mark img {
    width: 154px !important;
    min-width: 154px !important;
    max-width: 154px !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-actions {
    max-width: calc(100vw - 190px) !important;
    gap: 4px !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-fav-action,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-alert-action,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-theme,
  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .menu-toggle {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    flex-basis: 40px !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-search {
    left: 18px !important;
    right: 18px !important;
    grid-template-columns: minmax(0, 1fr) 82px !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-search-btn {
    width: 82px !important;
    min-width: 82px !important;
  }

  body:not(.lo-home-v2-page) .lo-official-header.lo-header-from-index .lo-benefits {
    width: min(100% - 36px, 560px) !important;
    max-width: calc(100vw - 36px) !important;
  }
}

/* LO-MOBILE-INTERNAL-PAGE-STANDARD-028: paginas internas com o mesmo ritmo visual da home. */
@media (max-width: 900px) {
  html,
  body {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  body:not(.lo-home-v2-page) {
    background:
      radial-gradient(circle at 16% 7%, rgba(124, 58, 237, .14), transparent 34%),
      linear-gradient(180deg, #fbfcff 0%, #f1f7ff 100%) !important;
    color: #0f172a !important;
  }

  html[data-theme="dark"] body:not(.lo-home-v2-page),
  body.dark-mode:not(.lo-home-v2-page) {
    background:
      radial-gradient(circle at 16% 7%, rgba(124, 58, 237, .24), transparent 34%),
      linear-gradient(180deg, #070d1b 0%, #10102f 100%) !important;
    color: #f8fafc !important;
  }

  body:not(.lo-home-v2-page) main,
  body:not(.lo-home-v2-page) main.container,
  body:not(.lo-home-v2-page) .container,
  body:not(.lo-home-v2-page) #main-content {
    width: min(100% - 28px, 520px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body:not(.lo-home-v2-page) #main-content {
    margin-top: 22px !important;
  }

  body:not(.lo-home-v2-page) #main-content > * {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body:not(.lo-home-v2-page) #main-content :is(
    nav[aria-label="breadcrumb"],
    .show-breadcrumb,
    .breadcrumb,
    .breadcrumbs,
    [class$="-breadcrumb"],
    [class*="-breadcrumb "],
    [class*="breadcrumb"]
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 2px 4px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    white-space: nowrap !important;
    color: #64748b !important;
    scrollbar-width: none !important;
  }

  body:not(.lo-home-v2-page) #main-content :is(
    nav[aria-label="breadcrumb"],
    .show-breadcrumb,
    .breadcrumb,
    .breadcrumbs,
    [class$="-breadcrumb"],
    [class*="-breadcrumb "],
    [class*="breadcrumb"]
  )::-webkit-scrollbar {
    display: none !important;
  }

  body:not(.lo-home-v2-page) #main-content :is(
    nav[aria-label="breadcrumb"],
    .show-breadcrumb,
    .breadcrumb,
    .breadcrumbs,
    [class$="-breadcrumb"],
    [class*="-breadcrumb "],
    [class*="breadcrumb"]
  ) :is(a, span, strong, b) {
    flex: 0 0 auto !important;
    max-width: 76vw !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  body:not(.lo-home-v2-page) #main-content :is(
    nav[aria-label="breadcrumb"],
    .show-breadcrumb,
    .breadcrumb,
    .breadcrumbs,
    [class$="-breadcrumb"],
    [class*="-breadcrumb "],
    [class*="breadcrumb"]
  ) a {
    color: #2563eb !important;
    font-weight: 900 !important;
  }

  body:not(.lo-home-v2-page) #main-content :is(
    .card,
    .panel,
    .box,
    .show-main,
    .show-gallery,
    .show-info,
    .product-detail,
    .produto-detalhe,
    [class$="-card"],
    [class*="-card "],
    [class$="-panel"],
    [class*="-panel "]
  ) {
    max-width: 100% !important;
    min-width: 0 !important;
    border-radius: 22px !important;
    box-sizing: border-box !important;
  }

  body:not(.lo-home-v2-page) #main-content :is(img, picture, video, canvas) {
    max-width: 100% !important;
  }

  body:not(.lo-home-v2-page) #main-content :is(h1, h2, h3, p, a, span, strong, small, label) {
    min-width: 0 !important;
  }
}

@media (max-width: 430px) {
  body:not(.lo-home-v2-page) main,
  body:not(.lo-home-v2-page) main.container,
  body:not(.lo-home-v2-page) .container,
  body:not(.lo-home-v2-page) #main-content {
    width: min(100% - 24px, 520px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}

/* FINANCEIRO-VENDEDOR-MOBILE-BUTTONS-20260827 */
@media (max-width: 900px) {
  body.lo-mobile-clean-page #main-content .page-financeiro-v2 .fin-toolbar,
  body:not(.lo-home-v2-page) #main-content .page-financeiro-v2 .fin-toolbar {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px !important;
    margin: 0 0 18px !important;
    box-sizing: border-box !important;
  }

  body.lo-mobile-clean-page #main-content .page-financeiro-v2 .fin-toolbar-left,
  body:not(.lo-home-v2-page) #main-content .page-financeiro-v2 .fin-toolbar-left {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch !important;
  }

  body.lo-mobile-clean-page #main-content .page-financeiro-v2 .fin-toolbar-left .fin-btn,
  body:not(.lo-home-v2-page) #main-content .page-financeiro-v2 .fin-toolbar-left .fin-btn {
    display: flex !important;
    width: 100% !important;
    inline-size: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 54px !important;
    padding: 0 12px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
    line-height: 1.12 !important;
    font-size: .94rem !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    overflow-wrap: anywhere !important;
  }

  body.lo-mobile-clean-page #main-content .page-financeiro-v2 .fin-toolbar-left .fin-btn:first-child,
  body.lo-mobile-clean-page #main-content .page-financeiro-v2 .fin-toolbar-left .fin-btn:nth-child(2),
  body.lo-mobile-clean-page #main-content .page-financeiro-v2 .fin-toolbar-left .fin-btn:nth-child(3),
  body.lo-mobile-clean-page #main-content .page-financeiro-v2 .fin-toolbar-left .fin-btn:nth-child(4),
  body.lo-mobile-clean-page #main-content .page-financeiro-v2 .fin-toolbar-left .fin-btn:nth-child(5),
  body:not(.lo-home-v2-page) #main-content .page-financeiro-v2 .fin-toolbar-left .fin-btn:first-child,
  body:not(.lo-home-v2-page) #main-content .page-financeiro-v2 .fin-toolbar-left .fin-btn:nth-child(2),
  body:not(.lo-home-v2-page) #main-content .page-financeiro-v2 .fin-toolbar-left .fin-btn:nth-child(3),
  body:not(.lo-home-v2-page) #main-content .page-financeiro-v2 .fin-toolbar-left .fin-btn:nth-child(4),
  body:not(.lo-home-v2-page) #main-content .page-financeiro-v2 .fin-toolbar-left .fin-btn:nth-child(5) {
    grid-column: 1 / -1 !important;
  }

  body.lo-mobile-clean-page #main-content .page-financeiro-v2 .fin-toolbar-right,
  body:not(.lo-home-v2-page) #main-content .page-financeiro-v2 .fin-toolbar-right {
    max-width: 100% !important;
    margin-top: 12px !important;
    text-align: left !important;
    font-size: .92rem !important;
    line-height: 1.45 !important;
  }

  body.lo-mobile-clean-page #main-content .page-financeiro-v2 :is(.fin-section-payouts, .fin-section-payments, .fin-section-sales) .fin-table-wrap,
  body:not(.lo-home-v2-page) #main-content .page-financeiro-v2 :is(.fin-section-payouts, .fin-section-payments, .fin-section-sales) .fin-table-wrap {
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.lo-mobile-clean-page #main-content .page-financeiro-v2 :is(.fin-section-payouts, .fin-section-payments, .fin-section-sales) .fin-table,
  body.lo-mobile-clean-page #main-content .page-financeiro-v2 :is(.fin-section-payouts, .fin-section-payments, .fin-section-sales) .fin-table :is(thead, tbody),
  body:not(.lo-home-v2-page) #main-content .page-financeiro-v2 :is(.fin-section-payouts, .fin-section-payments, .fin-section-sales) .fin-table,
  body:not(.lo-home-v2-page) #main-content .page-financeiro-v2 :is(.fin-section-payouts, .fin-section-payments, .fin-section-sales) .fin-table :is(thead, tbody) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.lo-mobile-clean-page #main-content .page-financeiro-v2 :is(.fin-section-payouts, .fin-section-payments, .fin-section-sales) .fin-table thead,
  body:not(.lo-home-v2-page) #main-content .page-financeiro-v2 :is(.fin-section-payouts, .fin-section-payments, .fin-section-sales) .fin-table thead {
    display: none !important;
  }

  body.lo-mobile-clean-page #main-content .page-financeiro-v2 :is(.fin-section-payouts, .fin-section-payments, .fin-section-sales) .fin-table tr,
  body:not(.lo-home-v2-page) #main-content .page-financeiro-v2 :is(.fin-section-payouts, .fin-section-payments, .fin-section-sales) .fin-table tr {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 10px !important;
    padding: 12px !important;
    border: 1px solid var(--lo-mobile-border, var(--bd)) !important;
    border-radius: 16px !important;
    background: var(--lo-mobile-surface, var(--panel)) !important;
  }

  body.lo-mobile-clean-page #main-content .page-financeiro-v2 :is(.fin-section-payouts, .fin-section-payments, .fin-section-sales) .fin-table td,
  body:not(.lo-home-v2-page) #main-content .page-financeiro-v2 :is(.fin-section-payouts, .fin-section-payments, .fin-section-sales) .fin-table td {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: right !important;
    white-space: normal !important;
  }

  body.lo-mobile-clean-page #main-content .page-financeiro-v2 :is(.fin-section-payouts, .fin-section-payments, .fin-section-sales) .fin-table td::before,
  body:not(.lo-home-v2-page) #main-content .page-financeiro-v2 :is(.fin-section-payouts, .fin-section-payments, .fin-section-sales) .fin-table td::before {
    content: attr(data-label);
    flex: 0 0 auto !important;
    max-width: 48% !important;
    color: var(--lo-mobile-muted, var(--muted)) !important;
    font-size: .76rem !important;
    font-weight: 900 !important;
    text-align: left !important;
    text-transform: uppercase !important;
  }

  body.lo-mobile-clean-page #main-content .page-financeiro-v2 .fin-section-payments .fin-table td[data-label="Descrição"],
  body:not(.lo-home-v2-page) #main-content .page-financeiro-v2 .fin-section-payments .fin-table td[data-label="Descrição"] {
    display: block !important;
    text-align: left !important;
  }

  body.lo-mobile-clean-page #main-content .page-financeiro-v2 .fin-section-payments .fin-table td[data-label="Descrição"]::before,
  body:not(.lo-home-v2-page) #main-content .page-financeiro-v2 .fin-section-payments .fin-table td[data-label="Descrição"]::before {
    display: block !important;
    max-width: 100% !important;
    margin-bottom: 8px !important;
  }

  body.lo-mobile-clean-page #main-content .page-financeiro-v2 .fin-section-payments :is(.fin-payment-desc, .fin-debito-frete),
  body:not(.lo-home-v2-page) #main-content .page-financeiro-v2 .fin-section-payments :is(.fin-payment-desc, .fin-debito-frete) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: left !important;
  }

  body.lo-mobile-clean-page #main-content .page-financeiro-v2 .fin-section-payments :is(.fin-payment-desc, .fin-debito-frete) :is(strong, span),
  body:not(.lo-home-v2-page) #main-content .page-financeiro-v2 .fin-section-payments :is(.fin-payment-desc, .fin-debito-frete) :is(strong, span) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    text-align: left !important;
    line-height: 1.35 !important;
  }
}

/* LO-MOBILE-LINK-UNDERLINE-001: remove sublinhado acidental de links no navegador mobile. */
@media (max-width: 900px) {
  body a,
  body a:visited,
  body a:hover,
  body a:focus,
  body a:active,
  body a *,
  body a:hover *,
  body a:focus *,
  body a:active * {
    text-decoration: none !important;
    text-decoration-line: none !important;
  }
}

/* LO-MOBILE-OFFICIAL-STORES-001: limpa cards aninhados da pagina de lojas oficiais. */
@media (max-width: 900px) {
  body.lo-mobile-clean-page .stores-directory.is-official-mode {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    margin-top: 10px !important;
    gap: 14px !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .stores-hero {
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .stores-hero-copy {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .stores-hero h1 {
    margin: 6px 0 10px !important;
    font-size: clamp(32px, 11vw, 42px) !important;
    line-height: 1.04 !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .stores-hero p {
    max-width: 100% !important;
    font-size: 18px !important;
    line-height: 1.36 !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .stores-hero-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 16px !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .stores-hero-actions a {
    min-width: 0 !important;
    min-height: 42px !important;
    width: 100% !important;
    padding: 0 10px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    white-space: normal !important;
    text-align: center !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .stores-hero-showcase {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .stores-hero-panel {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .stores-hero-panel small,
  body.lo-mobile-clean-page .stores-directory.is-official-mode .stores-hero-panel em {
    font-size: 14px !important;
    line-height: 1.15 !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .stores-hero-panel strong {
    font-size: 42px !important;
    line-height: 1 !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .stores-hero-metrics {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 12px !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .stores-hero-metrics span {
    min-height: 58px !important;
    padding: 8px 4px !important;
    border-radius: 14px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    box-sizing: border-box !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .stores-hero-metrics b {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .stores-hero-stack {
    display: none !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .stores-benefits {
    display: none !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .stores-spotlight {
    gap: 10px !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .stores-section-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 10px !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .stores-section-head h2 {
    font-size: 26px !important;
    line-height: 1.08 !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .stores-section-head > a {
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #2563eb !important;
    font-size: 15px !important;
    white-space: nowrap !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .stores-spotlight-grid,
  body.lo-mobile-clean-page .stores-directory.is-official-mode .stores-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .spotlight-card,
  body.lo-mobile-clean-page .stores-directory.is-official-mode .store-tile {
    padding: 14px !important;
    border-radius: 18px !important;
    gap: 12px !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .spotlight-card__cover,
  body.lo-mobile-clean-page .stores-directory.is-official-mode .store-tile__main {
    display: grid !important;
    grid-template-columns: 74px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .spotlight-card__logo,
  body.lo-mobile-clean-page .stores-directory.is-official-mode .store-tile__logo {
    width: 74px !important;
    height: 74px !important;
    border-radius: 16px !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .spotlight-card h3,
  body.lo-mobile-clean-page .stores-directory.is-official-mode .store-tile h2 {
    font-size: 22px !important;
    line-height: 1.1 !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .store-tile__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .store-tile__stats span {
    padding: 8px 4px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .spotlight-card__actions,
  body.lo-mobile-clean-page .stores-directory.is-official-mode .store-tile__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.lo-mobile-clean-page .stores-directory.is-official-mode .spotlight-card__actions a,
  body.lo-mobile-clean-page .stores-directory.is-official-mode .store-tile__actions a {
    min-height: 42px !important;
    border-radius: 13px !important;
    font-size: 14px !important;
  }
}

/* LO-MOBILE-FEATURED-OFFERS-SHOWCASE-001: aproxima os dois cards da pagina de ofertas em destaque. */
@media (max-width: 900px) {
  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-ofertas-destaque .lo-showcase-products.lo-shell {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-ofertas-destaque .lo-section-head {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-ofertas-destaque .lo-showcase-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-ofertas-destaque .lo-showcase-grid > .lo-product-card {
    grid-column: auto !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 292px !important;
    border-radius: 18px !important;
    padding-bottom: 12px !important;
    box-sizing: border-box !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-ofertas-destaque .lo-showcase-grid > .lo-product-card:nth-child(3n+1) {
    grid-column: 1 / -1 !important;
    min-height: 430px !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-ofertas-destaque .lo-showcase-grid > .lo-product-card .lo-product-img {
    height: 126px !important;
    padding: 10px !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-ofertas-destaque .lo-showcase-grid > .lo-product-card:nth-child(3n+1) .lo-product-img {
    height: 238px !important;
    padding: 14px !important;
  }
}

/* LO-MOBILE-SPONSORED-SHOWCASE-001: vitrine propria de patrocinados sem vao excessivo. */
@media (max-width: 900px) {
  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-patrocinados .lo-showcase-products.lo-shell {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-patrocinados .lo-section-head {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-patrocinados .lo-showcase-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-patrocinados .lo-showcase-grid > .lo-product-card {
    grid-column: auto !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 292px !important;
    border-radius: 18px !important;
    padding-bottom: 12px !important;
    box-sizing: border-box !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-patrocinados .lo-showcase-grid > .lo-product-card:nth-child(3n+1) {
    grid-column: 1 / -1 !important;
    min-height: 430px !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-patrocinados .lo-showcase-grid > .lo-product-card .lo-product-img {
    height: 126px !important;
    padding: 10px !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-patrocinados .lo-showcase-grid > .lo-product-card:nth-child(3n+1) .lo-product-img {
    height: 238px !important;
    padding: 14px !important;
  }
}

@media (max-width: 380px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-topbar {
    grid-template-columns: 172px minmax(0, 1fr) !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo:active,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark:active,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark:focus,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark img,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-logo,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-logo:active,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-logo-mark,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-logo-mark:active,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-logo-mark:focus,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-logo-mark img {
    width: 172px !important;
    min-width: 172px !important;
    max-width: 172px !important;
    height: 55px !important;
    min-height: 55px !important;
    max-height: 55px !important;
    flex-basis: 172px !important;
    transform: none !important;
    transition: none !important;
  }
}

/* LO-HOME-MOBILE-MATCH-CLEAN-031: home usa as mesmas medidas do header/footer mobile interno. */
@media (max-width: 900px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar {
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 160px !important;
    margin: 0 !important;
    padding: 16px 20px 0 !important;
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) !important;
    grid-template-rows: 70px 42px !important;
    column-gap: 8px !important;
    row-gap: 28px !important;
    align-items: center !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    transform: none !important;
    position: relative !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 104px !important;
    background: linear-gradient(100deg, #6a0dad 0%, #7b12c9 48%, #5a0a9d 100%) !important;
    border-radius: 0 0 28px 28px !important;
    box-shadow: 0 14px 26px rgba(90, 18, 180, .18) !important;
    pointer-events: none !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 150px !important;
    min-width: 0 !important;
    max-width: 150px !important;
    height: 48px !important;
    min-height: 48px !important;
    flex-basis: 150px !important;
    justify-self: start !important;
    align-self: center !important;
    position: relative !important;
    z-index: 2 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark img {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    height: 48px !important;
    min-height: 48px !important;
    flex: 0 0 150px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    height: 70px !important;
    min-height: 70px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    justify-self: end !important;
    align-self: center !important;
    gap: 4px !important;
    width: auto !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 2 !important;
    overflow: visible !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-fav-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-alert-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-theme,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .menu-toggle {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    flex: 0 0 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, .16) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12) !important;
    line-height: 1 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-fav-action svg,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-alert-action svg {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-action-emoji {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .menu-toggle {
    font-size: 23px !important;
    line-height: 1 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: calc(100% - 8px) !important;
    max-width: 660px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 94px !important;
    align-self: end !important;
    justify-self: center !important;
    position: relative !important;
    z-index: 2 !important;
    background: #fff !important;
    border: 1px solid rgba(209, 216, 230, .82) !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 20px rgba(29, 38, 61, .08) !important;
    overflow: hidden !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search::before {
    content: "" !important;
    position: absolute !important;
    left: 17px !important;
    top: 50% !important;
    width: 13px !important;
    height: 13px !important;
    border: 2px solid #64748b !important;
    border-radius: 999px !important;
    transform: translateY(-58%) !important;
    z-index: 3 !important;
    pointer-events: none !important;
    opacity: .92 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search::after {
    content: "" !important;
    position: absolute !important;
    left: 29px !important;
    top: 26px !important;
    width: 8px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #64748b !important;
    transform: rotate(45deg) !important;
    z-index: 3 !important;
    pointer-events: none !important;
    opacity: .92 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search input {
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 10px 0 44px !important;
    font-size: 14px !important;
    line-height: 42px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-search-btn {
    width: 94px !important;
    min-width: 94px !important;
    max-width: 94px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-benefits {
    width: calc(100vw - 34px) !important;
    max-width: calc(100vw - 34px) !important;
    margin: 8px auto 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px 10px !important;
    padding: 10px 12px !important;
    border-radius: 16px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-benefits div {
    min-height: 30px !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.08 !important;
    color: var(--lo-text, #ffffff) !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-benefits strong {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    color: inherit !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.08 !important;
    white-space: normal !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-benefits svg {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    justify-self: center !important;
  }

  body.lo-home-v2-page .lo-home-v2 > .lo-app-banner.lo-shell {
    width: min(100% - 44px, 620px) !important;
    max-width: calc(100vw - 44px) !important;
    min-height: 0 !important;
    margin: 12px auto 0 !important;
    padding: 10px 14px !important;
    border-radius: 16px !important;
    gap: 8px 12px !important;
    align-items: center !important;
  }

  body.lo-home-v2-page .lo-home-v2 > .lo-app-banner.lo-shell span {
    font-size: 14px !important;
    line-height: 1.22 !important;
  }

  body.lo-home-v2-page .lo-home-v2 > .lo-app-banner.lo-shell a {
    font-size: 14px !important;
    line-height: 1.1 !important;
  }

  html[data-theme="light"] body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-benefits div,
  body:not(.dark-mode).lo-home-v2-page .lo-official-header.lo-header-from-index .lo-benefits div {
    color: #071024 !important;
  }

  html[data-theme="light"] body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-logo-link,
  body:not(.dark-mode).lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-logo-link {
    width: min(250px, 100%) !important;
    height: 70px !important;
    padding: 10px 14px !important;
    margin: 0 0 8px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #07162b 0%, #111a3d 56%, #2d0b54 100%) !important;
    border: 1px solid rgba(125, 211, 252, .22) !important;
    box-shadow: 0 14px 28px rgba(15, 23, 42, .16) !important;
  }

  html[data-theme="light"] body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-logo-link img,
  body:not(.dark-mode).lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-logo-link img {
    width: 220px !important;
    height: 52px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
    filter: none !important;
    opacity: 1 !important;
  }
}

@media (max-width: 380px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar {
    padding-inline: 12px !important;
    grid-template-columns: 144px minmax(0, 1fr) !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark img {
    width: 144px !important;
    min-width: 144px !important;
    max-width: 144px !important;
    height: 48px !important;
    flex-basis: 144px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-fav-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-alert-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-theme,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .menu-toggle {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    flex-basis: 32px !important;
  }
}

/* LO-MOBILE-FULL-WIDTH-004: usa quase toda a largura do celular em todas as paginas. */
@media (max-width: 900px) {
  main.container,
  .container,
  .lo-shell,
  .lo-section,
  .lo-hero-grid,
  .lo-featured-sellers-section,
  .lo-featured-sellers-section--home,
  .produtos-container,
  .catalog-page,
  .cart-page,
  .stores-directory,
  .auth-login-page,
  .conta-wrap,
  .admin-wrap,
  .seller-dashboard,
  main[class*="-page"],
  section[class*="-page"],
  div[class*="-page"],
  article[class*="-page"],
  main[class*="-wrap"],
  section[class*="-wrap"],
  div[class*="-wrap"],
  article[class*="-wrap"] {
    width: min(100% - 8px, 1560px) !important;
    max-width: calc(100vw - 8px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-section.lo-shell:has(.lo-home-mobile-products) {
    width: calc(100vw - 8px) !important;
    max-width: calc(100vw - 8px) !important;
    margin-left: calc(50% - 50vw + 8px) !important;
    margin-right: auto !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-section.lo-shell:has(.lo-home-mobile-products) .lo-section-head,
  body.lo-home-v2-page .lo-home-v2 .lo-section.lo-shell:has(.lo-home-mobile-products) .lo-sponsored-note {
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-home-mobile-products {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-home-mobile-strip {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
    gap: 6px !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-home-mobile-strip--pair > .lo-product-card,
  body.lo-home-v2-page .lo-home-v2 .lo-home-mobile-products--mini .lo-home-mobile-strip--pair > .lo-mini-product {
    flex-basis: calc((100vw - 22px) / 2) !important;
    width: calc((100vw - 22px) / 2) !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-home-mobile-strip--hero > .lo-product-card,
  body.lo-home-v2-page .lo-home-v2 .lo-home-mobile-products--mini .lo-home-mobile-strip--hero > .lo-mini-product {
    flex-basis: calc(100vw - 16px) !important;
    width: calc(100vw - 16px) !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-home-mobile-strip .lo-fav {
    width: 38px !important;
    height: 38px !important;
    right: 14px !important;
    top: 14px !important;
    z-index: 30 !important;
    transform: none !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-home-mobile-strip--hero > .lo-product-card {
    min-height: 474px !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-home-mobile-strip--hero .lo-product-img {
    height: 286px !important;
    padding: 14px !important;
    margin-bottom: 16px !important;
    overflow: hidden !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-home-mobile-strip--hero .lo-product-img img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    display: block !important;
  }

  /* LO-HOME-FOLLOWED-PRODUCTS-001: aproxima os cards da area "lojas que voce segue" na Home. */
  body.lo-home-v2-page .lo-home-v2 .lo-followed-stores-section {
    width: calc(100vw - 4px) !important;
    max-width: calc(100vw - 4px) !important;
    margin-left: calc(50% - 50vw + 2px) !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-followed-stores-section .lo-section-head,
  body.lo-home-v2-page .lo-home-v2 .lo-followed-stores-section .lo-sponsored-note {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-followed-stores-section .lo-home-mobile-strip {
    padding-left: 4px !important;
    padding-right: 4px !important;
    gap: 4px !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-followed-stores-section .lo-home-mobile-strip--pair > .lo-product-card {
    flex: 0 0 calc((100vw - 12px) / 2) !important;
    width: calc((100vw - 12px) / 2) !important;
    max-width: calc((100vw - 12px) / 2) !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-followed-stores-section .lo-home-mobile-strip--hero > .lo-product-card {
    flex: 0 0 calc(100vw - 8px) !important;
    width: calc(100vw - 8px) !important;
    max-width: calc(100vw - 8px) !important;
  }

  /* LO-MOBILE-NEWSLETTER-LIGHT-001: melhora contraste do texto pequeno no modo claro. */
  html[data-theme="light"] body.lo-home-v2-page .lo-home-v2 .lo-newsletter .lo-newsletter-copy small,
  body:not(.dark-mode).lo-home-v2-page .lo-home-v2 .lo-newsletter .lo-newsletter-copy small {
    color: #334155 !important;
    opacity: 1 !important;
    text-shadow: none !important;
  }

  body:not(.lo-home-v2-page) .lo-showcase-products.lo-shell,
  body:not(.lo-home-v2-page) .lo-showcase-products,
  body:not(.lo-home-v2-page) .produtos-container,
  body:not(.lo-home-v2-page) .catalog-page {
    width: calc(100vw - 8px) !important;
    max-width: calc(100vw - 8px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body:not(.lo-home-v2-page) .lo-showcase-grid,
  body:not(.lo-home-v2-page) .products-grid,
  body:not(.lo-home-v2-page) .produtos-grid,
  body:not(.lo-home-v2-page) .product-grid,
  body:not(.lo-home-v2-page) [class*="product-grid"],
  body:not(.lo-home-v2-page) [class*="produto-grid"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body:not(.lo-home-v2-page) .lo-showcase-grid > .lo-product-card:nth-child(5n+3),
  body:not(.lo-home-v2-page) .products-grid > .lo-product-card:nth-child(5n+3),
  body:not(.lo-home-v2-page) .produtos-grid > .lo-product-card:nth-child(5n+3),
  body:not(.lo-home-v2-page) .product-grid > .lo-product-card:nth-child(5n+3),
  body:not(.lo-home-v2-page) [class*="product-grid"] > .lo-product-card:nth-child(5n+3),
  body:not(.lo-home-v2-page) [class*="produto-grid"] > .lo-product-card:nth-child(5n+3) {
    grid-column: 1 / -1 !important;
    min-height: 474px !important;
  }

  body:not(.lo-home-v2-page) .lo-showcase-grid > .lo-product-card:nth-child(5n+3) .lo-product-img,
  body:not(.lo-home-v2-page) .products-grid > .lo-product-card:nth-child(5n+3) .lo-product-img,
  body:not(.lo-home-v2-page) .produtos-grid > .lo-product-card:nth-child(5n+3) .lo-product-img,
  body:not(.lo-home-v2-page) .product-grid > .lo-product-card:nth-child(5n+3) .lo-product-img,
  body:not(.lo-home-v2-page) [class*="product-grid"] > .lo-product-card:nth-child(5n+3) .lo-product-img,
  body:not(.lo-home-v2-page) [class*="produto-grid"] > .lo-product-card:nth-child(5n+3) .lo-product-img {
    height: 286px !important;
    padding: 14px !important;
    overflow: hidden !important;
  }

  body:not(.lo-home-v2-page) .lo-showcase-grid > .lo-product-card:nth-child(5n+3) .lo-product-img img,
  body:not(.lo-home-v2-page) .products-grid > .lo-product-card:nth-child(5n+3) .lo-product-img img,
  body:not(.lo-home-v2-page) .produtos-grid > .lo-product-card:nth-child(5n+3) .lo-product-img img,
  body:not(.lo-home-v2-page) .product-grid > .lo-product-card:nth-child(5n+3) .lo-product-img img,
  body:not(.lo-home-v2-page) [class*="product-grid"] > .lo-product-card:nth-child(5n+3) .lo-product-img img,
  body:not(.lo-home-v2-page) [class*="produto-grid"] > .lo-product-card:nth-child(5n+3) .lo-product-img img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
  }
}

/* LO-MOBILE-HEADER-COMPACT-002: regra final para o topo da home e paginas internas. */
@media (max-width: 900px) {
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-topbar {
    min-height: 160px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-benefits,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-benefits {
    width: min(100% - 34px, 642px) !important;
    max-width: calc(100vw - 34px) !important;
    margin: 8px auto 0 !important;
    gap: 8px 10px !important;
    padding: 10px 12px !important;
    border-radius: 16px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-benefits div,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-benefits div {
    min-height: 30px !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    gap: 8px !important;
    font-size: 12px !important;
    line-height: 1.08 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-benefits strong,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-benefits strong {
    font-size: 12px !important;
    line-height: 1.08 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-benefits svg,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-benefits svg {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
  }

  body.lo-home-v2-page .lo-home-v2 > .lo-app-banner.lo-shell {
    width: min(100% - 44px, 620px) !important;
    max-width: calc(100vw - 44px) !important;
    min-height: 0 !important;
    margin: 12px auto 0 !important;
    padding: 10px 14px !important;
    border-radius: 16px !important;
    gap: 8px 12px !important;
  }

  body.lo-home-v2-page .lo-home-v2 > .lo-app-banner.lo-shell span,
  body.lo-home-v2-page .lo-home-v2 > .lo-app-banner.lo-shell a {
    font-size: 14px !important;
    line-height: 1.18 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-benefits,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-benefits {
    display: none !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-sidecards {
    display: none !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-hero-grid.lo-shell {
    grid-template-columns: 1fr !important;
    margin-top: 18px !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-slider-arrow {
    display: none !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-hero-slider {
    touch-action: pan-y !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-topbar {
    grid-template-columns: 162px minmax(0, 1fr) !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark img,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-logo,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-logo-mark,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-logo-mark img {
    width: 162px !important;
    min-width: 162px !important;
    max-width: 162px !important;
    height: 52px !important;
    min-height: 52px !important;
    flex-basis: 162px !important;
  }

  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-brand,
  body.lo-mobile-clean-page .site-footer.lo-premium-footer .lo-footer-brand {
    width: 100% !important;
  }

  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-logo-link,
  body.lo-mobile-clean-page .site-footer.lo-premium-footer .lo-footer-logo-link,
  html[data-theme="light"] body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-logo-link,
  body:not(.dark-mode).lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-logo-link,
  html[data-theme="light"] body.lo-mobile-clean-page .site-footer.lo-premium-footer .lo-footer-logo-link,
  body:not(.dark-mode).lo-mobile-clean-page .site-footer.lo-premium-footer .lo-footer-logo-link {
    width: 100% !important;
    max-width: 100% !important;
    height: 86px !important;
    min-height: 86px !important;
    max-height: 86px !important;
    justify-content: center !important;
    margin: 0 0 10px !important;
  }

  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-logo-link img,
  body.lo-mobile-clean-page .site-footer.lo-premium-footer .lo-footer-logo-link img,
  html[data-theme="light"] body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-logo-link img,
  body:not(.dark-mode).lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-logo-link img,
  html[data-theme="light"] body.lo-mobile-clean-page .site-footer.lo-premium-footer .lo-footer-logo-link img,
  body:not(.dark-mode).lo-mobile-clean-page .site-footer.lo-premium-footer .lo-footer-logo-link img {
    width: min(100%, 310px) !important;
    height: 58px !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-bottom,
  body.lo-mobile-clean-page .site-footer.lo-premium-footer .lo-footer-bottom {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
  }

  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-bottom span:first-child,
  body.lo-mobile-clean-page .site-footer.lo-premium-footer .lo-footer-bottom span:first-child {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin: 0 0 2px !important;
  }

  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-bottom span:not(:first-child),
  body.lo-mobile-clean-page .site-footer.lo-premium-footer .lo-footer-bottom span:not(:first-child) {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 40px !important;
    padding: 7px 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    border-radius: 14px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-bottom span:not(:first-child) svg,
  body.lo-mobile-clean-page .site-footer.lo-premium-footer .lo-footer-bottom span:not(:first-child) svg {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-topbar,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-topbar {
    grid-template-columns: 172px minmax(0, 1fr) !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo:active,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark:active,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark:focus,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-logo-mark img,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-logo,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-logo:active,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-logo-mark,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-logo-mark:active,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-logo-mark:focus,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-logo-mark img {
    width: 172px !important;
    min-width: 172px !important;
    max-width: 172px !important;
    height: 55px !important;
    min-height: 55px !important;
    max-height: 55px !important;
    flex-basis: 172px !important;
    transform: none !important;
    transition: none !important;
  }

  body.lo-home-v2-page .site-footer.lo-premium-footer,
  body.lo-mobile-clean-page .site-footer.lo-premium-footer {
    padding-bottom: 10px !important;
  }

  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-shell,
  body.lo-mobile-clean-page .site-footer.lo-premium-footer .lo-footer-shell {
    gap: 14px !important;
  }

  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-col,
  body.lo-mobile-clean-page .site-footer.lo-premium-footer .lo-footer-col {
    padding: 14px 18px !important;
    border-radius: 18px !important;
  }

  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-col h4,
  body.lo-mobile-clean-page .site-footer.lo-premium-footer .lo-footer-col h4 {
    margin-bottom: 10px !important;
  }

  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-col a,
  body.lo-mobile-clean-page .site-footer.lo-premium-footer .lo-footer-col a {
    margin: 0 !important;
    padding: 7px 0 !important;
    line-height: 1.12 !important;
  }

  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-bottom,
  body.lo-mobile-clean-page .site-footer.lo-premium-footer .lo-footer-bottom {
    gap: 4px !important;
  }

  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-bottom span:not(:first-child),
  body.lo-mobile-clean-page .site-footer.lo-premium-footer .lo-footer-bottom span:not(:first-child) {
    min-height: 34px !important;
    padding: 5px 2px !important;
    gap: 3px !important;
    border-radius: 12px !important;
    font-size: 9px !important;
  }

  body.lo-home-v2-page .site-footer.lo-premium-footer .lo-footer-bottom span:not(:first-child) svg,
  body.lo-mobile-clean-page .site-footer.lo-premium-footer .lo-footer-bottom span:not(:first-child) svg {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
  }

  /* LO-MOBILE-SECTION-ACTION-001: padroniza "Ver todos" no canto direito das secoes de produtos. */
  body.lo-home-v2-page .lo-home-v2 .lo-section-head,
  body.lo-home-v2-page .lo-home-v2 .lo-featured-sellers-section .lo-section-head,
  body.lo-home-v2-page .lo-home-v2 .lo-featured-sellers-section--home .lo-section-head,
  body.lo-mobile-clean-page #main-content .show-wrap .show-discovery__head,
  body.lo-mobile-clean-page #main-content .show-wrap .show-discovery-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-section-head h2,
  body.lo-home-v2-page .lo-home-v2 .lo-featured-sellers-section .lo-section-head h2,
  body.lo-home-v2-page .lo-home-v2 .lo-featured-sellers-section--home .lo-section-head h2 {
    min-width: 0 !important;
    max-width: 100% !important;
    font-size: clamp(24px, 7vw, 32px) !important;
    line-height: 1.08 !important;
    margin: 0 !important;
    white-space: normal !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-section-head h2 span {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-section-head a,
  body.lo-home-v2-page .lo-home-v2 .lo-featured-sellers-section .lo-section-head a,
  body.lo-home-v2-page .lo-home-v2 .lo-featured-sellers-section--home .lo-section-head a,
  body.lo-mobile-clean-page #main-content .show-wrap .show-discovery__head a,
  body.lo-mobile-clean-page #main-content .show-wrap .show-discovery-toolbar a {
    width: auto !important;
    min-width: max-content !important;
    max-width: 136px !important;
    justify-self: end !important;
    align-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 0 !important;
    margin: 0 0 2px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #c13cff !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
    font-weight: 1000 !important;
    text-align: right !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  body.lo-mobile-clean-page #main-content .show-wrap .show-discovery__head h2 {
    font-size: clamp(24px, 7vw, 32px) !important;
    line-height: 1.08 !important;
  }

  body.lo-mobile-clean-page #main-content .show-wrap .show-discovery-toolbar strong {
    min-width: 0 !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
  }

  body.lo-mobile-clean-page #main-content .show-wrap .show-discovery-toolbar span {
    grid-column: 1 / -1 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-home-mobile-products--mini .lo-home-mobile-strip--hero > .lo-mini-product {
    min-height: 410px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-content: start !important;
    align-items: start !important;
    gap: 12px !important;
    padding: 16px !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-home-mobile-products--mini .lo-home-mobile-strip--hero .lo-mini-product img {
    width: 100% !important;
    height: 230px !important;
    max-height: 230px !important;
    object-fit: contain !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-home-mobile-products--mini .lo-home-mobile-strip--hero .lo-mini-product div {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-home-mobile-products--mini .lo-home-mobile-strip--hero .lo-mini-product strong {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    font-size: 18px !important;
    line-height: 1.16 !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-home-mobile-products--mini .lo-home-mobile-strip--hero .lo-mini-product small {
    display: block !important;
    margin-top: 8px !important;
    font-size: 14px !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-home-mobile-products--mini .lo-home-mobile-strip--hero .lo-mini-product b {
    display: block !important;
    margin-top: 8px !important;
    font-size: 24px !important;
    line-height: 1 !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page .lo-flash.lo-showcase-flash-band,
  body.lo-mobile-clean-page .lo-home-v2.lo-showcase-page .lo-flash.lo-showcase-flash-band {
    width: min(100% - 32px, 640px) !important;
    max-width: calc(100vw - 32px) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page .lo-showcase-timer,
  body.lo-mobile-clean-page .lo-home-v2.lo-showcase-page .lo-showcase-timer {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page .lo-showcase-timer b,
  body.lo-mobile-clean-page .lo-home-v2.lo-showcase-page .lo-showcase-timer b {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 58px !important;
    padding: 0 2px !important;
    border-radius: 10px !important;
    font-size: 20px !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page .lo-showcase-timer small,
  body.lo-mobile-clean-page .lo-home-v2.lo-showcase-page .lo-showcase-timer small {
    margin-top: 3px !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }
}

/* LO-MOBILE-SPONSORED-SHOWCASE-002: camada final para a pagina /patrocinados. */
@media (max-width: 900px) {
  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-patrocinados .lo-showcase-products.lo-shell {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-patrocinados .lo-section-head {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-patrocinados .lo-showcase-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-patrocinados .lo-showcase-grid > .lo-product-card {
    grid-column: auto !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 292px !important;
    border-radius: 18px !important;
    padding-bottom: 12px !important;
    box-sizing: border-box !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-patrocinados .lo-showcase-grid > .lo-product-card:nth-child(3n+1) {
    grid-column: 1 / -1 !important;
    min-height: 430px !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-patrocinados .lo-showcase-grid > .lo-product-card .lo-product-img {
    height: 126px !important;
    padding: 10px !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-patrocinados .lo-showcase-grid > .lo-product-card:nth-child(3n+1) .lo-product-img {
    height: 238px !important;
    padding: 14px !important;
  }
}

/* LO-HOME-QUICK-CAROUSEL-001: reativa o swipe dos cards rapidos no mobile. */
@media (max-width: 900px) {
  body.lo-home-v2-page .lo-home-v2 .lo-quick-grid.lo-shell {
    display: flex !important;
    grid-template-columns: none !important;
    width: calc(100vw - 48px) !important;
    max-width: calc(100vw - 48px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 0 !important;
    touch-action: pan-x pan-y !important;
    scrollbar-width: none !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-quick-grid.lo-shell::-webkit-scrollbar {
    display: none !important;
  }

  body.lo-home-v2-page .lo-home-v2 .lo-quick-grid.lo-shell > .lo-quick-card {
    flex: 0 0 138px !important;
    min-width: 138px !important;
    max-width: 138px !important;
    scroll-snap-align: start !important;
  }
}

/* LO-MOBILE-FLASH-SHOWCASE-001: aproxima os dois cards da pagina de ofertas relampago. */
@media (max-width: 900px) {
  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-ofertas-relampago .lo-showcase-products.lo-shell {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-ofertas-relampago .lo-section-head {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-ofertas-relampago .lo-showcase-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-ofertas-relampago .lo-showcase-grid > .lo-product-card {
    grid-column: auto !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 292px !important;
    border-radius: 18px !important;
    padding-bottom: 12px !important;
    box-sizing: border-box !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-ofertas-relampago .lo-showcase-grid > .lo-product-card:nth-child(3n+1) {
    grid-column: 1 / -1 !important;
    min-height: 430px !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-ofertas-relampago .lo-showcase-grid > .lo-product-card .lo-product-img {
    height: 126px !important;
    padding: 10px !important;
  }

body.lo-home-v2-page .lo-home-v2.lo-showcase-page.lo-showcase-ofertas-relampago .lo-showcase-grid > .lo-product-card:nth-child(3n+1) .lo-product-img {
    height: 238px !important;
    padding: 14px !important;
}

/* LO-MOBILE-SHOWCASE-HERO-COMPACT-001: reduz o card principal das vitrines de ofertas no navegador mobile. */
@media (max-width: 900px) {
  body.lo-home-v2-page .lo-home-v2.lo-showcase-page:is(.lo-showcase-ofertas, .lo-showcase-ofertas-destaque, .lo-showcase-produtos-avaliados, .lo-showcase-patrocinados, .lo-showcase-mais-vendidos) .lo-showcase-hero.lo-shell {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    min-height: 0 !important;
    margin: 18px auto 16px !important;
    padding: 16px !important;
    border-radius: 22px !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page:is(.lo-showcase-ofertas, .lo-showcase-ofertas-destaque, .lo-showcase-produtos-avaliados, .lo-showcase-patrocinados, .lo-showcase-mais-vendidos) .lo-showcase-back,
  body.lo-home-v2-page .lo-home-v2.lo-showcase-page:is(.lo-showcase-ofertas, .lo-showcase-ofertas-destaque, .lo-showcase-produtos-avaliados, .lo-showcase-patrocinados, .lo-showcase-mais-vendidos) .lo-showcase-back:hover,
  body.lo-home-v2-page .lo-home-v2.lo-showcase-page:is(.lo-showcase-ofertas, .lo-showcase-ofertas-destaque, .lo-showcase-produtos-avaliados, .lo-showcase-patrocinados, .lo-showcase-mais-vendidos) .lo-showcase-back:focus {
    display: flex !important;
    width: fit-content !important;
    margin: 0 0 12px !important;
    font-size: .95rem !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page:is(.lo-showcase-ofertas, .lo-showcase-ofertas-destaque, .lo-showcase-produtos-avaliados, .lo-showcase-patrocinados, .lo-showcase-mais-vendidos) .lo-showcase-hero .lo-eyebrow {
    margin: 0 0 8px !important;
    width: fit-content !important;
    max-width: 100% !important;
    padding: 5px 12px !important;
    font-size: .78rem !important;
    line-height: 1.1 !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page:is(.lo-showcase-ofertas, .lo-showcase-ofertas-destaque, .lo-showcase-produtos-avaliados, .lo-showcase-patrocinados, .lo-showcase-mais-vendidos) .lo-showcase-hero h1 {
    margin: 0 !important;
    font-size: clamp(2rem, 9vw, 2.45rem) !important;
    line-height: 1.03 !important;
    letter-spacing: 0 !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page:is(.lo-showcase-ofertas, .lo-showcase-ofertas-destaque, .lo-showcase-produtos-avaliados, .lo-showcase-patrocinados, .lo-showcase-mais-vendidos) .lo-showcase-hero p:not(.lo-eyebrow) {
    margin: 12px 0 0 !important;
    font-size: 1rem !important;
    line-height: 1.34 !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page:is(.lo-showcase-ofertas, .lo-showcase-ofertas-destaque, .lo-showcase-produtos-avaliados, .lo-showcase-patrocinados, .lo-showcase-mais-vendidos) .lo-showcase-badge {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    padding: 11px 14px !important;
    border-radius: 16px !important;
    font-size: .95rem !important;
  }

  body.lo-home-v2-page .lo-home-v2.lo-showcase-page:is(.lo-showcase-ofertas, .lo-showcase-ofertas-destaque, .lo-showcase-produtos-avaliados, .lo-showcase-patrocinados, .lo-showcase-mais-vendidos) .lo-showcase-badge svg {
    width: 22px !important;
    height: 22px !important;
  }
}
}

/* LO-MOBILE-TABBAR-006: barra inferior do navegador mobile no padrão do app. */
.lo-mobile-tabbar {
  display: none;
}

@media (max-width: 900px) {
  body.lo-home-v2-page,
  body.lo-mobile-clean-page {
    padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.lo-home-v2-page .lo-footer,
  body.lo-mobile-clean-page .lo-footer,
  body.lo-home-v2-page footer,
  body.lo-mobile-clean-page footer {
    margin-bottom: calc(74px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .lo-mobile-tabbar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2147483000 !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    height: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
    padding: 7px 10px calc(7px + env(safe-area-inset-bottom, 0px)) !important;
    background: rgba(12, 19, 36, .97) !important;
    border-top: 1px solid rgba(148, 163, 184, .22) !important;
    box-shadow: 0 -14px 30px rgba(2, 6, 23, .32) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-sizing: border-box !important;
  }

  html[data-theme="light"] .lo-mobile-tabbar,
  body:not(.dark-mode) .lo-mobile-tabbar {
    background: rgba(255, 255, 255, .97) !important;
    border-top-color: rgba(148, 163, 184, .28) !important;
    box-shadow: 0 -14px 30px rgba(15, 23, 42, .14) !important;
  }

  .lo-mobile-tabbar a,
  .lo-mobile-tabbar button {
    position: relative !important;
    min-width: 0 !important;
    height: 58px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    color: #aeb9cc !important;
    text-decoration: none !important;
    border-radius: 16px !important;
    border: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background: transparent !important;
    font: 900 11px/1.05 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    letter-spacing: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
    transition: background .16s ease, color .16s ease, transform .16s ease !important;
  }

  html[data-theme="light"] .lo-mobile-tabbar a,
  html[data-theme="light"] .lo-mobile-tabbar button,
  body:not(.dark-mode) .lo-mobile-tabbar a,
  body:not(.dark-mode) .lo-mobile-tabbar button {
    color: #475569 !important;
  }

  .lo-mobile-tabbar a:focus,
  .lo-mobile-tabbar a:hover,
  .lo-mobile-tabbar a:active {
    text-decoration: none !important;
  }

  .lo-mobile-tabbar button:focus,
  .lo-mobile-tabbar button:hover,
  .lo-mobile-tabbar button:active {
    text-decoration: none !important;
    outline: none !important;
  }

  .lo-mobile-tabbar a:active,
  .lo-mobile-tabbar button:active {
    transform: translateY(1px) !important;
  }

  .lo-mobile-tabbar span {
    width: 28px !important;
    height: 25px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 22px !important;
    line-height: 1 !important;
    filter: grayscale(.12) saturate(.96) !important;
  }

  .lo-mobile-tabbar strong {
    display: block !important;
    max-width: 100% !important;
    color: inherit !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .lo-mobile-tabbar .lo-tabbar-badge {
    position: absolute !important;
    top: 3px !important;
    right: 17px !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    display: inline-grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: #ff4f6d !important;
    color: #fff !important;
    border: 2px solid rgba(12, 19, 36, .98) !important;
    box-shadow: 0 6px 14px rgba(244, 63, 94, .32) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    letter-spacing: 0 !important;
    z-index: 3 !important;
  }

  html[data-theme="light"] .lo-mobile-tabbar .lo-tabbar-badge,
  body:not(.dark-mode) .lo-mobile-tabbar .lo-tabbar-badge {
    border-color: rgba(255, 255, 255, .98) !important;
  }

  .lo-mobile-tabbar .lo-tabbar-badge[hidden] {
    display: none !important;
  }

  .lo-mobile-tabbar a.is-active,
  .lo-mobile-tabbar button.is-active {
    color: #4d8cff !important;
  }

  html[data-theme="light"] .lo-mobile-tabbar a.is-active,
  html[data-theme="light"] .lo-mobile-tabbar button.is-active,
  body:not(.dark-mode) .lo-mobile-tabbar a.is-active,
  body:not(.dark-mode) .lo-mobile-tabbar button.is-active {
    color: #2563eb !important;
  }

  .lo-mobile-tabbar a.is-active span,
  .lo-mobile-tabbar button.is-active span {
    filter: saturate(1.15) drop-shadow(0 6px 10px rgba(59, 130, 246, .22)) !important;
  }

  .lo-mobile-tabbar .lo-tabbar-menu-icon {
    width: 30px !important;
    height: 25px !important;
    gap: 4px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
  }

  .lo-mobile-tabbar .lo-tabbar-menu-icon i {
    width: 23px !important;
    height: 3px !important;
    display: block !important;
    border-radius: 999px !important;
    background: currentColor !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .12) inset !important;
  }

  body.lo-home-v2-page .lo-header-from-index #menu-toggle,
  body.lo-mobile-clean-page .lo-header-from-index #menu-toggle,
  body.lo-home-v2-page .lo-official-header #menu-toggle,
  body.lo-mobile-clean-page .lo-official-header #menu-toggle {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* LO-MOBILE-HEADER-ACTIONS-001: topo mobile com tema, sino e coração no modelo do app. */
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-actions,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    overflow: visible !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-fav-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-alert-action,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-theme,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-fav-action,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-alert-action,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-theme {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    flex: 0 0 42px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, .26) !important;
    background:
      radial-gradient(circle at 32% 24%, rgba(255, 255, 255, .30), transparent 35%),
      linear-gradient(145deg, rgba(146, 73, 231, .96), rgba(101, 46, 184, .86)) !important;
    color: #fff !important;
    box-shadow:
      0 10px 24px rgba(38, 20, 114, .24),
      inset 0 1px 0 rgba(255, 255, 255, .22),
      inset 0 -8px 16px rgba(63, 28, 136, .22) !important;
    overflow: visible !important;
    font-size: 0 !important;
    text-decoration: none !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-fav-action,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-fav-action {
    order: 1 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-alert-action,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-alert-action {
    order: 2 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-theme,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-theme {
    order: 3 !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-fav-action svg,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-alert-action svg,
  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-theme svg,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-fav-action svg,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-alert-action svg,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-theme svg {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    display: block !important;
    flex: 0 0 24px !important;
    stroke-width: 2.15 !important;
    color: currentColor !important;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16)) !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-theme .lo-action-emoji,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-theme .lo-action-emoji {
    width: 26px !important;
    height: 26px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .18)) !important;
  }

  html:not([data-theme="dark"]) body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-theme .sun,
  html:not([data-theme="dark"]) body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-theme .sun,
  html[data-theme="dark"] body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-theme .moon,
  html[data-theme="dark"] body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-theme .moon {
    display: none !important;
  }

  html:not([data-theme="dark"]) body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-theme .moon,
  html:not([data-theme="dark"]) body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-theme .moon,
  html[data-theme="dark"] body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-theme .sun,
  html[data-theme="dark"] body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-theme .sun {
    display: grid !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-action-badge,
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-action-badge {
    top: -7px !important;
    right: -4px !important;
    z-index: 30 !important;
    min-width: 19px !important;
    height: 19px !important;
    padding: 0 5px !important;
    display: grid !important;
    place-items: center !important;
    border: 2px solid rgba(255, 255, 255, .92) !important;
    border-radius: 999px !important;
    background: #ff4d4d !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    box-shadow: 0 6px 14px rgba(15, 23, 42, .28) !important;
  }

  body.lo-home-v2-page .lo-official-header.lo-header-from-index .lo-action-badge[hidden],
  body.lo-mobile-clean-page .lo-official-header.lo-header-from-index .lo-action-badge[hidden] {
    display: none !important;
  }
}

@media (min-width: 901px) {
  .lo-mobile-tabbar {
    display: none !important;
  }
}

@media (max-width: 900px) {
  html:not([data-theme="dark"]) .show-product-card .lo-fav.show-product-card__fav.is-favored,
  html:not([data-theme="dark"]) .show-product-card .lo-fav.show-product-card__fav[aria-pressed="true"] {
    color: #ff3f73 !important;
    background: rgba(255, 255, 255, .98) !important;
    border-color: rgba(255, 63, 115, .52) !important;
  }

  html:not([data-theme="dark"]) .show-product-card .lo-fav.show-product-card__fav.is-favored svg,
  html:not([data-theme="dark"]) .show-product-card .lo-fav.show-product-card__fav[aria-pressed="true"] svg,
  html:not([data-theme="dark"]) .show-product-card .lo-fav.show-product-card__fav.is-favored svg path,
  html:not([data-theme="dark"]) .show-product-card .lo-fav.show-product-card__fav[aria-pressed="true"] svg path {
    color: #ff3f73 !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  html:not([data-theme="dark"]) body.lo-mobile-clean-page #main-content .show-wrap .show-product-card .lo-fav.show-product-card__fav.is-favored,
  html:not([data-theme="dark"]) body.lo-mobile-clean-page #main-content .show-wrap .show-product-card .lo-fav.show-product-card__fav[aria-pressed="true"] {
    color: #ff3f73 !important;
    background: rgba(255, 255, 255, .98) !important;
    border-color: rgba(255, 63, 115, .52) !important;
  }

  html:not([data-theme="dark"]) body.lo-mobile-clean-page #main-content .show-wrap .show-product-card .lo-fav.show-product-card__fav.is-favored svg,
  html:not([data-theme="dark"]) body.lo-mobile-clean-page #main-content .show-wrap .show-product-card .lo-fav.show-product-card__fav[aria-pressed="true"] svg,
  html:not([data-theme="dark"]) body.lo-mobile-clean-page #main-content .show-wrap .show-product-card .lo-fav.show-product-card__fav.is-favored svg path,
  html:not([data-theme="dark"]) body.lo-mobile-clean-page #main-content .show-wrap .show-product-card .lo-fav.show-product-card__fav[aria-pressed="true"] svg path {
    color: #ff3f73 !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }
}

/* LO-HOME-MOBILE-HEADER-FINAL-069: compacta a faixa real e ancora logo e acoes no mesmo eixo. */
@media (max-width: 900px) {
  body.lo-home-v2-page #app-header.lo-official-header .lo-topbar {
    position: relative !important;
    box-sizing: border-box !important;
    width: 100vw !important;
    height: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;
    padding: 0 16px !important;
    grid-template-columns: 172px minmax(0, 1fr) !important;
    grid-template-rows: 88px !important;
    row-gap: 0 !important;
    align-items: center !important;
  }

  body.lo-home-v2-page #app-header.lo-official-header .lo-topbar::before {
    inset: 0 !important;
    width: 100% !important;
    height: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;
  }

  body.lo-home-v2-page #app-header.lo-official-header .lo-logo {
    align-self: center !important;
  }

  body.lo-home-v2-page #app-header.lo-official-header .lo-actions {
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    left: auto !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
  }

  body.lo-home-v2-page #app-header.lo-official-header .lo-search-mobile {
    margin: 8px auto 0 !important;
  }
}

/* LO-INTERNAL-MOBILE-HEADER-FINAL-070: replica nas paginas internas o header aprovado na Home. */
@media (max-width: 900px) {
  body.lo-mobile-clean-page #app-header.lo-official-header .lo-topbar {
    position: relative !important;
    box-sizing: border-box !important;
    width: 100vw !important;
    height: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;
    padding: 0 16px !important;
    grid-template-columns: 172px minmax(0, 1fr) !important;
    grid-template-rows: 88px !important;
    row-gap: 0 !important;
    align-items: center !important;
  }

  body.lo-mobile-clean-page #app-header.lo-official-header .lo-topbar::before {
    inset: 0 !important;
    width: 100% !important;
    height: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;
  }

  body.lo-mobile-clean-page #app-header.lo-official-header .lo-logo {
    align-self: center !important;
  }

  body.lo-mobile-clean-page #app-header.lo-official-header .lo-actions {
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    left: auto !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
  }

  body.lo-mobile-clean-page #app-header.lo-official-header .lo-search-mobile {
    margin: 8px auto 0 !important;
  }
}

/* LO-MOBILE-FEATURED-SELLERS-CAROUSEL-001: regra final, um vendedor por tela. */
@media (max-width:900px) {
  body.lo-home-v2-page .lo-featured-sellers-section--home {
    width:calc(100% - 24px) !important;
    max-width:560px !important;
    overflow:visible !important;
  }

  body.lo-home-v2-page .lo-featured-sellers-carousel {
    width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
  }

  body.lo-home-v2-page .lo-featured-sellers-section--home .lo-featured-sellers-grid {
    display:grid !important;
    grid-template-columns:none !important;
    grid-auto-flow:column !important;
    grid-auto-columns:100% !important;
    gap:14px !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:2px 0 8px !important;
    scroll-snap-type:x mandatory !important;
    scroll-behavior:smooth !important;
    overscroll-behavior-inline:contain !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
  }

  body.lo-home-v2-page .lo-featured-sellers-section--home .lo-featured-sellers-grid::-webkit-scrollbar {
    display:none !important;
  }

  body.lo-home-v2-page .lo-featured-sellers-section--home .lo-featured-seller-card,
  body.lo-home-v2-page .lo-featured-sellers-section--home .lo-featured-seller-card--home {
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:16px !important;
    margin:0 !important;
    border-radius:8px !important;
    scroll-snap-align:start !important;
    scroll-snap-stop:always !important;
    box-sizing:border-box !important;
  }

  body.lo-home-v2-page .lo-featured-sellers-section--home .lo-featured-seller-main {
    display:grid !important;
    grid-template-columns:64px minmax(0,1fr) !important;
    gap:12px !important;
    align-items:center !important;
  }

  body.lo-home-v2-page .lo-featured-sellers-section--home .lo-featured-seller-logo {
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    border-radius:8px !important;
  }

  body.lo-home-v2-page .lo-featured-sellers-section--home .lo-featured-seller-product {
    display:grid !important;
    grid-template-columns:92px minmax(0,1fr) !important;
    gap:12px !important;
    min-height:104px !important;
    padding:10px !important;
    border-radius:8px !important;
  }

  body.lo-home-v2-page .lo-featured-sellers-section--home .lo-featured-seller-product > span {
    width:92px !important;
    height:84px !important;
    min-width:92px !important;
    border-radius:7px !important;
  }

  body.lo-home-v2-page .lo-featured-sellers-section--home .lo-featured-seller-foot {
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
  }

  body.lo-home-v2-page .lo-featured-sellers-section--home .lo-featured-seller-foot span,
  body.lo-home-v2-page .lo-featured-sellers-section--home .lo-featured-seller-foot b {
    width:auto !important;
    max-width:50% !important;
    white-space:normal !important;
  }

  .lo-featured-sellers-carousel-nav {
    min-height:42px;
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:14px;
    margin-top:4px;
  }

  .lo-featured-sellers-carousel-nav > button {
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(100,116,139,.28);
    border-radius:50%;
    background:var(--lo-surface,#fff);
    color:var(--lo-ink,#142033);
    font-size:25px;
    line-height:1;
    cursor:pointer;
  }

  .lo-featured-sellers-carousel-nav > button:disabled {
    opacity:.35;
    cursor:default;
  }

  .lo-featured-sellers-carousel-dots {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
  }

  .lo-featured-sellers-carousel-dots button {
    width:8px;
    height:8px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#94a3b8;
  }

  .lo-featured-sellers-carousel-dots button[aria-selected="true"] {
    width:22px;
    border-radius:4px;
    background:#0ea5b7;
  }
}

@media (min-width:901px) {
  .lo-featured-sellers-carousel-nav { display:none !important; }
}