/* 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% - 24px, 1200px) !important;
    max-width: calc(100vw - 24px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .lo-topbar,
  .lo-shell,
  .lo-benefits {
    width: min(100% - 24px, 560px) !important;
    max-width: calc(100vw - 24px) !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% - 24px, 1560px) !important;
    max-width: calc(100vw - 24px) !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;
  }

  .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: minmax(0, 1fr) auto !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: 142px !important;
    min-width: 142px !important;
    max-width: 142px !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;
  }
}