/* MOBILE-WEB-CLEAN-001
   Limpeza final do layout web mobile fora da home.
   Nao toca no header: ele continua sendo controlado pelo partial header.ejs. */

@media (max-width: 900px) {
  html,
  body {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  body:not(.lo-home-v2-page) {
    --mw-bg: #f4f8ff;
    --mw-surface: #ffffff;
    --mw-surface-soft: #f8fbff;
    --mw-text: #0f172a;
    --mw-muted: #475569;
    --mw-border: rgba(15, 23, 42, .12);
    --mw-brand: #7c1fd1;
    --mw-cyan: #0ea5b7;
    --mw-shadow: 0 16px 34px rgba(15, 23, 42, .10);
    margin: 0 !important;
    background:
      radial-gradient(circle at 18% 4%, rgba(124, 58, 237, .12), transparent 32%),
      linear-gradient(180deg, #fbfcff 0%, var(--mw-bg) 100%) !important;
    color: var(--mw-text) !important;
  }

  html[data-theme="dark"] body:not(.lo-home-v2-page),
  body.dark-mode:not(.lo-home-v2-page) {
    --mw-bg: #080f22;
    --mw-surface: #101827;
    --mw-surface-soft: #111d35;
    --mw-text: #f8fafc;
    --mw-muted: #cbd5e1;
    --mw-border: rgba(226, 232, 240, .16);
    --mw-brand: #c084fc;
    --mw-cyan: #22d3ee;
    --mw-shadow: 0 18px 38px rgba(0, 0, 0, .28);
    background:
      radial-gradient(circle at 18% 4%, rgba(124, 58, 237, .24), transparent 34%),
      linear-gradient(180deg, #17103f 0%, var(--mw-bg) 44%, #050914 100%) !important;
    color: var(--mw-text) !important;
  }

  body:not(.lo-home-v2-page) #main-content,
  body:not(.lo-home-v2-page) main.container,
  body:not(.lo-home-v2-page) main:not(.lo-home-v2),
  body:not(.lo-home-v2-page) .container {
    width: min(100% - 28px, 520px) !important;
    max-width: calc(100vw - 28px) !important;
    min-width: 0 !important;
    margin: 24px auto 42px !important;
    padding: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
    background: transparent !important;
    color: var(--mw-text) !important;
  }

  body:not(.lo-home-v2-page) #main-content *,
  body:not(.lo-home-v2-page) .site-footer * {
    box-sizing: border-box !important;
  }

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

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

  body:not(.lo-home-v2-page) #main-content :is(
    h1,
    h2,
    h3,
    p,
    a,
    span,
    strong,
    small,
    label,
    li,
    dd
  ) {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    letter-spacing: 0 !important;
  }

  body:not(.lo-home-v2-page) #main-content h1,
  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) {
    font-size: clamp(28px, 8.8vw, 38px) !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    color: var(--mw-text) !important;
  }

  body:not(.lo-home-v2-page) #main-content h2 {
    font-size: clamp(23px, 6.5vw, 30px) !important;
    line-height: 1.12 !important;
    color: var(--mw-text) !important;
  }

  body:not(.lo-home-v2-page) #main-content p,
  body:not(.lo-home-v2-page) #main-content li {
    font-size: 16px !important;
    line-height: 1.55 !important;
    color: var(--mw-muted) !important;
  }

  body:not(.lo-home-v2-page) #main-content :is(
    .page-header,
    .hero,
    .info-hero,
    .cart-hero,
    .account-hero,
    .seller-hero,
    .show-card,
    .card,
    .panel,
    .box,
    .widget,
    [class$="-hero"],
    [class*="-hero "],
    [class$="-card"],
    [class*="-card "],
    [class$="-panel"],
    [class*="-panel "]
  ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 18px !important;
    padding: 22px !important;
    border-radius: 24px !important;
    background:
      radial-gradient(circle at 92% 100%, rgba(14, 165, 183, .14), transparent 34%),
      var(--mw-surface) !important;
    border: 1px solid var(--mw-border) !important;
    color: var(--mw-text) !important;
    box-shadow: var(--mw-shadow) !important;
    overflow: hidden !important;
  }

  html[data-theme="dark"] body:not(.lo-home-v2-page) #main-content :is(
    .page-header,
    .hero,
    .info-hero,
    .cart-hero,
    .account-hero,
    .seller-hero,
    .show-card,
    .card,
    .panel,
    .box,
    .widget,
    [class$="-hero"],
    [class*="-hero "],
    [class$="-card"],
    [class*="-card "],
    [class$="-panel"],
    [class*="-panel "]
  ) {
    background:
      radial-gradient(circle at 92% 100%, rgba(34, 211, 238, .12), transparent 34%),
      var(--mw-surface) !important;
  }

  body.lo-mobile-clean-page:not(.lo-home-v2-page) #main-content #catalog-page .catalog-hero {
    gap: 12px !important;
    padding: 14px !important;
    border-radius: 20px !important;
  }

  body.lo-mobile-clean-page:not(.lo-home-v2-page) #main-content #catalog-page .catalog-hero h1 {
    margin: 4px 0 6px !important;
    font-size: clamp(1.75rem, 8vw, 2.15rem) !important;
    line-height: 1.04 !important;
  }

  body.lo-mobile-clean-page:not(.lo-home-v2-page) #main-content #catalog-page .catalog-hero p {
    font-size: .92rem !important;
    line-height: 1.32 !important;
  }

  body.lo-mobile-clean-page:not(.lo-home-v2-page) #main-content #catalog-page .catalog-hero strong {
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px !important;
    border-radius: 16px !important;
    font-size: 1.55rem !important;
  }

  body.lo-mobile-clean-page:not(.lo-home-v2-page) #main-content #catalog-page .catalog-hero small {
    font-size: .64rem !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;
    scrollbar-width: none !important;
    color: var(--mw-muted) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: 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: 74vw !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(
    img,
    picture,
    video,
    canvas,
    iframe,
    object,
    embed
  ) {
    max-width: 100% !important;
  }

  body:not(.lo-home-v2-page) #main-content img {
    height: auto;
  }

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

  body:not(.lo-home-v2-page) #main-content :is(
    .products-grid,
    .produtos-grid,
    .product-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(input, select, textarea) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    border-radius: 14px !important;
  }

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

  body:not(.lo-home-v2-page) #main-content :is(
    .table-wrap,
    .table-responsive,
    .responsive-table,
    [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(--mw-border) !important;
    background: var(--mw-surface) !important;
  }

  body:not(.lo-home-v2-page) #main-content table {
    width: max-content !important;
    min-width: 680px !important;
    max-width: none !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(--mw-border, var(--bd)) !important;
    border-radius: 16px !important;
    background: var(--mw-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(--mw-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;
  }
}

/* VENDEDOR-PAGAMENTOS-MOBILE-CLEAN-20260827 */
@media (max-width: 900px) {
  body.lo-mobile-clean-page #main-content .v-payments,
  body:not(.lo-home-v2-page) #main-content .v-payments {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 0 92px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  body.lo-mobile-clean-page #main-content .v-payments :is(.v-payments-header, .finance-costs-card, .finance-requests, .finance-campaign-debts, .v-card, .ext-kpi-card),
  body:not(.lo-home-v2-page) #main-content .v-payments :is(.v-payments-header, .finance-costs-card, .finance-requests, .finance-campaign-debts, .v-card, .ext-kpi-card) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 16px !important;
    border-radius: 22px !important;
    box-sizing: border-box !important;
  }

  body.lo-mobile-clean-page #main-content .v-payments .v-payments-header,
  body:not(.lo-home-v2-page) #main-content .v-payments .v-payments-header {
    display: block !important;
  }

  body.lo-mobile-clean-page #main-content .v-payments :is(.v-payments-actions, .finance-requests-head),
  body:not(.lo-home-v2-page) #main-content .v-payments :is(.v-payments-actions, .finance-requests-head) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 16px !important;
  }

  body.lo-mobile-clean-page #main-content .v-payments :is(.btn-primary, .btn-ghost, .btn-small, button.btn-primary, button.btn-ghost, button.btn-small, .finance-request-open),
  body:not(.lo-home-v2-page) #main-content .v-payments :is(.btn-primary, .btn-ghost, .btn-small, button.btn-primary, button.btn-ghost, button.btn-small, .finance-request-open) {
    display: flex !important;
    width: 100% !important;
    inline-size: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 54px !important;
    padding: 0 14px !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 .v-payments :is(.btn-primary, button.btn-primary),
  body:not(.lo-home-v2-page) #main-content .v-payments :is(.btn-primary, button.btn-primary) {
    border: 0 !important;
    background: linear-gradient(135deg, #22c55e 0%, #06b6d4 56%, #2563eb 100%) !important;
    color: #fff !important;
    box-shadow: 0 18px 34px rgba(15, 118, 110, .18) !important;
  }

  body.lo-mobile-clean-page #main-content .v-payments :is(.finance-costs-grid, .finance-campaign-grid, .finance-request-grid, .ext-kpi-grid, .v-payments-layout, .table-filters),
  body:not(.lo-home-v2-page) #main-content .v-payments :is(.finance-costs-grid, .finance-campaign-grid, .finance-request-grid, .ext-kpi-grid, .v-payments-layout, .table-filters) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  body.lo-mobile-clean-page #main-content .v-payments .table-scroll,
  body:not(.lo-home-v2-page) #main-content .v-payments .table-scroll {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

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

  body.lo-mobile-clean-page #main-content .v-payments .payments-table thead,
  body:not(.lo-home-v2-page) #main-content .v-payments .payments-table thead {
    display: none !important;
  }

  body.lo-mobile-clean-page #main-content .v-payments .payments-table tr.payments-row,
  body:not(.lo-home-v2-page) #main-content .v-payments .payments-table tr.payments-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 12px !important;
    padding: 13px !important;
    border: 1px solid var(--mw-border, var(--pg-border-subtle)) !important;
    border-radius: 18px !important;
    background: var(--mw-surface, var(--pg-surface-alt)) !important;
    box-sizing: border-box !important;
  }

  body.lo-mobile-clean-page #main-content .v-payments .payments-table td,
  body:not(.lo-home-v2-page) #main-content .v-payments .payments-table td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
    white-space: normal !important;
  }

  body.lo-mobile-clean-page #main-content .v-payments .payments-table td::before,
  body:not(.lo-home-v2-page) #main-content .v-payments .payments-table td::before {
    content: attr(data-label);
    display: block !important;
    margin-bottom: 5px !important;
    color: var(--mw-muted, var(--pg-text-softer)) !important;
    font-size: .72rem !important;
    font-weight: 950 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
  }

  body.lo-mobile-clean-page #main-content .v-payments :is(.cell-actions, .cell-main, .cell-dates),
  body:not(.lo-home-v2-page) #main-content .v-payments :is(.cell-actions, .cell-main, .cell-dates) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    width: 100% !important;
  }

  body.lo-mobile-clean-page #main-content .v-payments :is(.obs, .cell-title, .cell-sub, .date-value),
  body:not(.lo-home-v2-page) #main-content .v-payments :is(.obs, .cell-title, .cell-sub, .date-value) {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    line-height: 1.35 !important;
  }
}

/* VENDEDOR-SAQUE-MOBILE-CLEAN-20260827 */
@media (max-width: 900px) {
  body.lo-mobile-clean-page #main-content .v-saque,
  body:not(.lo-home-v2-page) #main-content .v-saque {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 0 92px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  body.lo-mobile-clean-page #main-content .v-saque :is(.v-saque-header, .v-saque-summary, .v-saque-layout, .v-saque-card, .card-body, .saque-form, .form-group, .input-money-wrapper, .saque-summary-box),
  body:not(.lo-home-v2-page) #main-content .v-saque :is(.v-saque-header, .v-saque-summary, .v-saque-layout, .v-saque-card, .card-body, .saque-form, .form-group, .input-money-wrapper, .saque-summary-box) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.lo-mobile-clean-page #main-content .v-saque .v-saque-card,
  body:not(.lo-home-v2-page) #main-content .v-saque .v-saque-card {
    padding: 16px !important;
    border-radius: 22px !important;
  }

  body.lo-mobile-clean-page #main-content .v-saque .v-saque-layout,
  body:not(.lo-home-v2-page) #main-content .v-saque .v-saque-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.lo-mobile-clean-page #main-content .v-saque .form-footer,
  body:not(.lo-home-v2-page) #main-content .v-saque .form-footer {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  body.lo-mobile-clean-page #main-content .v-saque .btn-primary,
  body:not(.lo-home-v2-page) #main-content .v-saque .btn-primary {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 54px !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #22c55e 0%, #06b6d4 56%, #2563eb 100%) !important;
    color: #fff !important;
    font-size: .94rem !important;
    font-weight: 950 !important;
    line-height: 1.12 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    box-shadow: 0 18px 34px rgba(15, 118, 110, .18) !important;
  }

  body.lo-mobile-clean-page .withdraw-modal-backdrop,
  body:not(.lo-home-v2-page) .withdraw-modal-backdrop {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    padding: 12px 18px 92px !important;
    box-sizing: border-box !important;
    align-items: flex-start !important;
    justify-content: center !important;
  }

  body.lo-mobile-clean-page .withdraw-modal,
  body:not(.lo-home-v2-page) .withdraw-modal {
    flex: 0 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 22px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  body.lo-mobile-clean-page .withdraw-modal :is(.withdraw-modal-header, .withdraw-modal-body, .withdraw-modal-footer, .withdraw-columns, .withdraw-left, .withdraw-right, .withdraw-field, .withdraw-input-wrapper, .withdraw-info-box, .withdraw-summary),
  body:not(.lo-home-v2-page) .withdraw-modal :is(.withdraw-modal-header, .withdraw-modal-body, .withdraw-modal-footer, .withdraw-columns, .withdraw-left, .withdraw-right, .withdraw-field, .withdraw-input-wrapper, .withdraw-info-box, .withdraw-summary) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.lo-mobile-clean-page .withdraw-modal .withdraw-modal-footer,
  body:not(.lo-home-v2-page) .withdraw-modal .withdraw-modal-footer {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    align-items: stretch !important;
    justify-items: stretch !important;
  }

  body.lo-mobile-clean-page .withdraw-modal .withdraw-footer-btn,
  body:not(.lo-home-v2-page) .withdraw-modal .withdraw-footer-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 16px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: .94rem !important;
    font-weight: 950 !important;
    line-height: 1.12 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.lo-mobile-clean-page .withdraw-modal :is(.withdraw-footer-btn.btn-primary, button.withdraw-footer-btn.btn-primary),
  body:not(.lo-home-v2-page) .withdraw-modal :is(.withdraw-footer-btn.btn-primary, button.withdraw-footer-btn.btn-primary) {
    border: 0 !important;
    background: linear-gradient(135deg, #22c55e 0%, #06b6d4 56%, #2563eb 100%) !important;
    color: #fff !important;
    box-shadow: 0 18px 34px rgba(15, 118, 110, .18) !important;
  }
}

/* LO-MOBILE-PRODUCT-WIDTH-001: produtos usam a largura real do celular. */
@media (max-width: 900px) {
  body:not(.lo-home-v2-page) :is(.lo-showcase-products, .produtos-container, .catalog-page, .products-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) :is(.lo-showcase-grid, .products-grid, .produtos-grid, .product-grid, [class*="product-grid"], [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) :is(.lo-showcase-grid, .products-grid, .produtos-grid, .product-grid, [class*="product-grid"], [class*="produto-grid"]) > .lo-product-card {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body:not(.lo-home-v2-page) :is(.lo-showcase-grid, .products-grid, .produtos-grid, .product-grid, [class*="product-grid"], [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) :is(.lo-showcase-grid, .products-grid, .produtos-grid, .product-grid, [class*="product-grid"], [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) :is(.lo-showcase-grid, .products-grid, .produtos-grid, .product-grid, [class*="product-grid"], [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;
  }
}

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

  body:not(.lo-home-v2-page) #main-content :is(
    .products-grid,
    .produtos-grid,
    .product-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,
    .product-grid,
    [class*="product-grid"],
    [class*="produto-grid"],
    [class*="products-grid"],
    [class*="produtos-grid"]
  ) {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 700px) {
  body:not(.lo-home-v2-page) .site-footer.lo-premium-footer {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 34px 0 0 !important;
    padding: 30px 0 22px !important;
    overflow: hidden !important;
    background: var(--mw-bg, #f4f8ff) !important;
    color: var(--mw-text, #0f172a) !important;
  }

  body:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-footer-shell,
  body:not(.lo-home-v2-page) .site-footer.lo-premium-footer .lo-footer-bottom {
    width: min(100% - 28px, 520px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-left: auto !important;
    margin-right: 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-logo-link {
    width: min(260px, 100%) !important;
    height: 76px !important;
    margin: 0 0 14px !important;
    padding: 10px 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, #07101f 0%, #101a34 100%) !important;
    border: 1px solid rgba(34, 211, 238, .22) !important;
    box-shadow: var(--mw-shadow, 0 16px 34px rgba(15, 23, 42, .10)) !important;
    overflow: hidden !important;
  }

  body:not(.lo-home-v2-page) .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;
    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;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: var(--mw-muted, #475569) !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: var(--mw-surface, #ffffff) !important;
    border: 1px solid var(--mw-border, rgba(15, 23, 42, .12)) !important;
    box-shadow: var(--mw-shadow, 0 16px 34px rgba(15, 23, 42, .10)) !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: var(--mw-brand, #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: var(--mw-muted, #475569) !important;
    white-space: normal !important;
    overflow-wrap: break-word !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-footer-bottom {
    margin-top: 18px !important;
  }

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

/* LO-MOBILE-PRODUCT-WIDTH-002: camada final para vencer regras antigas. */
@media (max-width: 900px) {
  body:not(.lo-home-v2-page) :is(.lo-showcase-products, .produtos-container, .catalog-page, .products-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) :is(.lo-showcase-grid, .products-grid, .produtos-grid, .product-grid, [class*="product-grid"], [class*="produto-grid"], [class*="products-grid"], [class*="produtos-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) :is(.lo-showcase-grid, .products-grid, .produtos-grid, .product-grid, [class*="product-grid"], [class*="produto-grid"], [class*="products-grid"], [class*="produtos-grid"]) > .lo-product-card {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

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

  body:not(.lo-home-v2-page) :is(.lo-showcase-grid, .products-grid, .produtos-grid, .product-grid, [class*="product-grid"], [class*="produto-grid"], [class*="products-grid"], [class*="produtos-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) :is(.lo-showcase-grid, .products-grid, .produtos-grid, .product-grid, [class*="product-grid"], [class*="produto-grid"], [class*="products-grid"], [class*="produtos-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-SHOW-CLEAN-003: detalhe do produto sem card dentro de card no celular. */
@media (max-width: 620px) {
  body.lo-mobile-clean-page #main-content .show-wrap {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    margin: 10px auto 32px !important;
    display: block !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  body.lo-mobile-clean-page #main-content .show-grid {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.lo-mobile-clean-page #main-content .show-card.show-left {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body.lo-mobile-clean-page #main-content .show-card.show-right {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }

  body.lo-mobile-clean-page #main-content .gallery {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 430px !important;
    margin: 0 !important;
    border-radius: 18px !important;
    border: 1px solid var(--mw-border) !important;
    background: #fff !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .08) !important;
    overflow: hidden !important;
  }

  html[data-theme="dark"] body.lo-mobile-clean-page #main-content .gallery,
  body.dark-mode.lo-mobile-clean-page #main-content .gallery {
    background: #fff !important;
  }

  body.lo-mobile-clean-page #main-content .zoom-box {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 430px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body.lo-mobile-clean-page #main-content .zoom-img,
  body.lo-mobile-clean-page #main-content .zoom-video {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 430px !important;
    object-fit: contain !important;
    background: #fff !important;
  }

  html[data-theme="dark"] body.lo-mobile-clean-page #main-content :is(.zoom-img, .zoom-video, .thumb, .thumb img, .thumb-video-el),
  body.dark-mode.lo-mobile-clean-page #main-content :is(.zoom-img, .zoom-video, .thumb, .thumb img, .thumb-video-el) {
    background: #fff !important;
  }

  body.lo-mobile-clean-page #main-content .thumbs {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 2px 8px !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  body.lo-mobile-clean-page #main-content .thumbs::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
  }

  body.lo-mobile-clean-page #main-content .thumb {
    flex: 0 0 82px !important;
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    height: 82px !important;
    min-height: 82px !important;
    border-radius: 13px !important;
    scroll-snap-align: start !important;
  }

  body.lo-mobile-clean-page #main-content .thumb img,
  body.lo-mobile-clean-page #main-content .thumb-video-el {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    padding: 2px !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  body.lo-mobile-clean-page #main-content .show-title-row {
    display: grid !important;
    grid-template-columns: 1fr 54px 1fr !important;
    gap: 10px !important;
    align-items: center !important;
  }

  body.lo-mobile-clean-page #main-content .show-title-copy {
    grid-column: 1 / -1 !important;
  }

  body.lo-mobile-clean-page #main-content .fav-btn {
    grid-column: 1 !important;
    justify-self: start !important;
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    margin-top: 2px !important;
    border-radius: 16px !important;
  }

  body.lo-mobile-clean-page #main-content .fav-btn svg {
    width: 24px !important;
    height: 24px !important;
  }

  body.lo-mobile-clean-page #main-content .share-btn {
    grid-column: 2 / -1 !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-height: 52px !important;
    margin-top: 2px !important;
    padding: 0 16px !important;
    border-radius: 16px !important;
    font-size: 14px !important;
  }

  body.lo-mobile-clean-page #main-content .preco {
    font-size: 28px !important;
    line-height: 1.05 !important;
  }

  body.lo-mobile-clean-page #main-content .show-parc {
    font-size: 15px !important;
    line-height: 1.42 !important;
  }

  body.lo-mobile-clean-page #main-content .qty-wrap {
    gap: 10px !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }

  body.lo-mobile-clean-page #main-content .qty-ctr {
    grid-template-columns: 50px minmax(0, 1fr) 50px !important;
    gap: 8px !important;
  }

  body.lo-mobile-clean-page #main-content .qty-btn,
  body.lo-mobile-clean-page #main-content .qty-input {
    min-height: 50px !important;
    height: 50px !important;
    border-radius: 15px !important;
    font-size: 20px !important;
  }

  body.lo-mobile-clean-page #main-content .acoes-produto {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    justify-items: center !important;
  }

  body.lo-mobile-clean-page #main-content .acoes-produto form {
    width: min(100%, 286px) !important;
    max-width: 286px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }

  body.lo-mobile-clean-page #main-content .acoes-produto .btn {
    width: min(100%, 286px) !important;
    max-width: 286px !important;
    min-height: 52px !important;
    height: 52px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 16px !important;
    border-radius: 16px !important;
    font-size: 16px !important;
    line-height: 1 !important;
    box-shadow: 0 12px 24px rgba(15, 23, 42, .12) !important;
  }

  body.lo-mobile-clean-page #main-content .acoes-produto .btn-voltar {
    grid-column: auto !important;
    min-height: 48px !important;
    height: 48px !important;
    justify-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: rgba(49, 95, 244, .08) !important;
  }
}