/* GERADO por tools/gen-loja-mobile.mjs — NÃO editar à mão (regerar a cada export do design).
   fonte: Lunfe Atacado Mobile 390.dc.html sha256:86c0f2b6bc89319b
   ativação: lunfe-loja-boot.js marca <html data-lunfe-mob> em viewport ≤430px */
@media (max-width: 430px) {

/* ── bloco <style> ── */
/* ═══ SANEAMENTO DO ESPELHO · ESPELHO-SANEAMENTO-01 · selo 4l-2026-08-25b ═══
   W0: REGISTRO-DE-LEIS-ESPELHO.md (censo das 1.440 regras, veredito por lei).
   W1/W2 aqui: 2 mortos de corpo vazio removidos · escape canônico
   [data-lei-skip~="2up|n0|g7|wrap"] SOMADO às cadeias legadas (cobertura 1:1;
   remoção das antigas só no GATE 2) · --rail-bleed/--rail-w declaradas.
   L97/L105/L108 seguem VIVAS: exigem marcar markup nos DCs de LOJA (F-ERRATA-2).
   E-01 (--tap-min) já resolvida na linha do B3 (52px em [data-cor-head]). ═══ */
/* ══ LEI-CAMADA v1.0 · espelho (19/08/2026) ══ */
html[data-lunfe-mob] [data-sc-name] [data-screen-label][style*="position:fixed"]{
  inset-inline:max(0px, calc(50% - 215px)) !important;
  inline-size:auto !important;max-inline-size:430px !important;
  margin-inline:0 !important;transform:none !important}
html[data-lunfe-mob] [data-sc-name] [data-screen-label][style*="position:fixed"] > div:not([aria-label]),
html[data-lunfe-mob] [data-sc-name] [data-screen-label][style*="position:fixed"] > aside,
html[data-lunfe-mob] [data-sc-name] [data-screen-label][style*="position:fixed"] > [role="dialog"]{
  inline-size:100% !important;min-inline-size:0 !important;max-inline-size:none !important;
  margin-inline:0 !important;border-inline:none !important}
html[data-lunfe-mob] [data-sc-name] [data-screen-label][style*="position:fixed"] :is(button,a[href]){min-block-size:44px}
html[data-lunfe-mob] [data-sc-name] [data-screen-label][style*="position:fixed"] :is(input,select,textarea){
  font-size:16px !important;min-block-size:48px !important}

/* GERADO — regras mobile em ESCOPO [data-mobile-edit]. Ordem da produção. vw/vh → cqw/cqh. */
/* ── contrato ── */
html[data-lunfe-mob]{--vh-full:100dvh; --vh-hero:88dvh; --sticky-bar-h:140px;}
@supports (height:100dvh){
html[data-lunfe-mob]{--vh-full:100dvh; --vh-hero:88dvh;}
}
html[data-lunfe-mob]{--rail-product:min(88vw,360px);
    --rail-editorial:min(92vw,380px);
    --rail-video:min(84vw,340px);
    --rail-gap:12px;
    /* W2.3 · 25/08/2026 · ESPELHO-SANEAMENTO-01 · dono: espelho.
       Sangria de trilho PUBLICADA como variável (default neutro). O consumo
       (margin-inline / inline-size) fica para o GATE 2: a lei do trilho está
       DUPLICADA no arquivo (F-NOVO-2) e aplicar em 1 das 2 criaria divergência. */
    --rail-bleed:0px;
    --rail-w:auto;}
html[data-lunfe-mob] [data-lme-slide-fix]{min-width:var(--rail-product) !important;
    max-inline-size:var(--rail-product) !important;}
html[data-lunfe-mob] [data-rail],
html[data-lunfe-mob] [data-carousel-grid],
html[data-lunfe-mob] [style*="grid-auto-flow:column"],
html[data-lunfe-mob] [style*="grid-auto-flow: column"]{grid-auto-columns:var(--rail-product) !important;
    gap:var(--rail-gap);
    scroll-snap-type:x proximity;
    scroll-padding-inline:16px;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;}
html[data-lunfe-mob] [data-rail]::-webkit-scrollbar,
html[data-lunfe-mob] [data-carousel-grid]::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-rail] > *,
html[data-lunfe-mob] [data-carousel-grid] > *{scroll-snap-align:start;
    max-inline-size:var(--rail-product);}
html[data-lunfe-mob] [data-rail="editorial"],
html[data-lunfe-mob] [data-lme-rail="editorial"]{grid-auto-columns:var(--rail-editorial) !important;
    scroll-snap-type:x mandatory;}
html[data-lunfe-mob] [data-rail="video"],
html[data-lunfe-mob] [data-lme-rail="video"]{grid-auto-columns:var(--rail-video) !important;
    scroll-snap-type:x mandatory;}
html[data-lunfe-mob] [data-shrink]{min-width:0}
html[data-lunfe-mob] [data-clamp],
html[data-lunfe-mob] [data-clamp=""],
html[data-lunfe-mob] [data-clamp="2"]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
html[data-lunfe-mob] [data-clamp="1"]{-webkit-line-clamp:1}
html[data-lunfe-mob] [data-clamp="3"]{-webkit-line-clamp:3}
html[data-lunfe-mob] [data-truncate]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-lunfe-mob] table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
html[data-lunfe-mob] img,
html[data-lunfe-mob] image-slot,
html[data-lunfe-mob] video,
html[data-lunfe-mob] picture,
html[data-lunfe-mob] [data-ph]{max-inline-size:100%}
html[data-lunfe-mob] [data-lme-scroll-x]{overflow-x:auto !important}
html[data-lunfe-mob] [data-screen-label="Ecosystem Bar"],
html[data-lunfe-mob] .lunfe-bar{overflow-x:auto !important;
    scroll-snap-type:x proximity;
    scroll-padding-inline:14px;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;}
html[data-lunfe-mob] [data-screen-label="Ecosystem Bar"]::-webkit-scrollbar,
html[data-lunfe-mob] .lunfe-bar::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-screen-label="Ecosystem Bar"] > *,
html[data-lunfe-mob] .lunfe-bar > *{scroll-snap-align:start}
html[data-lunfe-mob] [data-screen-label="Ecosystem Bar"] [aria-current],
html[data-lunfe-mob] [data-eco-active]{scroll-snap-align:center}
html[data-lunfe-mob] [data-screen-label="Ecosystem Bar"] > *,
html[data-lunfe-mob] [data-screen-label="Ecosystem Bar"] button,
html[data-lunfe-mob] [data-screen-label="Ecosystem Bar"] a,
html[data-lunfe-mob] .lunfe-bar > *,
html[data-lunfe-mob] .lunfe-bar button,
html[data-lunfe-mob] .lunfe-bar a{min-block-size:var(--tap-min,44px);display:inline-flex;align-items:center;}
html[data-lunfe-mob] [data-sticky-bar]{inset-block-end:0;
    padding-bottom:max(8px,var(--safe-bottom,0px));
    box-shadow:0 -8px 24px -20px rgba(0,0,0,.35);}
html[data-lunfe-mob][data-lme-has-float]:has([data-sticky-bar]){padding-block-end:calc(var(--sticky-bar-h,140px) + 84px + var(--safe-bottom,0px)) !important;}
html[data-lunfe-mob] :target,
html[data-lunfe-mob] [id]{scroll-margin-block-start:calc(var(--header-h,60px) + 8px)}
html[data-lunfe-mob][data-lock]{overflow:hidden !important;overscroll-behavior:none;height:100dvh}
html[data-lunfe-mob] [data-lme-open],
html[data-lunfe-mob] [data-drawer][open],
html[data-lunfe-mob] dialog[open]{overscroll-behavior:contain;
    max-block-size:min(85dvh,var(--vh-full));}
html[data-lunfe-mob] [data-card]{min-inline-size:0}
html[data-lunfe-mob] [data-card-media],
html[data-lunfe-mob] [data-card] image-slot{border-radius:12px;overflow:clip}
html[data-lunfe-mob] [data-lme-swatch]{align-items:center;flex-wrap:nowrap}
html[data-lunfe-mob] [data-lme-swatch] > *{flex:0 0 auto;aspect-ratio:1}
html[data-lunfe-mob] [data-card-title]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-block-size:38px}
html[data-lunfe-mob] dl,
html[data-lunfe-mob] [data-spec-list],
html[data-lunfe-mob] [data-resumo]{display:grid;grid-template-columns:1fr;row-gap:12px;align-items:start}
html[data-lunfe-mob] dl dt,
html[data-lunfe-mob] dl dd,
html[data-lunfe-mob] [data-spec-list] > *,
html[data-lunfe-mob] [data-lme-autoh],
html[data-lunfe-mob] [data-spec-row]{block-size:auto !important;min-block-size:0 !important;}
html[data-lunfe-mob] image-slot,
html[data-lunfe-mob] [data-img-a],
html[data-lunfe-mob] [data-img-b],
html[data-lunfe-mob] [role="img"]{display:block;inline-size:100%;background-size:cover;background-position:center;}
html[data-lunfe-mob] img[width][height]{block-size:auto}
html[data-lunfe-mob] [data-mobile="hide"]{display:none !important}
html[data-lunfe-mob] [data-mobile="stack"] [data-om-col],
html[data-lunfe-mob] [data-mobile="stack"] [data-om-two],
html[data-lunfe-mob] [data-mobile="stack"] [style*="grid-template-columns"],
html[data-lunfe-mob] [data-mobile="stack"] [style*="grid-auto-flow:column"],
html[data-lunfe-mob] [data-mobile="stack"] [style*="grid-auto-flow: column"]{display:block !important;grid-template-columns:1fr !important;}
html[data-lunfe-mob] [data-mobile="stack"] [style*="display:flex"]:not([data-keep-row]):not([data-lei-skip~="wrap"]){flex-direction:column !important}
html[data-lunfe-mob] [data-mobile="rail"] [data-om-col],
html[data-lunfe-mob] [data-mobile="rail"] [style*="grid-template-columns"]{display:grid !important;
    grid-auto-flow:column !important;
    grid-auto-columns:var(--rail-product) !important;
    grid-template-columns:none !important;
    gap:var(--rail-gap) !important;
    overflow-x:auto !important;
    scroll-snap-type:x proximity;
    scroll-padding-inline:16px;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;}
html[data-lunfe-mob] [data-mobile="rail"] [data-om-col] > *,
html[data-lunfe-mob] [data-mobile="rail"] [style*="grid-template-columns"] > *{scroll-snap-align:start}
html[data-lunfe-mob] [data-mobile="rail"] [data-om-col]::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-mobile="accordion"]{display:block !important}
html[data-lunfe-mob] [data-mobile="accordion"] [data-acc-item]{border-block-end:1px solid var(--hairline,#ECECEC)}
html[data-lunfe-mob] [data-mobile="accordion"] [data-acc-head]{display:flex;align-items:center;justify-content:space-between;gap:12px;
    min-block-size:var(--tap-min,44px);cursor:pointer;padding-block:12px;}
html[data-lunfe-mob] [data-mobile="accordion"] [data-acc-head]::after{content:"+";font-size:20px;line-height:1;opacity:.5;flex:0 0 auto}
html[data-lunfe-mob] [data-mobile="accordion"] [data-acc-item][data-acc-open] [data-acc-head]::after{content:"\2013"}
html[data-lunfe-mob] [data-mobile="accordion"] [data-acc-item]:not([data-acc-open]) [data-acc-body]{display:none !important}
html[data-lunfe-mob] [data-mobile] [data-lme-autoh],
html[data-lunfe-mob] [data-mobile] [data-spec-row]{block-size:auto !important;min-block-size:0 !important}
html[data-lunfe-mob] :focus-visible{outline:2px solid currentColor;outline-offset:2px}
html[data-lunfe-mob] a[href^="https://wa.me/"]{min-height:var(--tap-min,44px) !important;
    display:inline-flex;align-items:center;}

/* ── loja ── */
html[data-lunfe-mob] *,
html[data-lunfe-mob] *::before,
html[data-lunfe-mob] *::after{box-sizing:border-box}
html[data-lunfe-mob]{font-family:'Outfit','Lunfe fallback Outfit',system-ui,sans-serif;color:#141414;-webkit-font-smoothing:antialiased}
html[data-lunfe-mob] a{color:#141414;text-decoration:none}
html[data-lunfe-mob] a:hover{color:#616161}
html[data-lunfe-mob] button,
html[data-lunfe-mob] select,
html[data-lunfe-mob] input{font:inherit}
html[data-lunfe-mob] button{cursor:pointer}
html[data-lunfe-mob] ::-webkit-scrollbar{width:10px;height:10px}
html[data-lunfe-mob] ::-webkit-scrollbar-thumb{background:#E2E2E2}
html[data-lunfe-mob] [data-plp-card]:focus-within{background:#F5F5F3;border-color:#C9C9C9}
html[data-lunfe-mob] [data-card]{transition:transform .2s ease}
html[data-lunfe-mob] [data-card] [data-img-a]{transition:opacity .22s ease, transform .28s ease}
html[data-lunfe-mob] [data-card]:hover [data-img-a]{transform:scale(1.04)}
html[data-lunfe-mob] [data-card] [data-img-b]{opacity:0;transition:opacity .22s ease}
html[data-lunfe-mob] [data-card]:hover [data-img-b]{opacity:1}
html[data-lunfe-mob] [data-zoom]{transition:none}
html[data-lunfe-mob] [data-zoom]:hover{transform:none !important}
html[data-lunfe-mob] [data-screen]{animation:omFade .18s ease both}
html[data-lunfe-mob] [data-sheet]{animation:omSlide .22s ease both}
html[data-lunfe-mob] [data-mega]{animation:omDrop .2s ease both}
html[data-lunfe-mob] [data-skel]{animation:omSkel 1.1s ease-in-out infinite}
html[data-lunfe-mob] [data-shrink]{transition:height .2s ease}
html[data-lunfe-mob] [data-morph]{transition:background-color .2s ease,color .2s ease}
html[data-lunfe-mob] [data-util]{gap:16px !important;padding-right:4px}
html[data-lunfe-mob] [data-util] button{font-size:10.5px !important;letter-spacing:.06em !important}
html[data-lunfe-mob] [data-util] input{width:112px !important}
html[data-lunfe-mob] header{padding-left:var(--page-pad,16px) !important;padding-right:var(--page-pad,16px) !important;gap:14px}
html[data-lunfe-mob] header > div{min-width:0;flex-shrink:1}
html[data-lunfe-mob] header > span{display:none !important}
html[data-lunfe-mob] header input{flex:1 1 110px;min-width:0;width:auto !important;max-width:200px}
html[data-lunfe-mob] header nav{display:none !important}
html[data-lunfe-mob] [data-plp-grid] h3,
html[data-lunfe-mob] [data-om-grid] h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html[data-lunfe-mob] [data-plp-shell]{grid-template-columns:minmax(0,1fr) !important;gap:16px !important}
html[data-lunfe-mob] [data-plp-side]{position:static !important;min-height:0 !important;flex-direction:row !important;
    overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:8px !important;padding-bottom:4px}
html[data-lunfe-mob] [data-plp-side]::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-plp-side] > *{flex:0 0 auto;scroll-snap-align:start;min-height:44px}
html[data-lunfe-mob] main [data-tap],
html[data-lunfe-mob] main [data-cor-sw]{position:relative}
html[data-lunfe-mob] main [data-cor-sw]::after{content:"";position:absolute;inset:-14px}
html[data-lunfe-mob] [data-util] [data-cap]{display:none !important}
html[data-lunfe-mob] [data-om-grid],
html[data-lunfe-mob] [data-om-col]{grid-template-columns:minmax(0,1fr) !important}
html[data-lunfe-mob] [data-om-two]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
html[data-lunfe-mob] [data-om-three]{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
html[data-lunfe-mob] [data-om-snap]{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:8px !important;scrollbar-width:none}
html[data-lunfe-mob] [data-om-snap]::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-om-snap] > *{flex:0 0 26%;scroll-snap-align:start}
html[data-lunfe-mob] [data-om-grid] > div > div,
html[data-lunfe-mob] [data-om-col] > div > div{flex-wrap:wrap}
html[data-lunfe-mob] input:is([placeholder="seu nome"],[data-i18n-ph="seu nome"]){flex:1 1 100% !important}
html[data-lunfe-mob] [data-desk]{display:none !important}
html[data-lunfe-mob] [data-mob]{display:flex !important}
html[data-lunfe-mob] header > div:first-child{min-width:0;flex:1}
html[data-lunfe-mob] header > div:first-child > span{font-size:19px !important}
html[data-lunfe-mob] [data-util]{gap:var(--util-gap,0) !important;padding-right:0}
html[data-lunfe-mob] [data-screen-label="Mega-menu"] > div:first-child{padding:16px 18px 8px !important;gap:14px !important}
html[data-lunfe-mob] [data-screen-label="Mega-menu"] > div:first-child > span{font-size:34px !important;letter-spacing:.12em !important}
html[data-lunfe-mob] [data-screen-label="Mega-menu"] > div:last-child{padding:18px !important;gap:26px !important;grid-template-columns:1fr !important}
html[data-lunfe-mob] [data-desk-note]{display:none !important}
html[data-lunfe-mob] [data-screen-label="Filtros"]{align-items:flex-end !important}
html[data-lunfe-mob] [data-screen-label="Filtros"] > div{width:100% !important;max-width:100% !important;max-height:86dvh !important;border-left:none !important;border-top:1px solid #141414}
html[data-lunfe-mob] [data-pdp-thumbs]{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:8px !important}
html[data-lunfe-mob] [data-pdp-thumbs] > *{flex:0 0 22%;scroll-snap-align:start}
html[data-lunfe-mob] [data-plp-grid]{grid-template-columns:repeat(2,1fr) !important;gap:10px !important}
html[data-lunfe-mob] main > section:not([data-full-bleed]),
html[data-lunfe-mob] main section:not([data-full-bleed]){padding-left:16px !important;padding-right:16px !important}
html[data-lunfe-mob] [data-screen-label*="Hero"]{min-height:min(133vw, 92dvh) !important;height:auto;max-height:none}
html[data-lunfe-mob] [data-hero-copy]{padding:clamp(56px,15vw,88px) clamp(14px,4vw,20px) clamp(20px,6vw,28px) !important;
      display:flex !important;flex-direction:column;justify-content:flex-end}
html[data-lunfe-mob] [data-hero-copy] h1{font-size:clamp(1.9rem,7.6vw,2.6rem) !important;margin-bottom:12px !important}
html[data-lunfe-mob] [data-hero-copy] > p{margin-bottom:16px !important}
html[data-lunfe-mob] [data-sticky-bar]{padding:10px 16px !important;gap:12px !important}
html[data-lunfe-mob] [data-sticky-bar] button{width:100%}
html[data-lunfe-mob] h1{font-size:clamp(1.75rem,7vw,2.4rem) !important;line-height:1.08 !important}
html[data-lunfe-mob] input,
html[data-lunfe-mob] select,
html[data-lunfe-mob] textarea{font-size:16px !important}
html[data-lunfe-mob] button{min-height:44px}
html[data-lunfe-mob] header > div{flex-wrap:wrap;min-width:0;max-width:100%}
html[data-lunfe-mob] header nav{flex-wrap:wrap;min-width:0}
html[data-lunfe-mob] header input{max-width:100%;min-width:0}
html[data-lunfe-mob] [data-screen-label="Ecosystem Bar"]{overflow-x:auto;-webkit-overflow-scrolling:touch}
html[data-lunfe-mob] [data-support-widget]{right:14px !important}
html[data-lunfe-mob] [data-support-widget] [data-screen-label="Atendimento"]{width:calc(100vw - 28px) !important}
html[data-lunfe-mob] [data-plp-grid]{grid-template-columns:repeat(2,1fr) !important;gap:6px !important}
html[data-lunfe-mob] main > section:not([data-full-bleed]),
html[data-lunfe-mob] main section:not([data-full-bleed]){padding-left:var(--page-pad,16px) !important;padding-right:var(--page-pad,16px) !important}
html[data-lunfe-mob] [data-sticky-bar]{flex-direction:column;align-items:stretch !important}
html[data-lunfe-mob] header{padding:var(--hdr-py,8px) var(--page-pad,16px) !important;row-gap:0}
html[data-lunfe-mob] header > div:first-child{gap:12px !important}
html[data-lunfe-mob] header[data-over="1"]{border-bottom-color:transparent !important;box-shadow:none !important}
html[data-lunfe-mob] header[data-over="1"] button,
html[data-lunfe-mob] header[data-over="1"] nav button,
html[data-lunfe-mob] header[data-over="1"] input{color:#fff !important}
html[data-lunfe-mob] header[data-over="1"] [data-store-tag]{color:rgba(255,255,255,.72) !important;border-left-color:rgba(255,255,255,.3) !important}
html[data-lunfe-mob] header[data-over="1"] [data-bar]{background:#fff !important}
html[data-lunfe-mob] header[data-over="1"] input{border-bottom-color:rgba(255,255,255,.45) !important}
html[data-lunfe-mob] header[data-over="1"] input::placeholder{color:rgba(255,255,255,.75)}
html[data-lunfe-mob] header,
html[data-lunfe-mob] header button,
html[data-lunfe-mob] header nav button,
html[data-lunfe-mob] header input,
html[data-lunfe-mob] header [data-store-tag],
html[data-lunfe-mob] header [data-bar]{transition:background-color 260ms cubic-bezier(.22,1,.36,1),color 260ms cubic-bezier(.22,1,.36,1),
      border-color 260ms cubic-bezier(.22,1,.36,1),box-shadow 260ms cubic-bezier(.22,1,.36,1),
      height 260ms cubic-bezier(.22,1,.36,1) !important;will-change:background-color,color}
html[data-lunfe-mob] header[data-over="1"]{background-color:transparent !important}
html[data-lunfe-mob] header svg{transition:stroke 260ms cubic-bezier(.22,1,.36,1),fill 260ms cubic-bezier(.22,1,.36,1)}
html[data-lunfe-mob] header ~ main [data-screen-label="Home · Hero"]{margin-top:0}
html[data-lunfe-mob] [data-hero-video]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html[data-lunfe-mob] :focus-visible{outline:1px solid #141414;outline-offset:4px}
html[data-lunfe-mob] header[data-over="1"] :focus-visible{outline-color:#fff}
html[data-lunfe-mob] [data-hero-pair]{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr}
html[data-lunfe-mob] [data-hero-pair] > div{position:relative;overflow:hidden}
html[data-lunfe-mob] [data-hero-pair] > div + div{border-left:1px solid rgba(255,255,255,.25)}
html[data-lunfe-mob] [data-hero-arrow]{opacity:.7;transition:opacity .2s ease}
html[data-lunfe-mob] [data-hero-arrow]:hover{opacity:1}
html[data-lunfe-mob] [data-glass="1"] header[data-over="1"]{background:rgba(255,255,255,.10) !important;backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);border-radius:24px;margin:10px 16px;border-bottom:none !important;box-shadow:0 12px 40px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.35)}
html[data-lunfe-mob] [data-glass="1"] [data-support-widget] button{backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5)}
@supports not (backdrop-filter: blur(1px)){
html[data-lunfe-mob] [data-glass="1"] header[data-over="1"]{background:rgba(250,250,250,.92) !important}
}
html[data-lunfe-mob] [data-hero-pair]{grid-template-columns:1fr}
html[data-lunfe-mob] [data-hero-pair] > div + div{display:none}
html[data-lunfe-mob] [data-ck-short]{display:none}
html[data-lunfe-mob] [data-ck-long]{display:none}
html[data-lunfe-mob] [data-ck-short]{display:inline}
html[data-lunfe-mob] [data-cookie-bar]{padding:9px 12px !important;gap:10px !important}
html[data-lunfe-mob] [data-cookie-bar]{flex-wrap:nowrap !important}
html[data-lunfe-mob] [data-cookie-bar] p{font-size:11.5px !important;min-width:0 !important;flex:1 1 auto !important}
html[data-lunfe-mob] [data-cookie-bar] p button{font-size:11.5px !important}
html[data-lunfe-mob] [data-cookie-bar] > div button{padding:0 12px !important;min-width:44px;min-height:var(--tap-min,44px) !important}
html[data-lunfe-mob] [data-cookie-bar] p button{min-height:var(--tap-min,44px);display:inline-flex;align-items:center}
html[data-lunfe-mob] main img{aspect-ratio:auto}
html[data-lunfe-mob] main [data-card] img,
html[data-lunfe-mob] main [data-plp-grid] img{content-visibility:auto}
html[data-lunfe-mob] main [data-card] img,
html[data-lunfe-mob] main [data-plp-grid] img{aspect-ratio:3/4;object-fit:cover}
html[data-lunfe-mob] main > section:not([data-full-bleed]),
html[data-lunfe-mob] main section:not([data-full-bleed]){padding-left:var(--page-pad,16px) !important;padding-right:var(--page-pad,16px) !important}
html[data-lunfe-mob] [data-plp-grid]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr)) !important}
html[data-lunfe-mob] header[data-shrink]{height:56px !important;min-height:56px !important;flex-wrap:nowrap !important;
    padding:0 clamp(12px,3vw,16px) !important;padding-top:0px !important;
    display:flex !important;align-items:center !important;gap:0 !important}
html[data-lunfe-mob] header[data-shrink] > *{flex:0 0 auto}
html[data-lunfe-mob] header[data-shrink] [data-util]{gap:2px !important;margin-left:auto !important;flex-wrap:nowrap !important;align-items:center !important}
html[data-lunfe-mob] header[data-shrink] [data-util] [data-cap]{display:none !important}
html[data-lunfe-mob] header[data-shrink] [data-util] > *:not(svg),
html[data-lunfe-mob] header[data-shrink] [data-mob-util] > *:not(svg){min-width:var(--tap-min,44px) !important;min-height:var(--tap-min,44px) !important}
html[data-lunfe-mob] header[data-shrink] [data-util] svg,
html[data-lunfe-mob] header[data-shrink] [data-mob-util] svg{width:20px !important;height:20px !important;flex:none !important;align-self:center !important}
html[data-lunfe-mob] [data-mob-util]{display:inline-flex !important}
html[data-lunfe-mob] [data-eco-bar]{height:var(--eco-h-mob,40px) !important;padding-left:clamp(12px,3vw,16px) !important;
    padding-right:clamp(12px,3vw,16px) !important;gap:14px !important}
html[data-lunfe-mob] [data-eco-bar] [data-eco-brand]{font-size:15px !important}
html[data-lunfe-mob] [data-screen-label*="Hero"] h1,
html[data-lunfe-mob] [data-screen-label*="Hero"] h2{font-size:clamp(2rem,8vw,3.4rem) !important;text-wrap:balance}
html[data-lunfe-mob] [data-screen-label="Favoritos"] > div,
html[data-lunfe-mob] [data-screen-label="Filtros"] > div{width:100% !important;max-width:none !important}
html[data-lunfe-mob] [data-screen-label="Sacola · Sidebar"] > aside{width:100% !important;max-width:none !important}
html[data-lunfe-mob] [data-screen-label="Mega-menu"],
html[data-lunfe-mob] [data-screen-label="Favoritos"],
html[data-lunfe-mob] [data-screen-label="Filtros"]{height:100dvh}
html[data-lunfe-mob] [data-screen-label="Mega-menu"] > div,
html[data-lunfe-mob] [data-screen-label="Favoritos"] > div,
html[data-lunfe-mob] [data-screen-label="Filtros"] > div{padding-top:0px;padding-bottom:calc(12px + 0px)}
html[data-lunfe-mob] footer [data-om-grid],
html[data-lunfe-mob] footer [data-om-col]{grid-template-columns:1fr !important;gap:22px !important}
html[data-lunfe-mob] footer [data-foot-groups]{gap:0 !important;padding-bottom:8px !important}
html[data-lunfe-mob] footer [data-acc-head]{min-height:var(--tap-min,44px);margin:0 !important}
html[data-lunfe-mob] footer [data-acc-item]{border-block-end:1px solid #F4F4F4}
html[data-lunfe-mob] footer a[href^="mailto:"],
html[data-lunfe-mob] footer a[href^="tel:"],
html[data-lunfe-mob] footer a[href^="https://wa.me/"]{min-height:var(--tap-min,44px);display:inline-flex;align-items:center}
html[data-lunfe-mob] [data-cookie]{bottom:calc(8px + 0px) !important;left:10px !important;right:10px !important}
html[data-lunfe-mob] [data-plp-grid]{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
html[data-lunfe-mob] [data-plp-card] [data-clamp="2"],
html[data-lunfe-mob] [data-card] [data-clamp="2"]{min-block-size:calc(2 * 1.4em);display:-webkit-box}
html[data-lunfe-mob] header[data-shrink] [data-util] > *{min-width:var(--tap-min,44px) !important;min-height:var(--tap-min,44px) !important}
/* CAUSA-RAIZ do painel cobrindo o load (15/08): [data-glass] é o SHELL só no
   Varejo; nas outras 4 ele vive no <header> — esta regra esticava o header a
   100cqh (sticky z900 = tela coberta). Qualificada ao dialeto certo: div. */
html[data-lunfe-mob] div[data-glass]{max-width:430px !important;margin-inline:auto !important;background:#fff;
    min-height:100dvh !important;box-shadow:0 0 0 1px #ECECEC}
html[data-lunfe-mob] main{padding-bottom:calc(24px + 0px) !important}
html[data-lunfe-mob] footer{padding-bottom:calc(20px + 0px) !important}
html[data-lunfe-mob] [data-sticky-bar]{bottom:0 !important}
html[data-lunfe-mob] [data-support-widget]{bottom:calc(18px + 0px) !important}
html[data-lunfe-mob] [data-plp-side] > *,
html[data-lunfe-mob] [data-chip]{min-height:44px}
html[data-lunfe-mob] footer [data-acc-head]{min-height:52px !important}
html[data-lunfe-mob] footer [data-acc-body] button,
html[data-lunfe-mob] footer [data-acc-body] a,
html[data-lunfe-mob] footer [data-acc-body] p{min-height:48px;display:flex;align-items:center}
html[data-lunfe-mob] [data-rail="campanha"],
html[data-lunfe-mob] [data-mobile] [data-rail="campanha"]{grid-auto-columns:280px !important;gap:12px !important}
html[data-lunfe-mob] [data-rail="categoria"],
html[data-lunfe-mob] [data-mobile] [data-rail="categoria"]{grid-auto-columns:150px !important;gap:10px !important}
html[data-lunfe-mob] [data-rail="produto"],
html[data-lunfe-mob] [data-mobile] [data-rail="produto"]{grid-auto-columns:172px !important;gap:12px !important}
html[data-lunfe-mob] [data-rail="modelagem"],
html[data-lunfe-mob] [data-mobile] [data-rail="modelagem"]{grid-auto-columns:150px !important;gap:12px !important}
html[data-lunfe-mob] [data-rail="shorts"],
html[data-lunfe-mob] [data-rail="video"],
html[data-lunfe-mob] [data-mobile] [data-rail="video"]{grid-auto-columns:142px !important;gap:12px !important}
html[data-lunfe-mob] [data-rail="lookbook"],
html[data-lunfe-mob] [data-mobile] [data-rail="lookbook"]{grid-auto-columns:230px !important;gap:12px !important}
html[data-lunfe-mob] [data-rail="review"],
html[data-lunfe-mob] [data-mobile] [data-rail="review"]{grid-auto-columns:250px !important;gap:12px !important}
html[data-lunfe-mob] [data-rail="vistos"],
html[data-lunfe-mob] [data-mobile] [data-rail="vistos"]{grid-auto-columns:104px !important;gap:10px !important}
html[data-lunfe-mob] [data-rail="relacionado"],
html[data-lunfe-mob] [data-mobile] [data-rail="relacionado"]{grid-auto-columns:168px !important;gap:12px !important}
html[data-lunfe-mob] [data-rail],
html[data-lunfe-mob] [data-mobile] [data-rail],
html[data-lunfe-mob] [data-carousel-grid],
html[data-lunfe-mob] [data-rev-grid],
html[data-lunfe-mob] [data-args-grid]{grid-template-columns:none !important;grid-template:none !important}
html[data-lunfe-mob] [data-rail]{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
html[data-lunfe-mob] [data-rail] > *{scroll-snap-align:start}
html[data-lunfe-mob] main > section:not([data-full-bleed]),
html[data-lunfe-mob] main section:not([data-full-bleed]){padding-left:var(--page-pad,16px) !important;padding-right:var(--page-pad,16px) !important}
html[data-lunfe-mob] [data-screen-label*="PLP"],
html[data-lunfe-mob] [data-screen-label="Produto"],
html[data-lunfe-mob] [data-screen-label*="Sacola"]{padding-left:16px !important;padding-right:16px !important}
html[data-lunfe-mob] [data-plp-grid]{gap:20px 12px !important;padding-inline:0 !important}
html[data-lunfe-mob] [data-plp-side]{position:sticky !important;top:56px !important;z-index:calc(var(--z-header,900) - 10) !important;
    background:#fff;padding:8px 0 !important;border-bottom:1px solid #ECECEC;gap:8px !important}
html[data-lunfe-mob] [data-plp-side] > *{min-height:44px}
html[data-lunfe-mob] [data-plp-side] input{min-height:46px !important;font-size:var(--text-input,16px) !important}
html[data-lunfe-mob] [data-screen-label*="PLP"] h1{font-size:28px !important;line-height:1.1 !important;margin:18px 0 6px !important}
html[data-lunfe-mob] [data-plp-card] [data-clamp="2"]{font-size:13.5px !important;line-height:1.35 !important}
html[data-lunfe-mob] [data-plp-card] [data-meta]{font-size:11px !important}
html[data-lunfe-mob] [data-plp-card] [data-price]{font-size:14px !important}
html[data-lunfe-mob] [data-plp-card] [data-pix]{font-size:11px !important;color:#2F6B4B !important}
html[data-lunfe-mob] [data-plp-card] [data-escassez]{font-size:11px !important}
html[data-lunfe-mob] [data-plp-card] [data-cor-sw]{min-width:44px !important;min-height:44px !important;
    display:inline-flex !important;align-items:center;justify-content:center;background-clip:content-box !important;padding:14px !important}
html[data-lunfe-mob] [data-plp-card] [data-fav]{min-width:44px !important;min-height:44px !important}
html[data-lunfe-mob] [data-screen-label="Produto"] [data-pdp-view]{aspect-ratio:3/4;scroll-snap-type:x mandatory}
/* UGC de ponta a ponta: o trilho sangra, mas o 1º e o último ladrilho param no
   gutter (padding + scroll-padding), então nada nasce cortado */
html[data-lunfe-mob] [data-screen-label="Home · UGC"] [data-rail="ugc"]{
  inline-size:100vw !important;max-inline-size:none !important;
  margin-inline:calc(50% - 50vw) !important;
  padding-inline:0 !important;scroll-padding-inline:0 !important;
  scroll-snap-type:x mandatory !important;grid-auto-columns:100vw !important}
/* a pílula "+N" acompanha o texto, não a largura do card */
html[data-lunfe-mob] main span[data-cor-mais][data-cor-mais][data-cor-mais]{
inline-size:max-content !important;padding:2px 7px !important;font-size:12px !important;line-height:1.5 !important;align-self:center !important;
  inline-size:auto !important;max-inline-size:max-content !important;min-inline-size:0 !important;
  block-size:auto !important;flex:0 0 auto !important;padding:2px 7px !important;border-radius:999px !important}
/* CTA e nota das avaliações centralizados no telefone */
html[data-lunfe-mob] [data-screen-label="Home · Confiança"] > div > div:has(> button){--ta:center;justify-content:center;text-align:center}
html[data-lunfe-mob] [data-screen-label="Home · Confiança"] > div > div:has(> button) > span{text-align:center !important}
/* dica de arraste centralizada sob o trilho */
html[data-lunfe-mob] [data-sc-name] section [data-rail-hint][data-rail-hint]{
--ta:center;text-align:center !important;justify-content:center !important}
/* vídeo da home de ponta a ponta: a mídia é o canvas, o texto segue no gutter */
/* Gramatura no mesmo gutter do Lookbook: o padding de 40 do desktop sai e o
   gutter de 16 vem da seção — sem dois gutters diferentes lado a lado */
/* uma dica por trilho: a régua injetada "‹ arraste para o lado › 1/12" duplicava
   a dica de arraste que já existe embaixo do trilho */ /* 24/08 · o kill é do Varejo (dica dobrada); as outras lojas mostram o trilho */
/* Outlet · miniaturas da oferta em fileira rolável (o contrato as empilhava em 1.605px) */
html[data-lunfe-mob] [data-cmp-head]{display:none !important}
html[data-lunfe-mob] [data-cmp-row]{
  display:block !important;grid-template-columns:none !important;
  padding:12px 0 !important;border-bottom:1px solid #EFEFEF !important}
html[data-lunfe-mob] [data-cmp-row] > span:first-child{
  display:block !important;padding:0 0 6px !important;font-size:10.5px !important;
  letter-spacing:.14em !important;color:#767676 !important}
html[data-lunfe-mob] [data-cmp-row] > span:nth-child(2){
  display:block !important;padding:0 !important;border-left:none !important;
  font-size:14px !important;color:#0A0A0A !important;line-height:1.45 !important}
html[data-lunfe-mob] [data-cmp-row] > [data-cmp-cell]{
  display:block !important;padding:4px 0 0 !important;border-left:none !important;
  font-size:12px !important;color:#A8A8A8 !important}
html[data-lunfe-mob] [data-cmp-row] [data-cmp-tag]{
  display:inline !important;text-transform:uppercase;letter-spacing:.1em;font-size:10px;
  color:#C9C9C9;margin-right:6px}html[data-lunfe-mob] [data-contrato][data-contrato]{
  position:relative !important;left:0 !important;margin-inline:calc(var(--page-pad,16px) * -1) !important;
  inline-size:auto !important;max-inline-size:none !important;box-sizing:border-box !important;
  display:grid !important;grid-template-columns:1fr !important;gap:0 !important}
html[data-lunfe-mob] [data-contrato] > *{
  padding:18px var(--page-pad,16px) !important;border-right:none !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;inline-size:auto !important}
html[data-lunfe-mob] [data-contrato] > *:last-child{border-bottom:none !important}html[data-lunfe-mob] [data-seen-rail] [data-seen-media]{
  position:relative !important;left:calc(var(--page-pad,16px) * -1) !important;
  inline-size:calc(100% + (var(--page-pad,16px) * 2)) !important;max-inline-size:none !important;
  box-sizing:content-box !important}/* avaliações no telefone: barras de estrela em linha única, filtros numa régua e
   régua divisória entre depoimentos */
html[data-lunfe-mob] #ou-reviews div[style*="grid-template-columns:24px 1fr 40px"],
html[data-lunfe-mob] #ou-reviews div[style*="grid-template-columns: 24px 1fr 40px"]{
  display:grid !important;grid-template-columns:28px 1fr 42px !important;
  align-items:center !important;gap:8px !important}
html[data-lunfe-mob] #ou-reviews div:has(> button + button){
  display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;
  gap:6px !important;-webkit-overflow-scrolling:touch}
html[data-lunfe-mob] #ou-reviews div:has(> button + button) > button{
  flex:0 0 auto !important;inline-size:auto !important;min-inline-size:0 !important;
  padding-inline:10px !important;white-space:nowrap !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Outlet"] [data-rev-item],
html[data-lunfe-mob] #ou-reviews [data-rev-item]{
  border-bottom:1px solid #DCDCDC !important;padding-block:16px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Outlet"] [data-rev-item]:last-of-type,
html[data-lunfe-mob] #ou-reviews [data-rev-item]:last-of-type{border-bottom:none !important}
html[data-lunfe-mob] #ou-reviews > div > div > div > div + div{
  border-top:1px solid #EFEFEF !important;padding-top:14px !important;margin-top:14px !important}html[data-lunfe-mob] #ou-reviews > div > div > button{
  display:block !important;inline-size:100% !important;margin-inline:auto !important;text-align:center !important}html[data-lunfe-mob] [data-sim-rail][data-sim-rail]{
  display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;
  gap:12px !important;overflow-x:auto !important;
  scroll-snap-type:x mandatory !important;-webkit-overflow-scrolling:touch}
html[data-lunfe-mob] [data-sim-rail] > *{
  flex:0 0 100% !important;inline-size:100% !important;min-inline-size:100% !important;
  max-inline-size:100% !important;scroll-snap-align:start !important;scroll-snap-stop:always;
  border:none !important}
html[data-lunfe-mob] [data-sim-rail] [data-sim-media]{
  position:relative !important;left:calc(var(--page-pad,16px) * -1) !important;
  inline-size:calc(100% + (var(--page-pad,16px) * 2)) !important;max-inline-size:none !important;
  box-sizing:content-box !important;aspect-ratio:4/5 !important}
html[data-lunfe-mob] [data-sim-rail] [data-sim-dica]{display:block !important}
html[data-lunfe-mob] [data-rail="modelagem"] [data-model-dica]{display:block !important}html[data-lunfe-mob] [data-bump-rail] > *,html[data-lunfe-mob] [data-bump-rail] > * > *,html[data-lunfe-mob] [data-bump-rail] > * > * > *{
  padding-inline:0 !important;margin-inline:0 !important;border-inline:none !important}
html[data-lunfe-mob] [data-bump-rail] [data-bump-media],html[data-lunfe-mob] [data-sim-rail] [data-sim-media],html[data-lunfe-mob] [data-seen-rail] [data-seen-media]{
  /* a foto do slide mede o gutter da TELA: o pai já não reserva padding próprio */
  inline-size:calc(100% + (var(--page-pad,16px) * 2)) !important;
  left:calc(var(--page-pad,16px) * -1) !important;box-sizing:content-box !important}
html[data-lunfe-mob] [data-sim-rail] > *,html[data-lunfe-mob] [data-sim-rail] > * > *{padding-inline:0 !important;margin-inline:0 !important}
html[data-lunfe-mob] [data-sim-rail] > * > div:last-child{padding-inline:var(--page-pad,16px) !important}
html[data-lunfe-mob] [data-bump-rail] > * > * > div:not([data-bump-media]){padding-inline:0 !important}html[data-lunfe-mob] [data-screen-label="Menu overlay"] > div:last-child{
  /* menu-sheet dentro do aparelho: 420 do desktop passava 30px da tela */
  inline-size:100% !important;max-inline-size:100% !important;
  margin-inline:0 !important;box-sizing:border-box !important}
html[data-lunfe-mob] [data-screen-label="Menu overlay"] > div:last-child,
html[data-lunfe-mob] [data-screen-label="Menu overlay"] > div:last-child > *{
  text-align:left !important;align-items:flex-start !important;justify-items:start !important}html[data-lunfe-mob] [data-bump-rail][data-bump-rail]{
  display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;
  gap:12px !important;overflow-x:auto !important;
  scroll-snap-type:x mandatory !important;-webkit-overflow-scrolling:touch}
html[data-lunfe-mob] [data-bump-rail] > *{
  flex:0 0 100% !important;inline-size:100% !important;min-inline-size:100% !important;
  max-inline-size:100% !important;scroll-snap-align:start !important;scroll-snap-stop:always}
html[data-lunfe-mob] [data-bump-rail] > * > *{
  display:block !important;grid-template-columns:none !important;border:none !important;padding:0 !important}
html[data-lunfe-mob] [data-bump-rail] [data-bump-media]{
  position:relative !important;left:calc(var(--page-pad,16px) * -1) !important;
  inline-size:calc(100% + (var(--page-pad,16px) * 2)) !important;max-inline-size:none !important;
  box-sizing:content-box !important;aspect-ratio:4/5 !important;margin-bottom:10px !important}
html[data-lunfe-mob] [data-bump-rail] [data-bump-dica]{display:block !important}
/* avaliações: a régua de estrelas fica numa linha só */
html[data-lunfe-mob] #ou-reviews [data-dist-row]{
  display:grid !important;grid-template-columns:34px 1fr 40px !important;
  align-items:center !important;gap:8px !important}html[data-lunfe-mob] [data-seen-rail][data-seen-rail]{
  display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;
  gap:12px !important;overflow-x:auto !important;
  scroll-snap-type:x mandatory !important;-webkit-overflow-scrolling:touch}
html[data-lunfe-mob] [data-seen-rail] > *{
  flex:0 0 100% !important;inline-size:100% !important;max-inline-size:100% !important;
  min-inline-size:100% !important;scroll-snap-align:start !important;scroll-snap-stop:always}html[data-lunfe-mob] [data-lote-bar][data-lote-bar],html[data-lunfe-mob] [data-lote-bar][data-lote-bar][data-bleed]{
  /* borda a borda por posicionamento (margem negativa era zerada por regra do
     contrato e 100vw/cqw era cortado pelo overflow do pai) */
  display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;
  align-items:center !important;gap:6px !important;overflow-x:visible !important;
  position:relative !important;left:calc(var(--page-pad,16px) * -1) !important;
  inline-size:calc(100% + (var(--page-pad,16px) * 2)) !important;max-inline-size:none !important;
  padding-inline:var(--page-pad,16px) !important;padding-block:10px !important;box-sizing:content-box !important}
html[data-lunfe-mob] [data-lote-bar][data-lote-bar] > span:not([data-lote-un]):not([data-lote-ref]){
  /* as quatro placas dividem a régua, com o texto centrado em cada uma */
  font-size:8.5px !important;letter-spacing:.04em !important;padding:5px !important;
  flex:1 1 auto !important;min-inline-size:0 !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  text-align:center !important;overflow:hidden !important;text-overflow:ellipsis !important}
html[data-lunfe-mob] [data-lote-bar][data-lote-bar] > [data-lote-ref]{flex:1 0 100% !important;inline-size:100% !important;margin-top:6px !important;order:10}
html[data-lunfe-mob] [data-lote-bar][data-lote-bar] > [data-lote-un]{
  text-align:center !important;display:block !important;inline-size:100% !important;
  margin-inline:auto !important;justify-content:center !important}
html[data-lunfe-mob] [data-lote-bar] > *{
  /* o contrato dava 100% de largura a cada selo: aqui cada um mede o seu texto */
  flex:0 0 auto !important;inline-size:auto !important;max-inline-size:none !important;
  min-inline-size:0 !important;margin:0 !important}
html[data-lunfe-mob] main > section[data-screen-label="Oferta"] [data-lote-bar]{flex-wrap:wrap !important;overflow-x:visible !important}
html[data-lunfe-mob] [data-lote-bar] > [data-lote-un]{
  /* a linha de estoque fecha a faixa: as placas ficam juntas na primeira régua */
  flex:1 0 100% !important;inline-size:100% !important;margin-top:8px !important;order:9}html[data-lunfe-mob] main > section[data-screen-label="Oferta"] [data-cor-sw]{
  /* seletor de cor na MESMA caixa do chip de tamanho (46 × 44) */
  inline-size:46px !important;block-size:44px !important;border-radius:0 !important;min-inline-size:46px !important}
html[data-lunfe-mob] [data-pdp-thumbs][data-pdp-thumbs]{
  display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;
  gap:8px !important;padding-inline:16px !important;scroll-snap-type:x proximity}
html[data-lunfe-mob] [data-pdp-thumbs] > *{
  flex:0 0 72px !important;inline-size:72px !important;max-inline-size:72px !important;
  block-size:auto !important;scroll-snap-align:start}
html[data-lunfe-mob] [data-pdp-thumbs] > * > :first-child{aspect-ratio:3/4}
html[data-lunfe-mob] [data-pdp-thumbs] > button,html[data-lunfe-mob] [data-pdp-thumbs] > button[style]{
  flex:0 0 72px !important;inline-size:72px !important;min-inline-size:72px !important;max-inline-size:72px !important;
  aspect-ratio:auto !important;block-size:auto !important;scroll-snap-align:start}
html[data-lunfe-mob] [data-pdp-thumbs] > button > span:first-child{
  inline-size:72px !important;block-size:96px !important;aspect-ratio:auto !important}
/* Outlet · ritmo do painel da oferta (mesma doutrina do Varejo: margens dos filhos
   zeradas, ritmo vindo de uma tabela — o painel herdava 24/22/20/18 do desktop) */
/* Outlet · a coluna da foto era sticky (top:88px do desktop): empilhada no telefone
   ela grudava e o painel de preços passava por trás dela na rolagem */
html[data-lunfe-mob] main > section[data-screen-label="Oferta"] [data-bleed] > div:first-child{
  position:static !important;top:auto !important;z-index:auto !important}
/* Outlet · painel da oferta no gutter do telefone (o 40/43 do desktop comia 25% da tela) */
html[data-lunfe-mob] main > section[data-screen-label="Oferta"] [data-bleed] > div:last-child{
  padding-inline:var(--page-pad,16px) !important}
html[data-lunfe-mob] main > section[data-screen-label="Oferta"] [data-bleed] > div:last-child > *{margin-block:0 !important}
html[data-lunfe-mob] main > section[data-screen-label="Oferta"] [data-bleed] > div:last-child > div:first-child{margin-block:0 0 12px !important}
html[data-lunfe-mob] main > section[data-screen-label="Oferta"] [data-bleed] > div:last-child > h1{margin-block:0 0 8px !important}
html[data-lunfe-mob] main > section[data-screen-label="Oferta"] [data-bleed] > div:last-child > div:nth-child(3){margin-block:0 0 16px !important}
html[data-lunfe-mob] main > section[data-screen-label="Oferta"] [data-bleed] > div:last-child > button{margin-block:0 0 12px !important}
html[data-lunfe-mob] main > section[data-screen-label="Oferta"] [data-bleed] > div:last-child > div:nth-child(5){margin-block:0 0 12px !important}
html[data-lunfe-mob] main > section[data-screen-label="Oferta"] [data-bleed] > div:last-child > div:nth-child(6){margin-block:0 0 12px !important}
html[data-lunfe-mob] main > section[data-screen-label="Oferta"] [data-bleed] > div:last-child > [data-atc-linha]{margin-block:16px 0 !important}
html[data-lunfe-mob] main > section[data-screen-label="Oferta"] [data-bleed] > div:last-child > div:nth-child(n+8){margin-block:22px 0 !important}
/* Outlet · visor da oferta sangra medindo o APARELHO, não o contêiner do desktop */
html[data-lunfe-mob] main > section[data-screen-label="Oferta"] [data-bleed]:not([data-lote-bar]){
  inline-size:100vw !important;max-inline-size:none !important;
  margin-inline:calc(50% - 50vw) !important}
html[data-lunfe-mob] main > section[data-screen-label="Oferta"] div:has(> input) > button{
  white-space:nowrap !important;letter-spacing:.06em !important;flex:0 0 auto !important;padding-inline:16px !important}
/* sheets do app (sacola, filtros, menu) medem a ALTURA DO APARELHO: 86dvh media a
   janela do navegador e o painel vazava para fora do telefone */
html[data-lunfe-mob] [data-screen-label="Sacola · Sidebar"] > aside,
html[data-lunfe-mob] [data-screen-label="Filtros"] > div,
html[data-lunfe-mob] [data-screen-label="Filtros"] > div:last-child,
html[data-lunfe-mob] [data-screen-label="Favoritos"] > div,
html[data-lunfe-mob] [data-screen-label="Mega-menu"] > div,
html[data-lunfe-mob] [data-screen-label="Busca"] > div{
  max-block-size:86dvh !important;block-size:auto !important;overflow-y:auto !important;overscroll-behavior:contain}
html[data-lunfe-mob] [data-screen-label="Sacola · Sidebar"],
html[data-lunfe-mob] [data-screen-label="Filtros"],
html[data-lunfe-mob] [data-screen-label="Favoritos"],
html[data-lunfe-mob] [data-screen-label="Mega-menu"]{
  position:fixed !important;inset-block:0 !important;
  block-size:100dvh !important;max-block-size:100dvh !important;margin-block:auto !important;
  display:grid !important;place-items:end center !important;overflow:hidden !important}
/* peça · quantidade + "adicionar à sacola" na mesma linha (o contrato jogava o
   CTA para 100% da largura e empurrava o seletor para a linha de cima) */
html[data-lunfe-mob] [data-atc-linha]{flex-wrap:nowrap !important}
/* ══ PORTE 4L (16/08) · vale para as quatro visões editáveis, uma vez só ═══════
   1 · slot ancorado (position:absolute;inset:0) recebia aspect-ratio 3/2 do
   contrato e ficava mais alto que a moldura — era a faixa branca sob a mídia. */
html[data-lunfe-mob] image-slot[style*="position: absolute"],
html[data-lunfe-mob] image-slot[style*="position:absolute"]{
  aspect-ratio:auto !important;inline-size:100% !important;block-size:100% !important;
  min-block-size:0 !important;max-block-size:100% !important}
/* 2 · calha percentual em grid de altura automática é medida como zero e pintada
   como 6% da altura resultante: centenas de px por linha, estouro e sobreposição. */
html[data-lunfe-mob] [data-om-col][style*="gap:6%"],
html[data-lunfe-mob] [data-om-col][style*="gap: 6%"]{row-gap:40px !important;column-gap:0 !important}
/* 3 · nome da peça em UMA linha — cada loja nomeia sua tela de peça */
html[data-lunfe-mob] main > section[data-screen-label="Oferta"] h1{
  font-size:clamp(26px,7.4vw,34px) !important;font-weight:700 !important;line-height:1.06 !important;
  letter-spacing:0 !important;white-space:normal !important;text-overflow:clip !important;
  display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  inline-size:100% !important;text-wrap:balance}

/* ══ RESET DE FLUXO DA PEÇA · causa raiz do colapso ════════════════════════
   [data-pdp-shell] e o split "Sobre esta peça" traziam gap:6% (percentual). Num
   grid alto de altura automática o navegador calcula a altura como se o gap fosse
   zero e depois PINTA 6% dessa altura: ~590px de calha por linha, o conteúdo
   estourou 4,4 mil px além do contêiner — daí os vãos de uma tela inteira (S3) e a
   sobreposição com avaliações/clube/contato (S1, S2). Calha definida em px resolve
   os três de uma vez; as margens dos blocos saem para o ritmo vir de um só lugar. */
html[data-lunfe-mob] [data-screen-label="Produto"] [data-pdp-shell]{
  row-gap:40px !important;column-gap:0 !important}
html[data-lunfe-mob] [data-screen-label="Produto"] [data-pdp-shell] > *{margin-block:0 !important}
html[data-lunfe-mob] [data-screen-label="Produto"] [data-pdp-shell] [data-om-col]{
  row-gap:16px !important;column-gap:0 !important}
/* cartão de "Leve também": sem mídia, a coluna da foto colapsa em vez de reservar 168px */
html[data-lunfe-mob] [data-bump-card]{grid-template-columns:96px minmax(0,1fr) auto !important;
  gap:12px !important;min-height:0 !important}
html[data-lunfe-mob] [data-bump-card] > button{margin-right:12px !important}
/* buy-box de gutter a gutter: o painel usa a largura do aparelho, com o gutter de 16 */
html[data-lunfe-mob] [data-screen-label="Produto"] [data-pdp-panel]{
  inline-size:auto !important;max-inline-size:none !important;
  margin-inline:0 !important;padding-inline:0 !important}
html[data-lunfe-mob] [data-screen-label="Produto"] [data-pdp-panel] > *{
  max-inline-size:none !important;inline-size:auto !important}
/* miniatura de 72px não cabe frase: rótulo curto e tipo miúdo, sem quebra no meio */
html[data-lunfe-mob] [data-pdp-thumbs] image-slot{font-size:9px !important;letter-spacing:0 !important}
/* ══ VÃOS BRANCOS DA PEÇA · causa raiz única ═══════════════════════════════
   O contrato impõe aspect-ratio 3/2 a todo image-slot; nos slots que vivem
   ancorados (position:absolute;inset:0) dentro de um pane/moldura, esse ratio
   vence o inset e o slot fica mais alto que o contêiner — daí as faixas brancas
   depois da galeria, do resumo, do banner de atacado e do bloco do clube. */
html[data-lunfe-mob] [data-screen-label="Produto"] image-slot[style*="position: absolute"],
html[data-lunfe-mob] [data-screen-label="Produto"] image-slot[style*="position:absolute"],
html[data-lunfe-mob] [data-pdp-swipe] image-slot,
html[data-lunfe-mob] [data-pdp-thumbs] image-slot{
  aspect-ratio:auto !important;inline-size:100% !important;block-size:100% !important;
  min-block-size:0 !important;max-block-size:100% !important}
/* ══ RITMO VERTICAL DA PEÇA (≤430) ═════════════════════════════════════════
   Causa raiz única de 7 das 8 faixas da buy-box: margem vertical literal em cada
   filho do painel (herança do desktop). Aqui as margens dos filhos são zeradas e
   o ritmo passa a vir desta tabela. A1 vem do padding-block da section (48/120). */
html[data-lunfe-mob] [data-screen-label="Produto"]{padding-block:12px 96px !important}
html[data-lunfe-mob] [data-screen-label="Produto"] > nav{margin-block:0 8px !important}
html[data-lunfe-mob] [data-pdp-panel] > *{margin-block:0 !important}
html[data-lunfe-mob] [data-pdp-panel] > h1{margin-block:0 0 8px !important}
html[data-lunfe-mob] [data-pdp-panel] > [data-pdp-sub]{margin-block:0 0 8px !important}
html[data-lunfe-mob] [data-pdp-panel] > div:has(> [data-pdp-price]){margin-block:0 0 5px !important}
html[data-lunfe-mob] [data-pdp-panel] > [data-pdp-pix]{margin-block:0 0 10px !important}
html[data-lunfe-mob] [data-pdp-panel] > button{margin-block:0 0 12px !important}
html[data-lunfe-mob] [data-pdp-panel] > div:has(> [data-cor-sw]){margin-block:0 0 8px !important}
html[data-lunfe-mob] [data-pdp-panel] > [data-pdp-corsel]{margin-block:0 0 12px !important}
html[data-lunfe-mob] [data-pdp-panel] > [data-pdp-fit]{margin-block:8px 0 !important;min-height:44px}
html[data-lunfe-mob] [data-pdp-panel] > [data-pdp-modelo]{margin-block:4px 0 !important}
html[data-lunfe-mob] [data-pdp-panel] > [data-atc-linha]{margin-block:12px 0 !important}
html[data-lunfe-mob] [data-pdp-panel] > [data-pdp-links]{margin-block:10px 0 !important}
html[data-lunfe-mob] [data-pdp-panel] > div:has(> [data-cep-row]),
html[data-lunfe-mob] [data-pdp-panel] > div:last-child{margin-block:22px 0 !important;padding-block:20px 0 !important}
/* aviso "adicionado à sacola" vive dentro do aparelho (era position:fixed medindo
   a viewport e escapava do quadro de 390) */
html[data-lunfe-mob] [data-sc-name] [role="status"]{
  inline-size:min(340px,calc(100vw - 24px)) !important;max-inline-size:calc(100vw - 24px) !important;
  inset-inline:auto 12px !important;margin-inline:auto !important}
html[data-lunfe-mob] [data-atc-linha]{gap:8px !important}
/* peça · o nome cabe sempre em 2 linhas: escala fluida com teto e clamp de linhas */
html[data-lunfe-mob] [data-screen-label="Produto"] h1{
  /* nome do produto em UMA linha: fonte fluida menor, sem quebra */
  font-size:clamp(13px,3.5vw,17px) !important;line-height:1.25 !important;letter-spacing:.05em !important;
  display:block !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
/* peça · seletor de quantidade 10% menor para o CTA da sacola ganhar largura */
html[data-lunfe-mob] [data-atc-linha] > [data-qtd-atc]{flex:0 0 auto !important;transform:none}
html[data-lunfe-mob] [data-atc-linha] > [data-qtd-atc] button{min-inline-size:34px !important;padding-inline:4px !important}
html[data-lunfe-mob] [data-atc-linha] > [data-qtd-atc] span{min-inline-size:26px !important;padding-inline:0 !important;
display:grid !important;place-items:center !important;text-align:center !important}
html[data-lunfe-mob] [data-atc-linha] > button{font-size:11.5px !important;letter-spacing:.08em !important;padding-inline:16px !important}
html[data-lunfe-mob] [data-atc-linha] > div{flex:0 0 auto !important}
html[data-lunfe-mob] [data-atc-linha] > button{flex:1 1 0 !important;inline-size:auto !important;min-inline-size:0 !important;
  max-inline-size:none !important;white-space:nowrap;padding-inline:12px !important}
/* ══ TELAS EXTRAS NO FORMATO DO APP ══════════════════════════════════════════
   Institucional, Central de Ajuda e demais overlays são position:fixed e por isso
   mediam a viewport (1442px na preview), não o aparelho. Teto de 430 + centralização
   é a mesma doutrina já usada em mega-menu, busca e sacola. */
/* ══ O QUADRO É O BLOCO CONTENTOR DOS OVERLAYS ═════════════════════════════
   Todo overlay do app (institucional, ajuda, sacola, filtros, favoritos, mega-menu,
   busca, atendimento, aviso da sacola) é position:fixed. container-type:size NÃO
   cria bloco contentor para fixed — só transform/filter/contain:layout|paint —
   então eles resolviam contra a JANELA e nasciam fora do telefone. Uma linha aqui
   ancora a classe inteira no aparelho; nenhum ajuste de inset por overlay. */

html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"],
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Favoritos"],
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Filtros"],
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Sacola · Sidebar"],
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Atendimento"],
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Busca"]{
  position:fixed !important;inset-inline:0 !important;inset-block:0 !important;
max-inline-size:min(430px,100vw) !important;margin-inline:auto !important;
block-size:100dvh !important;max-block-size:100dvh !important;margin-block:auto !important;
overflow-y:auto !important;overscroll-behavior:contain}
html[data-lunfe-mob] [data-screen-label="Página institucional"] > div > :is(div,p,h1,h2,h3,ul,ol,section,figure){
  inline-size:100% !important;max-inline-size:100% !important;margin-inline:0 !important;padding-inline:0 !important}
html[data-lunfe-mob] footer span:has(> a[href*="frymo"]){
  border-top:1px solid color-mix(in srgb, currentColor 12%, transparent);
  padding-top:10px !important;margin-top:8px !important;inline-size:100% !important}
/* "powered by FRYMO OS" abre a faixa, com "Legível por IA" abaixo */
html[data-lunfe-mob] footer span:has(> a[href*="frymo"]){
  display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:6px !important}
html[data-lunfe-mob] footer span:has(> a[href*="frymo"]) > a{order:-1}
html[data-lunfe-mob] footer span:has(> a[href*="frymo"]) > [data-foot-trust]{order:0}
html[data-lunfe-mob] footer span:has(> a[href*="frymo"]) > span:not([data-foot-trust]){order:1}
/* "Conexão segura · Dados protegidos" abre a última faixa, acima da marca */
html[data-lunfe-mob] footer > div:last-child > span:first-child{
  display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:6px !important}
html[data-lunfe-mob] footer > div:last-child > span:first-child > span:first-child{order:-1}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] > div{
  max-inline-size:100% !important;margin-inline:0 !important;padding-inline:var(--page-pad,16px) !important}
/* ══ COMPACTAÇÃO DO RODAPÉ (≤430) · causa raiz: padding duplicado (faixa 24/30 +
   wrapper 16/16) e cabeça de acordeão com padding-block 12+12. Ritmo novo: 12px na
   faixa (24px entre conteúdos vizinhos), wrapper sem padding-block, réguas sem margem. */
html[data-lunfe-mob] [data-sc-name] footer > div{padding-block:12px !important}
html[data-lunfe-mob] [data-sc-name] footer > div > div{padding-block:0 !important}
/* cabeça de accordion: alvo de 44px preservado por min-height, não por padding */
html[data-lunfe-mob] [data-sc-name] footer [data-acc-head]{
  padding-block:10px !important;margin-block:0 0 6px !important;min-height:44px !important}
html[data-lunfe-mob] [data-sc-name] footer [data-acc-item]{margin-block:0 !important}
/* rótulo "Siga a Lunfe" abre o bloco sem herdar respiro extra */
html[data-lunfe-mob] footer div:has(> [data-foot-social]) > span:has(+ [data-foot-social]){
  padding-top:10px !important;margin-top:0 !important}
/* última faixa: 28px de respiro antes de LUNFE / COLEÇÃO (12 da anterior + 16) */
html[data-lunfe-mob] [data-sc-name] footer > div:last-child{padding-block:16px 12px !important}
/* ritmo interno: listas de link do rodapé em 2 colunas (padrão já usado em
   NOSSAS LOJAS), gaps curtos e margens de parágrafo enxutas — alvo de 44 intacto */
html[data-lunfe-mob] [data-sc-name] footer > div > div > div:has(> button + button){
  display:grid !important;grid-template-columns:1fr 1fr !important;gap:2px 12px !important}
html[data-lunfe-mob] [data-sc-name] footer > div > div{gap:6px !important}
html[data-lunfe-mob] [data-sc-name] footer > div > div > p{margin-block:0 6px !important}
html[data-lunfe-mob] [data-sc-name] footer [data-foot-selos]{gap:10px !important}
/* rodapé · rótulo "Siga a Lunfe" abre o bloco das redes (a régua sobe para ele) */
html[data-lunfe-mob] footer div:has(> [data-foot-social]) > span:has(+ [data-foot-social]){
  border-top:1px solid color-mix(in srgb, currentColor 12%, transparent);padding-top:12px;margin-top:4px;inline-size:100%}
html[data-lunfe-mob] footer [data-foot-social][data-foot-social]{border-top:none !important;padding-top:0 !important;margin-top:0 !important}
/* header · a home encosta no ☰: o grupo herdava padding-inline de 16 do contrato */
html[data-lunfe-mob] header > div:has(> button[aria-label*="página inicial"]){padding-inline:0 !important}
/* header · lupa, conta e sacola encostam na borda direita (o grupo carregava
   padding-inline de 16 do contrato e roubava o canto) */
html[data-lunfe-mob] header [data-util][data-util]{padding-inline:0 !important}
/* Modelagens · dica de arraste dentro da mídia, junto à base da foto */
html[data-lunfe-mob] [data-screen-label="Home · Modelagens"] > div:has(> [data-rail]),
html[data-lunfe-mob] [data-screen-label="Home · Modelagens"] > div:has(> [data-carousel-grid]){position:relative}
html[data-lunfe-mob] [data-screen-label="Home · Modelagens"] [data-rail-hint][data-rail-hint]{
  /* a mídia é 4/5 sobre a largura do trilho (tela menos gutter): a base dela é
     (100cqw - 32px) × 1.25 — o --arrow-y do contrato não existe neste bloco */
  position:absolute;left:50%;transform:translateX(-50%);z-index:var(--z-badge,3);
  top:calc((100vw - 32px) * 1.25 - 18px);bottom:auto;
  margin:0 !important;inline-size:auto !important;
  background:none;color:#D8D8D8 !important;padding:0;text-shadow:0 1px 2px rgba(0,0,0,.18);
  pointer-events:none;white-space:nowrap}
/* categorias · a linha técnica (g/m² · modelagem) vive DENTRO da foto, no rodapé
   da mídia; o nome da categoria segue em fluxo abaixo */
html[data-lunfe-mob] [data-screen-label="Home · Categorias"] [data-rail] > button,
html[data-lunfe-mob] [data-screen-label="Home · Categorias"] [data-carousel-grid] > button{position:relative}

/* dica de arraste sobreposta ao trilho: flutua no rodapé da mídia, centrada,
   em vez de ocupar uma linha própria abaixo do bloco */
html[data-lunfe-mob] [data-screen-label="Home · Categorias"] > div{position:relative}
html[data-lunfe-mob] [data-screen-label="Home · Categorias"] [data-rail-hint][data-rail-hint]{
  position:absolute;left:50%;transform:translateX(-50%);z-index:var(--z-badge,3);
top:calc(var(--arrow-y,50%) * 2 - 42px);bottom:auto;
  margin:0 !important;inline-size:auto !important;
  background:none;color:#D8D8D8 !important;padding:0;text-shadow:0 1px 2px rgba(0,0,0,.18);
  pointer-events:none;white-space:nowrap}
/* as 5 lojas cabem na tela: o trilho vira grade que quebra, sem rolagem lateral */
html[data-lunfe-mob] footer [data-eco-rail][data-eco-rail]{
  display:flex !important;flex-wrap:wrap !important;overflow:visible !important;
  gap:2px 4px !important;inline-size:100% !important;justify-content:center !important}
html[data-lunfe-mob] footer [data-eco-rail] button{padding:6px 6px !important;font-size:12.5px !important;flex:0 0 auto}
/* régua entre todas as faixas do rodapé, inclusive a legal */
html[data-lunfe-mob] footer > div + div{border-top:1px solid color-mix(in srgb, currentColor 12%, transparent)}
/* rodapé · "Nossas lojas" e as redes são dois blocos: pilha com régua entre eles
   (na largura do telefone eles se encavalavam na mesma linha) */
html[data-lunfe-mob] footer div:has(> [data-foot-social]){
  flex-direction:column !important;align-items:stretch !important;gap:0 !important}
html[data-lunfe-mob] footer [data-eco-rail]{padding-block:6px 12px}
html[data-lunfe-mob] footer [data-foot-social][data-foot-social]{
  margin-left:0 !important;justify-content:flex-start;
  border-top:1px solid color-mix(in srgb, currentColor 12%, transparent);padding-top:6px;margin-top:2px}
/* Guias no gutter de 16 (o padding de 40 é do desktop): conteúdo de ponta a ponta */
html[data-lunfe-mob] [data-screen-label="Home · Guias"] > div{padding-inline:var(--page-pad,16px) !important}
/* Clube: coluna de texto centralizada (o contrato alinha títulos por --ta) */
html[data-lunfe-mob] [data-screen-label="Clube Lunfe · Newsletter"] > div > div:first-child{
  --ta:center;text-align:center;align-items:center}
html[data-lunfe-mob] [data-screen-label="Clube Lunfe · Newsletter"] > div > div:first-child :is(p,span,h2,label){text-align:center !important}
html[data-lunfe-mob] [data-screen-label="Clube Lunfe · Newsletter"] > div > div:first-child > div{justify-content:center !important}
/* coluna de texto do Clube: gutter de 16 no telefone (o padding de 56 é do desktop) */
html[data-lunfe-mob] [data-screen-label="Clube Lunfe · Newsletter"] > div > div:first-child{
  padding:36px var(--page-pad,16px) 40px !important}
html[data-lunfe-mob] [data-clube-media][data-clube-media]{
  inline-size:100vw !important;max-inline-size:none !important;
  margin-inline:calc(50% - 50vw) !important;
  min-block-size:0 !important;aspect-ratio:4/5}
html[data-lunfe-mob] [data-screen-label="Home · Gramatura"] > div{padding-inline:0 !important}
html[data-lunfe-mob] [data-screen-label="Home · Vídeo"] > div{padding-inline:0 !important}
html[data-lunfe-mob] [data-screen-label="Home · Vídeo"] > div > :not(:has([data-video-media])){padding-inline:var(--page-pad,16px)}
html[data-lunfe-mob] [data-video-media][data-video-media],
html[data-lunfe-mob] [data-screen-label="Home · Vídeo"] [data-om-col] > [data-video-media][data-video-media]{
  /* sangria imune a padding aninhado: a mídia mede a tela, não o container */
  inline-size:100vw !important;max-inline-size:none !important;
  margin-inline:calc(50% - 50vw) !important}
/* amostra de cor é ponto discreto: os trilhos esticam filhos por contrato e
   transformavam a bolinha de 16px numa elipse da largura do card */
html[data-lunfe-mob] main [data-cor-dot][data-cor-dot]{
  inline-size:16px !important;block-size:16px !important;
  min-inline-size:16px !important;max-inline-size:16px !important;
  flex:0 0 16px !important;aspect-ratio:1 !important;border-radius:50% !important;padding:0 !important}
/* Confiança: módulo de gutter a gutter e UM depoimento por tela */
html[data-lunfe-mob] [data-screen-label="Home · Confiança"] > div{padding-inline:0 !important}
html[data-lunfe-mob] [data-screen-label="Home · Confiança"] > div > :not([data-screen-label="Home · Reviews"]){
  padding-inline:var(--page-pad,16px)}
html[data-lunfe-mob] [data-screen-label="Home · Reviews"] [data-rail="review"]{
  margin-inline:calc(var(--page-pad,16px) * -1) !important;
  padding-inline:var(--page-pad,16px) !important;
  scroll-padding-inline:var(--page-pad,16px) !important;
  scroll-snap-type:x mandatory !important;grid-auto-columns:100% !important}
html[data-lunfe-mob] [data-screen-label="Home · Reviews"] [data-rail="review"] > *{
  flex:0 0 100% !important;min-inline-size:100% !important;max-inline-size:100% !important;
  scroll-snap-align:start !important;scroll-snap-stop:always}
html[data-lunfe-mob] [data-screen-label="Home · Reviews"] [data-rail-hint]{padding-inline:var(--page-pad,16px)}
/* newsletter no telefone: coluna única com o conteúdo centralizado */
html[data-lunfe-mob] [data-screen-label="Home · Newsletter"] [data-nl-card]{--ta:center;text-align:center;justify-items:center}
html[data-lunfe-mob] [data-screen-label="Home · Newsletter"] [data-nl-card] :is(h2,p){margin-inline:auto}
html[data-lunfe-mob] [data-screen-label="Home · Newsletter"] [data-nl-row]{justify-content:center;margin-inline:auto}
html[data-lunfe-mob] [data-screen-label="Home · Newsletter"] [data-nl-card] input{text-align:center}
/* UGC: uma foto por vez, sem ladrilho cortado na borda — snap obrigatório com
   parada em cada item (o gutter de 16 vem do scroll-padding do trilho) */
html[data-lunfe-mob] [data-screen-label="Home · UGC"] [data-rail="ugc"]{
  scroll-snap-type:x mandatory !important;grid-auto-columns:100% !important}
html[data-lunfe-mob] [data-screen-label="Home · UGC"] [data-rail="ugc"] > *{
  flex:0 0 100vw !important;min-inline-size:100vw !important;max-inline-size:100vw !important;
  border:none !important;scroll-snap-align:start !important;scroll-snap-stop:always}
/* o bloco de UGC tem padding próprio de 40 (desktop): no telefone ele vira o
   gutter de 16, para a sangria do trilho fechar com a borda do aparelho */
html[data-lunfe-mob] [data-screen-label="Home · UGC"] > div{padding-inline:0 !important}
html[data-lunfe-mob] [data-screen-label="Home · UGC"] [data-rail="ugc"][data-om-three]{padding-inline:0 !important;scroll-padding-inline:0 !important}
/* visor de gutter a gutter: a foto é o canvas, o texto segue no gutter de 16 */
html[data-lunfe-mob] [data-screen-label="Produto"] [data-pdp-view]{
  margin-inline:calc(var(--page-pad,16px) * -1) !important;inline-size:auto !important}
/* no aparelho não existe barra de rolagem de 10px: ela sobrava como faixa branca
   à direita do quadro de 390 e encurtava o visor de ponta a ponta */
html[data-lunfe-mob] ::-webkit-scrollbar{width:0 !important;height:0 !important}
html[data-lunfe-mob] [data-pdp-thumbs]{gap:6px !important}
html[data-lunfe-mob] [data-pdp-thumbs] > *{flex:0 0 58px !important;aspect-ratio:3/4;scroll-snap-align:start}
html[data-lunfe-mob] [data-pdp-panel]{padding:18px 18px 24px !important;position:static !important}
html[data-lunfe-mob] [data-screen-label="Produto"] h1{
/* nome do produto em UMA linha (o texto vive num span filho: o clamp vai nos dois) */
font-size:clamp(13px,3.5vw,17px) !important;line-height:1.25 !important;letter-spacing:.05em !important;
display:block !important;min-inline-size:0 !important;
white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
html[data-lunfe-mob] [data-screen-label="Produto"] h1 > span{
display:block !important;min-inline-size:0 !important;
white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
html[data-lunfe-mob] [data-pdp-price]{font-size:26px !important}
html[data-lunfe-mob] [data-pdp-pix]{font-size:13px !important;color:#2F6B4B !important}
html[data-lunfe-mob] [data-pdp-parc]{font-size:12.5px !important}
html[data-lunfe-mob] [data-screen-label="Produto"] [data-cor-sw]{min-width:44px !important;min-height:44px !important}
html[data-lunfe-mob] [data-tam],
html[data-lunfe-mob] [data-size-chip]{min-width:56px !important;min-height:48px !important}
html[data-lunfe-mob] [data-tam][disabled],
html[data-lunfe-mob] [data-size-chip][disabled]{text-decoration:line-through;opacity:.5}
html[data-lunfe-mob] [data-qty] button,
html[data-lunfe-mob] [data-qty-btn]{min-width:46px !important;min-height:46px !important}
html[data-lunfe-mob] [data-atc-inline]{min-height:54px !important}
html[data-lunfe-mob] [data-cep] button,
html[data-lunfe-mob] [data-frete] button{min-height:52px !important}
html[data-lunfe-mob] [data-sticky-bar] button{min-height:50px !important}
html[data-lunfe-mob] [data-screen-label="Produto"]{padding-bottom:120px !important}
html[data-lunfe-mob] [data-screen-label="Produto"] [data-rail="video"]{grid-auto-columns:150px !important}
html[data-lunfe-mob] [data-screen-label="Produto"] [data-rail="relacionado"],
html[data-lunfe-mob] [data-bump] [data-rail]{grid-auto-columns:168px !important}
html[data-lunfe-mob] [data-screen-label="Sacola · Sidebar"] button{min-height:44px}
html[data-lunfe-mob] [data-screen-label="Sacola · Sidebar"] [data-cart-thumb]{inline-size:88px !important;aspect-ratio:3/4}
html[data-lunfe-mob] [data-screen-label="Sacola · Sidebar"] [data-qty] button{min-width:44px !important;min-height:44px !important}
html[data-lunfe-mob] [data-freeship-bar]{block-size:6px !important}
html[data-lunfe-mob] [data-cart-crosssell] [data-rail]{grid-auto-columns:150px !important}
html[data-lunfe-mob] [data-cart-summary]{position:sticky !important;bottom:calc(61px + 0px) !important;
    z-index:var(--z-sticky-bar,60);background:#fff;border-top:1px solid #ECECEC}
html[data-lunfe-mob] [data-cart-summary] [data-checkout-cta]{min-height:54px !important}
html[data-lunfe-mob] [data-screen-label="Sacola · Sidebar"] [data-cart-list]{padding-bottom:210px !important}
html[data-lunfe-mob] [data-screen-label="Filtros"] > div:last-child,
html[data-lunfe-mob] [data-screen-label="Sacola · Sidebar"] > aside{max-height:86dvh !important;padding-top:26px !important;position:relative}
html[data-lunfe-mob] [data-screen-label="Filtros"] > div:last-child::before,
html[data-lunfe-mob] [data-screen-label="Sacola · Sidebar"] > aside::before{content:"";top:11px;left:50%;transform:translateX(-50%);
    inline-size:40px;block-size:4px;border-radius:999px;background:#D8D8D8;touch-action:none}
html[data-lunfe-mob] [data-toastv],
html[data-lunfe-mob] [data-toast]{inline-size:calc(100% - 40px) !important;max-inline-size:390px !important;
    left:50% !important;right:auto !important;transform:translateX(-50%) !important;
    bottom:calc(74px + 0px) !important;background:#141414 !important;color:#fff !important;
    z-index:var(--z-toast,75)}
html[data-lunfe-mob] [data-toastv] button,
html[data-lunfe-mob] [data-toast] button{min-height:44px}
html[data-lunfe-mob] footer{background:var(--foot-bg,#FAFAFA) !important;border-top:1px solid #ECECEC}
html[data-lunfe-mob] footer > div{padding:24px 20px calc(30px + 0px) !important}
html[data-lunfe-mob] footer [data-acc-head]{min-height:52px !important}
html[data-lunfe-mob] footer [data-acc-body] > *{min-height:48px}
html[data-lunfe-mob] footer button,
html[data-lunfe-mob] footer a[href]{min-height:44px}
html[data-lunfe-mob] footer [data-help-cta]{min-height:50px !important}
html[data-lunfe-mob] [data-mobile="grid"] [data-om-two]{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
html[data-lunfe-mob] [data-mobile="grid"] [data-om-two] [role="img"]{aspect-ratio:1/1}
html[data-lunfe-mob] main > section{padding-top:var(--sec-pt,var(--space-12,48px)) !important;padding-bottom:var(--sec-pb,0px) !important}
html[data-lunfe-mob] main > section > header,
html[data-lunfe-mob] main > section > div:first-child > header{margin-bottom:14px !important}
html[data-lunfe-mob] [data-hero-copy] > div{flex-direction:column;align-items:stretch !important}
html[data-lunfe-mob] [data-hero-copy] > div > button:first-child{min-height:52px;width:100%}
html[data-lunfe-mob] [data-hero-copy] > div > button + button{min-height:44px;width:100%}
html[data-lunfe-mob] [data-plp-grid]{gap:20px 12px !important}
html[data-lunfe-mob] [data-screen-label="Ecosystem Bar"] button{min-height:44px}
html[data-lunfe-mob] [data-cookie-bar] button{min-height:44px}
html[data-lunfe-mob] header button,
html[data-lunfe-mob] footer button,
html[data-lunfe-mob] [data-util] button{min-height:44px}
html[data-lunfe-mob] button:active{transform:scale(.97)}
html[data-lunfe-mob] section{min-width:0;max-width:100%;align-self:stretch}
html[data-lunfe-mob] [data-screen-label="Campanhas"]{grid-template-columns:1fr !important;min-height:0 !important}
html[data-lunfe-mob] [data-screen-label="Campanhas"] > div:first-child{aspect-ratio:4/5;min-height:0 !important}
html[data-lunfe-mob] [data-screen-label="Campanhas"] > div:last-child{padding:24px 16px 28px !important}
html[data-lunfe-mob] [data-screen-label="Campanhas"] h1,
html[data-lunfe-mob] [data-screen-label="Campanhas"] h2{font-size:clamp(1.6rem,7.4vw,2.2rem) !important}
html[data-lunfe-mob] [data-screen-label="Campanhas"] button{flex:0 0 auto}
html[data-lunfe-mob] [data-screen-label="Menu overlay"] > div > div{grid-template-columns:1fr !important;gap:26px !important}
html[data-lunfe-mob] [data-screen-label="Menu overlay"] button span:last-child{font-size:clamp(1.3rem,6.4vw,1.7rem) !important}
html[data-lunfe-mob] [data-screen-label="Selo-tríade"] > div{grid-template-columns:1fr !important}
html[data-lunfe-mob] [data-om-two],
html[data-lunfe-mob] [data-om-three]{grid-template-columns:1fr !important}
html[data-lunfe-mob] table{font-size:13px !important}
html[data-lunfe-mob] table th,
html[data-lunfe-mob] table td{padding:11px 12px !important}
html[data-lunfe-mob] [data-tier-inter] button{flex-direction:column;align-items:flex-start !important;gap:4px}
html[data-lunfe-mob] [data-tier-inter] button > span:last-child{flex-direction:row !important;gap:10px}
html[data-lunfe-mob] [data-o-s4] input,
html[data-lunfe-mob] [data-m-s8] input,
html[data-lunfe-mob] [data-e-s2] input,
html[data-lunfe-mob] [data-e-s8] input{flex:1 1 100% !important;max-width:none !important}
html[data-lunfe-mob] [data-o-s4] button,
html[data-lunfe-mob] [data-m-s8] button,
html[data-lunfe-mob] [data-e-s8] button{flex:0 0 auto}
html[data-lunfe-mob] [data-e-s2] [role="img"],
html[data-lunfe-mob] [data-e-s8] div{min-width:0}
html[data-lunfe-mob] footer [data-om-grid]{grid-template-columns:1fr !important}
html[data-lunfe-mob] [data-screen-label="Campanhas"] > div:last-child{padding:20px var(--page-pad,16px) 24px !important}
html[data-lunfe-mob] [data-screen-label="Menu overlay"] > div{padding:18px var(--page-pad,16px) 48px !important}
html[data-lunfe-mob] table{font-size:12.5px !important;min-width:520px !important}
html[data-lunfe-mob] [data-tier-inter] button{padding:16px 18px !important}
html[data-lunfe-mob] [data-o-s4] > div > div > div,
html[data-lunfe-mob] [data-m-s8] > div > div{gap:6px !important}
html[data-lunfe-mob] [data-screen-label="Campanhas"] button,
html[data-lunfe-mob] [data-screen-label="Menu overlay"] button,
html[data-lunfe-mob] [data-screen-label="Shorts"] button,
html[data-lunfe-mob] [data-tier-inter] button{min-height:44px}
html[data-lunfe-mob] table{-webkit-overflow-scrolling:touch}
html[data-lunfe-mob] [data-cookie-bar]{width:auto !important;right:16px !important}
html[data-lunfe-mob] [data-screen-label="Home · Argumentos"]{height:auto !important;min-height:0 !important}
html[data-lunfe-mob] [data-screen-label="Home · Argumentos"] [data-args-grid]{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px 12px !important}
html[data-lunfe-mob] [data-cor-sw]{width:14px !important;height:14px !important}
html[data-lunfe-mob] [data-quick-cor],
html[data-lunfe-mob] [data-quick-cat]{width:44px !important;height:44px !important}
html[data-lunfe-mob] [data-screen-label="Home · Argumentos"] [data-args-grid]{grid-template-columns:1fr !important}
html[data-lunfe-mob] [data-cor-sw]{width:15px !important;height:15px !important}
html[data-lunfe-mob] header > nav{display:none !important}
html[data-lunfe-mob] header [data-menu-btn]{display:inline-flex !important}
html[data-lunfe-mob] [data-screen-label="Ecosystem Bar"] [data-eco-meta]{display:none !important}
html[data-lunfe-mob] [data-rail]{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#A8A8A8 #E4E4E4;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-x pan-y}
html[data-lunfe-mob] [data-rail]::-webkit-scrollbar{height:4px;-webkit-appearance:none;background:#E4E4E4;border-radius:999px}
html[data-lunfe-mob] [data-rail]::-webkit-scrollbar-thumb{background:#A8A8A8;border-radius:999px;min-width:48px;border:none}
html[data-lunfe-mob] [data-rail]::-webkit-scrollbar-track{background:#E4E4E4;border-radius:999px}
html[data-lunfe-mob] [data-rail] > *{scroll-snap-align:start}
html[data-lunfe-mob] [data-rail-hint]{display:flex !important}
html[data-lunfe-mob] [data-rail][data-rolou] ~ [data-rail-hint]{opacity:0;transition:opacity 240ms cubic-bezier(.22,.61,.21,1)}
html[data-lunfe-mob] [data-card-ovl]{opacity:0;pointer-events:none;transition:opacity 260ms cubic-bezier(.22,.61,.21,1)}
html[data-lunfe-mob] [data-card]:hover [data-card-ovl],
html[data-lunfe-mob] [data-card]:focus-within [data-card-ovl],
html[data-lunfe-mob] button:hover [data-card-ovl],
html[data-lunfe-mob] button:focus-within [data-card-ovl]{opacity:1;pointer-events:auto}
html[data-lunfe-mob] [data-card-ovl]{opacity:1;pointer-events:auto}
html[data-lunfe-mob] input,
html[data-lunfe-mob] select,
html[data-lunfe-mob] textarea{font-size:max(16px,1em)}
html[data-lunfe-mob] input,
html[data-lunfe-mob] select,
html[data-lunfe-mob] textarea{font-size:var(--text-input,16px) !important}
html[data-lunfe-mob] button,
html[data-lunfe-mob] a[href],
html[data-lunfe-mob] [role="button"],
html[data-lunfe-mob] summary,
html[data-lunfe-mob] label[for],
html[data-lunfe-mob] input[type="checkbox"],
html[data-lunfe-mob] input[type="radio"]{min-height:var(--tap-min,44px);touch-action:manipulation}
html[data-lunfe-mob] button,
html[data-lunfe-mob] a[href],
html[data-lunfe-mob] [role="button"]{-webkit-tap-highlight-color:transparent}
html[data-lunfe-mob] main,
html[data-lunfe-mob] main > section,
html[data-lunfe-mob] [data-screen-label]{max-width:100%;overflow-x:clip}
html[data-lunfe-mob] main :where(p,
html[data-lunfe-mob] h1,
html[data-lunfe-mob] h2,
html[data-lunfe-mob] h3,
html[data-lunfe-mob] h4,
html[data-lunfe-mob] span,
html[data-lunfe-mob] li,
html[data-lunfe-mob] td,
html[data-lunfe-mob] th){overflow-wrap:anywhere}
html[data-lunfe-mob] main :where(div,
html[data-lunfe-mob] section,
html[data-lunfe-mob] article,
html[data-lunfe-mob] aside,
html[data-lunfe-mob] li){min-width:0}
html[data-lunfe-mob] [data-sticky-bar],
html[data-lunfe-mob] [data-buystack],
html[data-lunfe-mob] [data-fixed-bar]{padding-bottom:calc(10px + 0px) !important}
html[data-lunfe-mob] [data-support-widget]{bottom:calc(14px + 0px) !important}
html[data-lunfe-mob] img,
html[data-lunfe-mob] video,
html[data-lunfe-mob] iframe{max-width:100%;height:auto}
html[data-lunfe-mob] :where(button,
html[data-lunfe-mob] a[href],
html[data-lunfe-mob] input,
html[data-lunfe-mob] select,
html[data-lunfe-mob] textarea,
html[data-lunfe-mob] [tabindex]):focus-visible{outline:2px solid #141414 !important;outline-offset:2px !important}
@media (prefers-reduced-motion:reduce){
html[data-lunfe-mob] *,
html[data-lunfe-mob] *::before,
html[data-lunfe-mob] *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;
        transition-duration:.01ms !important;scroll-behavior:auto !important}
}
html[data-lunfe-mob] [data-om-snap]{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
html[data-lunfe-mob] [data-om-snap]::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-om-snap] > *{scroll-snap-align:start}
html[data-lunfe-mob] main td{font-size:max(13.5px,1em)}
html[data-lunfe-mob] button,
html[data-lunfe-mob] a[href],
html[data-lunfe-mob] [role="button"],
html[data-lunfe-mob] summary{min-width:var(--tap-min,44px)}
html[data-lunfe-mob] main p a[href],
html[data-lunfe-mob] main li a[href],
html[data-lunfe-mob] main td a[href]{min-width:0;min-height:0}
html[data-lunfe-mob] [data-rail] > *,
html[data-lunfe-mob] [data-om-snap] > *,
html[data-lunfe-mob] [data-carousel-grid] > *{flex:0 0 auto;
      min-inline-size:min(76vw,300px);}
html[data-lunfe-mob] [data-rail="chips"] > *,
html[data-lunfe-mob] [data-rail="icons"] > *,
html[data-lunfe-mob] [data-screen-label="Ecosystem Bar"] > *{min-inline-size:var(--tap-min,44px);}
html[data-lunfe-mob] [data-card-media],
html[data-lunfe-mob] [data-img-a],
html[data-lunfe-mob] [data-img-b]{aspect-ratio:3/4}
html[data-lunfe-mob] [data-rail="video"] > * [data-card-media],
html[data-lunfe-mob] [data-shorts] [data-card-media]{aspect-ratio:9/16}
html[data-lunfe-mob] [data-screen-label*="Hero"] [data-card-media]{aspect-ratio:4/5}
html[data-lunfe-mob] header [data-util],
html[data-lunfe-mob] header nav{flex-wrap:wrap;row-gap:6px}
/* W4 · 25/08 · ESPELHO-SANEAMENTO-01: substring → marcador (16 nós nas 5 lojas) */
html[data-lunfe-mob] footer [data-foot-cols],
html[data-lunfe-mob] footer [data-om-col]{display:block !important;grid-template-columns:1fr !important;}
/* L97 · REVERTIDA em 25/08/2026 · F-NOVO-4 · ESPELHO-SANEAMENTO-01.
   Medição no DOM (Atacado 390): footer [style*="display:flex"] = 0 matches —
   o runtime do DC normaliza estilo inline COM espaço ("display: flex"). Logo
   esta lei está MORTA desde sempre e nunca impôs nada. Trocá-la por
   [data-foot-wrap] a ATIVAVA em 12 nós (1 deles display:none) = mudança de
   comportamento disfarçada de saneamento → revertida ao texto original.
   Os marcadores data-foot-wrap seguem no markup (aditivos, inertes) como base
   para uma decisão DELIBERADA no GATE 4: matar a lei ou ligá-la de propósito. */
html[data-lunfe-mob] footer [style*="display:flex"]:not([data-keep-row]):not([data-lei-skip~="wrap"]){flex-wrap:wrap;row-gap:10px}
html[data-lunfe-mob] main > section,
html[data-lunfe-mob] main > div > section{padding-inline:var(--page-pad,16px)}
html[data-lunfe-mob] [data-card],
html[data-lunfe-mob] [data-card] > *{min-inline-size:0}
html[data-lunfe-mob] [data-card]{padding-inline:min(18px,4.6vw)}
html[data-lunfe-mob] main [style*="display:flex"],
html[data-lunfe-mob] main [style*="display:grid"]{gap:max(8px,var(--gap-atual,0px))}
html[data-lunfe-mob] [data-rail],
html[data-lunfe-mob] [data-om-snap],
html[data-lunfe-mob] [data-carousel-grid]{gap:var(--rail-gap,12px)}
html[data-lunfe-mob] [data-cta],
html[data-lunfe-mob] [data-sticky-bar] button,
html[data-lunfe-mob] [data-buystack] button,
html[data-lunfe-mob] button[type="submit"],
html[data-lunfe-mob] form button:not([data-icon]){min-height:52px}
html[data-lunfe-mob] main p,
html[data-lunfe-mob] main li{line-height:1.6}
html[data-lunfe-mob] main h1{font-size:clamp(28px,8.4vw,40px);line-height:1.06}
html[data-lunfe-mob] main h2{font-size:clamp(23px,6.6vw,30px);line-height:1.12}
html[data-lunfe-mob] main h3{font-size:clamp(19px,5vw,23px);line-height:1.2}
html[data-lunfe-mob] main [data-eyebrow],
html[data-lunfe-mob] main [data-caption]{font-size:max(10.5px,1em)}
html[data-lunfe-mob] [data-lme-swatch] > *,
html[data-lunfe-mob] [data-dot]{aspect-ratio:1}
html[data-lunfe-mob] header svg,
html[data-lunfe-mob] [data-bottom-nav] svg,
html[data-lunfe-mob] [data-util] svg{width:20px !important;height:20px !important;
    inline-size:20px !important;block-size:20px !important;stroke-width:1.5 !important;flex:none !important;display:block}
html[data-lunfe-mob] header [data-bar]{inline-size:20px !important}
html[data-lunfe-mob] [data-rail="produto"] > *,
html[data-lunfe-mob] [data-rail="campanha"] > *,
html[data-lunfe-mob] [data-rail="modelagem"] > *,
html[data-lunfe-mob] [data-rail="categoria"] > *,
html[data-lunfe-mob] [data-rail="video"] > *,
html[data-lunfe-mob] [data-rail="shorts"] > *{inline-size:100% !important;max-inline-size:100% !important;min-inline-size:0 !important;
    block-size:auto !important;align-self:start !important;justify-self:stretch !important}
html[data-lunfe-mob] [data-rail="video"],
html[data-lunfe-mob] [data-rail="produto"],
html[data-lunfe-mob] [data-rail="campanha"],
html[data-lunfe-mob] [data-rail="modelagem"],
html[data-lunfe-mob] [data-mobile] [data-rail="video"],
html[data-lunfe-mob] [data-mobile] [data-rail="produto"],
html[data-lunfe-mob] [data-mobile] [data-rail="modelagem"]{grid-auto-columns:100% !important;gap:0 !important;scroll-snap-type:x mandatory}
html[data-lunfe-mob] [data-card-ovl]{align-items:center !important;justify-content:space-between !important;
    padding-block:8px !important}
html[data-lunfe-mob] [data-card-ovl] > *{align-self:center !important}
html[data-lunfe-mob] [data-card-ovl] > span:first-child{align-items:center !important;min-block-size:44px}
html[data-lunfe-mob] [data-quick-cat],
html[data-lunfe-mob] [data-quick-cor]{place-items:center !important}
html[data-lunfe-mob] [data-rail="categoria"] > *,
html[data-lunfe-mob] [data-rail="modelagem"] > *,
html[data-lunfe-mob] [data-rail="shorts"] > *,
html[data-lunfe-mob] [data-rail="video"] > *,
html[data-lunfe-mob] [data-rail="vistos"] > *{max-block-size:none}
html[data-lunfe-mob] [data-rail="categoria"] > * [data-card],
html[data-lunfe-mob] [data-rail="categoria"] > * > div,
html[data-lunfe-mob] [data-rail="categoria"] button > div,
html[data-lunfe-mob] [data-rail="modelagem"] > * [data-card],
html[data-lunfe-mob] [data-rail="modelagem"] button > div,
html[data-lunfe-mob] [data-rail="modelagem"] > * > div,
html[data-lunfe-mob] [data-rail="vistos"] > * [data-card],
html[data-lunfe-mob] [data-rail="vistos"] button > div{aspect-ratio:1/1 !important;min-block-size:0 !important;block-size:auto !important}
html[data-lunfe-mob] [data-rail="categoria"] > *,
html[data-lunfe-mob] [data-rail="modelagem"] > *,
html[data-lunfe-mob] [data-rail="vistos"] > *{max-block-size:400px}
html[data-lunfe-mob] [data-screen-label="Home · Shorts"] [data-rail-nav],
html[data-lunfe-mob] [data-rail="video"] ~ [data-rail-nav]{--rail-nav-y:50%}
html[data-lunfe-mob] [data-rail="shorts"] > *,
html[data-lunfe-mob] [data-rail="video"] > *{aspect-ratio:9/16 !important;
    inline-size:100% !important;max-inline-size:100% !important;max-block-size:none !important}
html[data-lunfe-mob] [data-rail="shorts"] > * [role="img"],
html[data-lunfe-mob] [data-rail="video"] > * [role="img"],
html[data-lunfe-mob] [data-rail="shorts"] > * image-slot,
html[data-lunfe-mob] [data-rail="video"] > * image-slot{position:absolute;inset:0;inline-size:100% !important;block-size:100% !important;object-fit:cover}
html[data-lunfe-mob] [data-rail="categoria"],
html[data-lunfe-mob] [data-mobile] [data-rail="categoria"]{grid-auto-columns:100% !important;gap:0 !important;padding-inline:0 !important;
    scroll-padding-inline:0 !important;scroll-snap-type:x mandatory}
html[data-lunfe-mob] [data-rail="categoria"] > *{block-size:auto}
html[data-lunfe-mob] [data-screen-label="Home · Categorias"] > div:first-child{display:block !important}
html[data-lunfe-mob] [data-screen-label="Home · Categorias"] > div:first-child > h2{display:block !important;margin:0 0 12px !important;font-size:27.3px !important;line-height:1.1}
html[data-lunfe-mob] [data-screen-label="Home · Categorias"] [data-om-two]:not([data-rail]){display:flex !important;flex-wrap:wrap !important;gap:8px !important}
html[data-lunfe-mob] [data-screen-label="Home · Categorias"] [data-om-two]:not([data-rail]) > *{flex:1 1 calc(50% - 4px);min-block-size:44px;display:inline-flex;align-items:center;justify-content:center;
    text-align:center;padding-inline:10px !important}
html[data-lunfe-mob] [data-screen-label="Home · Lookbook"] [data-om-grid]{grid-auto-columns:230px !important}
html[data-lunfe-mob] [data-screen-label="Mega-menu"],
html[data-lunfe-mob] [data-screen-label="Menu overlay"],
html[data-lunfe-mob] [data-screen-label="Busca"],
html[data-lunfe-mob] [data-screen-label="Filtros"],
html[data-lunfe-mob] [data-screen-label="Favoritos"],
html[data-lunfe-mob] [data-screen-label="Sacola · Sidebar"],
html[data-lunfe-mob] [data-screen-label="Vídeos"],
html[data-lunfe-mob] [data-portal-sheet]{inline-size:100% !important;max-inline-size:430px !important;
    inset-inline:auto !important;left:50% !important;transform:translateX(-50%) !important}
html[data-lunfe-mob] :is([aria-label="Minha conta"],[data-i18n-al="Minha conta"]) > span:last-child{display:none !important}
html[data-lunfe-mob] [data-support-widget]{right:14px !important;left:auto !important;
    bottom:calc(18px + 0px) !important;top:auto !important;align-items:flex-end !important;
    transition:box-shadow .18s ease}
html[data-lunfe-mob] [data-support-widget][data-flutua="1"]{position:fixed !important}
html[data-lunfe-mob] [data-support-widget] > div > button,
html[data-lunfe-mob] [data-support-widget] button[data-help-fab]{border-radius:999px !important;padding:0 16px !important;min-block-size:46px !important;
    box-shadow:0 6px 20px rgba(20,20,20,.18)}
html[data-lunfe-mob] [data-support-widget] > div > button span{font-size:11px !important;letter-spacing:.1em}
html[data-lunfe-mob] [data-support-widget] > div > button svg{inline-size:17px !important;block-size:17px !important}
html[data-lunfe-mob] [data-support-widget] [data-screen-label="Atendimento"]{min-block-size:0 !important;
    max-block-size:min(78dvh, 620px) !important}
html[data-lunfe-mob] [data-support-widget] [data-screen-label="Atendimento"] > div:nth-child(3),
html[data-lunfe-mob] [data-support-widget] [data-screen-label="Atendimento"] > div:nth-child(4){min-block-size:0}
html[data-lunfe-mob] [data-support-widget] [data-screen-label="Atendimento"] > div:nth-child(3){block-size:auto !important;min-block-size:calc(1.15 * 220px) !important;overflow-y:auto}
html[data-lunfe-mob] footer > div{max-inline-size:100% !important;margin-inline:0 !important;
    padding-inline:20px !important;box-sizing:border-box}
html[data-lunfe-mob] footer > div:last-child,
html[data-lunfe-mob] footer > div:nth-last-child(2),
html[data-lunfe-mob] footer > div:nth-last-child(3){display:flex !important;flex-direction:column !important;align-items:flex-start !important;
    justify-content:flex-start !important;gap:8px !important;text-align:left !important}
html[data-lunfe-mob] footer > div:last-child > span,
html[data-lunfe-mob] footer > div:nth-last-child(2) > span,
html[data-lunfe-mob] footer > div:nth-last-child(3) > span{display:flex !important;flex-wrap:wrap !important;gap:6px 14px !important;
    inline-size:100% !important;text-align:left !important;line-height:1.6}
html[data-lunfe-mob] footer [data-om-grid],
html[data-lunfe-mob] footer [data-om-col]{inline-size:100% !important;min-inline-size:0}
html[data-lunfe-mob] footer span,
html[data-lunfe-mob] footer p,
html[data-lunfe-mob] footer a{overflow-wrap:anywhere}
html[data-lunfe-mob] footer [data-foot-legal],
html[data-lunfe-mob] footer > div:last-child{font-variant-numeric:tabular-nums}
html[data-lunfe-mob] footer [data-foot-legal],
html[data-lunfe-mob] footer > div:has(> div > span):last-of-type > div{display:flex !important;flex-direction:column !important;align-items:flex-start !important;
    gap:8px !important;inline-size:100% !important}
html[data-lunfe-mob] footer > div > div > span{display:block !important;inline-size:100% !important;
    font-size:12px !important;letter-spacing:.14em !important;text-transform:uppercase !important;
    color:#9a9a9a !important;line-height:1.6 !important;text-align:left !important}
html[data-lunfe-mob] footer [data-foot-legal],
html[data-lunfe-mob] footer > div > div:has(> span){inline-size:100% !important;max-inline-size:100% !important}
html[data-lunfe-mob] footer > div > div{inline-size:100% !important;max-inline-size:100% !important;
    min-inline-size:0 !important;box-sizing:border-box}
/* L108 · REVERTIDA em 25/08/2026 · F-NOVO-5 · ESPELHO-SANEAMENTO-01.
   A troca por [data-foot-txt] deixou 49 de 69 spans do rodapé SEM a lei
   (perderam max-inline-size:100%): eles nascem em runtime (renderVals /
   createElement / componente importado), fora da região <footer> autorada que
   a marcação varreu. Só volta a marcador quando o marcador nascer na FONTE
   desses spans. Marcadores já aplicados seguem no markup, inertes. */
html[data-lunfe-mob] footer span{max-inline-size:100%;overflow-wrap:anywhere;text-wrap:pretty}
html[data-lunfe-mob] [data-ssl-selo]{display:none !important}
html[data-lunfe-mob] footer > div:has(img:is([alt="PIX"],[data-i18n-alt="PIX"])){padding-block:12px !important}
html[data-lunfe-mob] footer > div:has(img:is([alt="PIX"],[data-i18n-alt="PIX"])) > div{gap:8px !important;row-gap:8px !important}
html[data-lunfe-mob] footer > div:has(img:is([alt="PIX"],[data-i18n-alt="PIX"])) > div:empty,html[data-lunfe-mob] footer > div:has(img:is([alt="PIX"],[data-i18n-alt="PIX"])) > div > div:empty,html[data-lunfe-mob] footer > div > span:empty,html[data-lunfe-mob] footer > div > div:empty{display:none !important}
html[data-lunfe-mob] footer > [data-foot-pagseg],
html[data-lunfe-mob] footer > div[data-foot-pagseg]{display:none !important}
html[data-lunfe-mob] footer > div > div[data-foot-selos]{display:flex !important;flex-direction:column !important;
    align-items:flex-start !important;justify-content:flex-start !important;
    gap:10px !important;inline-size:100% !important;padding-inline:0 !important}
html[data-lunfe-mob] [data-foot-trust]{display:block !important;inline-size:100% !important;max-inline-size:100% !important;
    font-size:12.5px !important;line-height:1.6 !important;letter-spacing:.06em !important;
    text-align:left !important;text-wrap:pretty;
    display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
html[data-lunfe-mob] footer div:has(> img:is([alt="PIX"],[data-i18n-alt="PIX"])){inline-size:100% !important;justify-content:space-between !important;
    gap:6px !important}
html[data-lunfe-mob] footer img:is([alt="PIX"],[data-i18n-alt="PIX"]),html[data-lunfe-mob] footer img:is([alt="Visa"],[data-i18n-alt="Visa"]),html[data-lunfe-mob] footer img:is([alt="Mastercard"],[data-i18n-alt="Mastercard"]),html[data-lunfe-mob] footer img:is([alt="Elo"],[data-i18n-alt="Elo"]),html[data-lunfe-mob] footer img:is([alt="American Express"],[data-i18n-alt="American Express"]),html[data-lunfe-mob] footer img:is([alt="Boleto"],[data-i18n-alt="Boleto"]){block-size:34px !important;max-inline-size:none !important;flex:1 1 0;inline-size:auto !important}
html[data-lunfe-mob] footer div:has(> img:is([alt="PIX"],[data-i18n-alt="PIX"])) > span{flex:1 0 100%;font-size:12.5px !important;margin-top:6px}
html[data-lunfe-mob] [data-foot-social]{display:flex !important;flex-wrap:nowrap !important;
    inline-size:100% !important;justify-content:space-between !important;
    align-items:center !important;gap:0 !important}
html[data-lunfe-mob] [data-foot-social] > a{flex:1 1 0;display:inline-flex !important;align-items:center;justify-content:center;
    min-block-size:44px;min-inline-size:0 !important}
html[data-lunfe-mob] [data-foot-inst]{display:block !important;font-size:13px !important;line-height:1.75 !important;
    color:#5E5E5E !important;letter-spacing:.02em !important;text-transform:none !important}
html[data-lunfe-mob] [data-foot-inst] br{display:block}
html[data-lunfe-mob] [data-foot-os]{display:flex !important;flex-wrap:nowrap !important;align-items:center !important;
    gap:8px !important;inline-size:100% !important;font-size:12.5px !important;white-space:nowrap;
    overflow-x:auto;scrollbar-width:none}
html[data-lunfe-mob] [data-foot-os]::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-foot-os] > *{flex:0 0 auto;font-size:12.5px !important}
html[data-lunfe-mob] footer div[data-pay-texto]{display:flex !important;flex-direction:column !important;
    align-items:flex-start !important;gap:10px !important;inline-size:100% !important;margin:0 !important}
html[data-lunfe-mob] footer div[data-pay-texto] > span:first-child{margin-right:0 !important;font-size:12px !important;
    letter-spacing:.14em !important;text-transform:uppercase !important;color:#9a9a9a !important;
    line-height:1.6 !important}
html[data-lunfe-mob] footer div[data-pay-texto] > span:last-child{display:flex !important;flex-wrap:wrap !important;
    align-items:center !important;justify-content:space-between !important;
    inline-size:100% !important;gap:10px 6px !important}
html[data-lunfe-mob] footer div[data-pay-texto] img{block-size:30px !important;inline-size:auto !important;
    max-inline-size:none !important;flex:1 1 0;min-inline-size:0 !important;
    object-fit:contain;opacity:.85}
html[data-lunfe-mob] footer div[data-pay-texto] > span:last-child > span{flex:1 0 100% !important;margin-left:0 !important;
    white-space:normal !important;font-size:12.5px !important;color:#9a9a9a !important}
html[data-lunfe-mob] footer > div > div:has(img:is([alt="PIX"],[data-i18n-alt="PIX"])),html[data-lunfe-mob] footer > div > div:has(> span[style*="letter-spacing"]){display:flex !important;flex-direction:column !important;align-items:flex-start !important;
    gap:8px !important;inline-size:100% !important;text-align:left !important}
html[data-lunfe-mob] footer p[data-foot-eyebrow],
html[data-lunfe-mob] footer p[data-foot-eyebrow]{font-size:12px !important;letter-spacing:.14em !important;text-transform:uppercase !important;
    color:#9a9a9a !important;margin:0 !important;line-height:1.6 !important}
html[data-lunfe-mob] footer div:has(> img:is([alt="PIX"],[data-i18n-alt="PIX"])){gap:10px !important;padding:0 !important}
html[data-lunfe-mob] footer [data-pays],
html[data-lunfe-mob] footer [data-selos]{inline-size:100% !important}
html[data-lunfe-mob] footer img:is([alt="PIX"],[data-i18n-alt="PIX"]),html[data-lunfe-mob] footer img:is([alt="Visa"],[data-i18n-alt="Visa"]),html[data-lunfe-mob] footer img:is([alt="Mastercard"],[data-i18n-alt="Mastercard"]),html[data-lunfe-mob] footer img:is([alt="Elo"],[data-i18n-alt="Elo"]),html[data-lunfe-mob] footer img:is([alt="American Express"],[data-i18n-alt="American Express"]),html[data-lunfe-mob] footer img:is([alt="Boleto"],[data-i18n-alt="Boleto"]){block-size:26px !important;inline-size:auto !important;max-inline-size:64px !important;
    object-fit:contain;opacity:.85}
html[data-lunfe-mob] footer > div > div:has(img:is([alt="PIX"],[data-i18n-alt="PIX"])),html[data-lunfe-mob] footer div:has(> img:is([alt="PIX"],[data-i18n-alt="PIX"])){display:flex !important;flex-wrap:wrap !important;align-items:center !important;
    gap:10px !important;inline-size:100% !important}
html[data-lunfe-mob] footer p[data-foot-eyebrow],
html[data-lunfe-mob] footer p[data-foot-eyebrow]{margin:0 0 8px !important;min-block-size:16px;display:block}
/* W4 · 25/08 · F-NOVO-3: ZERO matches nas 5 lojas. Convertida a marcador para
   não voltar a casar por substring; corpo mantido até o GATE 4, onde morre. */
html[data-lunfe-mob] footer span[data-foot-selo]{min-block-size:28px;display:inline-flex;
    align-items:center;justify-content:center}
html[data-lunfe-mob] [data-screen-label="Atendimento"] input{min-block-size:48px !important;block-size:48px !important;
    padding-block:0 !important;font-size:var(--text-input,16px) !important}
html[data-lunfe-mob] [data-screen-label="Atendimento"] input + button{min-block-size:48px !important}
html[data-lunfe-mob] :is([aria-label="Buscar"],[data-i18n-al="Buscar"]) svg{inline-size:18px !important;block-size:18px !important;stroke-width:1.25 !important}
html[data-lunfe-mob] :is([aria-label="Buscar"],[data-i18n-al="Buscar"]) svg circle{r:6.5}
html[data-lunfe-mob] [data-screen-label="Home · Vídeo"]{padding-inline:0 !important;max-inline-size:100% !important}
html[data-lunfe-mob] [data-screen-label="Home · Vídeo"] > div{max-inline-size:100% !important;margin-inline:0 !important;
    padding-inline:0 !important;display:block !important}
html[data-lunfe-mob] [data-screen-label="Home · Vídeo"] [data-om-col]{grid-template-columns:1fr !important;gap:0 !important}
html[data-lunfe-mob] [data-screen-label="Home · Vídeo"] [data-om-col] > *{inline-size:100% !important;max-inline-size:100% !important}
html[data-lunfe-mob] [data-screen-label="Home · Vídeo"] p,
html[data-lunfe-mob] [data-screen-label="Home · Vídeo"] h2,
html[data-lunfe-mob] [data-screen-label="Home · Vídeo"] h3,
html[data-lunfe-mob] [data-screen-label="Home · Vídeo"] span[data-cap]{padding-inline:20px}
html[data-lunfe-mob] [data-screen-label="Home · Vídeo"] > div > div:first-child{aspect-ratio:4/6 !important;min-block-size:0 !important}
html[data-lunfe-mob] [data-screen-label="Home · Vídeo"] > div > div:first-child [role="img"],
html[data-lunfe-mob] [data-screen-label="Home · Vídeo"] > div > div:first-child video,
html[data-lunfe-mob] [data-screen-label="Home · Vídeo"] > div > div:first-child image-slot{position:absolute;inset:0;inline-size:100% !important;block-size:100% !important;aspect-ratio:auto !important;object-fit:cover}
html[data-lunfe-mob] [data-screen-label="Home · Vídeo"] > div > div:first-child{position:relative;overflow:hidden}
html[data-lunfe-mob] [data-screen-label="Home · Vídeo"] > div > div + div{aspect-ratio:auto !important;block-size:auto !important}
html[data-lunfe-mob] [data-rail-nav]{position:absolute;inset-inline:0;top:var(--rail-nav-y,38%);transform:translateY(-50%);
    display:flex;justify-content:space-between;pointer-events:none;z-index:var(--z-rail,40);padding-inline:6px}
html[data-lunfe-mob] [data-rail-nav] button{pointer-events:auto;inline-size:44px;block-size:44px;border:none;
    background:rgba(255,255,255,.72);color:#9A9A9A;font-size:20px;line-height:1;display:grid;place-items:center;
    cursor:pointer;font-family:inherit;border-radius:999px;box-shadow:0 1px 6px rgba(20,20,20,.06);
    backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:color .15s ease,background .15s ease}
html[data-lunfe-mob] [data-rail-nav] button:active{color:#141414;background:rgba(255,255,255,.92)}
html[data-lunfe-mob] [data-rail-nav] button[disabled]{opacity:.3}
html[data-lunfe-mob] [data-screen-label="Home · Argumentos"],
html[data-lunfe-mob] [data-screen-label="Home · Argumentos"] > *{min-inline-size:0}
html[data-lunfe-mob] [data-args-grid]{inline-size:100% !important;max-inline-size:100% !important;
    display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;
    grid-template-columns:none !important;grid-template-rows:none !important;
    overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
    gap:0 !important;align-items:stretch !important}
html[data-lunfe-mob] [data-args-grid]::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-screen-label="Home · Argumentos"] [data-args-grid]{gap:0 !important;column-gap:0 !important}
/* ══════════════════════════════════════════════════════════════════════
   COMPONENTE UNIVERSAL · DOTS DE TICKER (≤430px · 14/08/2026)
   Todo indicador de rotação automática de mensagens usa este desenho:
   círculo de 6px com hairline, ativo preenchido, no gutter à esquerda.
   Nenhum retângulo sólido como indicador, em nenhum ticker de nenhuma loja.
   ══════════════════════════════════════════════════════════════════════ */
html[data-lunfe-mob] [data-sc-name] [data-args-grid] ~ div,
html[data-lunfe-mob] [data-sc-name] [data-ticker-dots]{position:static !important;
    display:flex !important;flex-direction:row !important;
    align-items:center !important;justify-content:center !important;
    gap:8px !important;margin:14px 0 0 !important;padding:0 !important;
    inline-size:100% !important;max-inline-size:100% !important}
/* o fio decorativo de 120px atrás do indicador antigo sai */
html[data-lunfe-mob] [data-sc-name] [data-args-grid] ~ div::before{content:none !important;display:none !important}
html[data-lunfe-mob] [data-sc-name] [data-args-grid] ~ div button,
html[data-lunfe-mob] [data-sc-name] [data-ticker-dots] button,
html[data-lunfe-mob] [data-sc-name] [data-tracos] > button{position:relative !important;z-index:1;
    flex:0 0 auto !important;
    inline-size:var(--traco-w,12px) !important;block-size:2px !important;
    min-inline-size:var(--traco-w,12px) !important;min-block-size:2px !important;
    max-inline-size:26px !important;max-block-size:2px !important;
    padding:0 !important;margin:0 !important;
    border:none !important;border-radius:0 !important;
    background:var(--traco-off,rgba(20,20,20,.22)) !important;box-shadow:none !important;cursor:pointer;
    transition:inline-size .2s ease,background-color .2s ease !important}
/* área de toque 44×44 sem tocar no glifo de 6px */
html[data-lunfe-mob] [data-sc-name] [data-args-grid] ~ div button::after,
html[data-lunfe-mob] [data-sc-name] [data-ticker-dots] button::after,
html[data-lunfe-mob] [data-sc-name] [data-tracos] > button::after{content:"" !important;display:block !important;
    position:absolute;inset:-19px}
/* ativo: preenchido on-surface (o dado marca o ativo com width 22px) */
html[data-lunfe-mob] [data-sc-name] [data-args-grid] ~ div button[style*="width: 22px"],
html[data-lunfe-mob] [data-sc-name] [data-args-grid] ~ div button[style*="width:22px"],
html[data-lunfe-mob] [data-sc-name] [data-args-grid] ~ div button[aria-current],
html[data-lunfe-mob] [data-sc-name] [data-ticker-dots] button[aria-current],
html[data-lunfe-mob] [data-sc-name] [data-tracos] > button[style*="width: 26px"],
html[data-lunfe-mob] [data-sc-name] [data-tracos] > button[style*="width:26px"]{
    --traco-w:26px;background:var(--traco-on,#141414) !important;border-color:transparent !important}
/* a mensagem do ticker CENTRADA no meio da tela (pedido 15/08) */
html[data-lunfe-mob] [data-sc-name] [data-args-grid] > *{align-items:center !important;text-align:center !important}
html[data-lunfe-mob] [data-sc-name] [data-args-grid] > * > *{text-align:center !important}
html[data-lunfe-mob] [data-sc-name] [data-args-grid] > * > :first-child{margin-bottom:6px !important}
html[data-lunfe-mob] [data-args-grid] > *{flex:0 0 100% !important;inline-size:100% !important;max-inline-size:100% !important;
    scroll-snap-align:start;display:flex !important;flex-direction:column !important;
    justify-content:center !important;align-items:center !important;text-align:center !important;
    gap:4px !important;min-width:0;padding-inline:16px !important}
html[data-lunfe-mob] [data-args-grid] > * > *{inline-size:100%;text-align:center !important}
html[data-lunfe-mob] [data-args-grid] > * > :first-child{font-size:13.5px !important;letter-spacing:.1em;text-transform:uppercase}
html[data-lunfe-mob] [data-args-grid] > * > :last-child{font-size:12.6px !important;color:#5E5E5E}
html[data-lunfe-mob] [data-eco-bar],
html[data-lunfe-mob] [data-screen-label="Ecosystem Bar"]{scroll-snap-type:x proximity;scroll-behavior:smooth;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
html[data-lunfe-mob] [data-eco-bar]::-webkit-scrollbar,
html[data-lunfe-mob] [data-screen-label="Ecosystem Bar"]::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-eco-bar] > *,
html[data-lunfe-mob] [data-screen-label="Ecosystem Bar"] > *{scroll-snap-align:start}
html[data-lunfe-mob] :is([aria-label="Portal de lojas"],[data-i18n-al="Portal de lojas"]){display:flex !important;flex-direction:column !important;
    justify-content:center !important;align-items:flex-start !important;gap:4px !important;
    inline-size:auto !important;min-inline-size:44px !important;min-block-size:44px !important}
html[data-lunfe-mob] :is([aria-label="Portal de lojas"],[data-i18n-al="Portal de lojas"]) > span{block-size:1.5px !important;border-radius:0 !important;
    background:#fff !important;inline-size:18px !important}
html[data-lunfe-mob] :is([aria-label="Portal de lojas"],[data-i18n-al="Portal de lojas"]) > span:nth-child(n+4){display:none !important}
html[data-lunfe-mob] :is([aria-label="Portal de lojas"],[data-i18n-al="Portal de lojas"]) > span:nth-child(2){inline-size:13px !important}
html[data-lunfe-mob] :is([aria-label="Portal de lojas"],[data-i18n-al="Portal de lojas"]) > span:nth-child(3){inline-size:18px !important}
html[data-lunfe-mob] [data-eco-bar] > span:last-child,
html[data-lunfe-mob] [data-screen-label="Ecosystem Bar"] > span:last-child{gap:6px !important}
html[data-lunfe-mob] [data-eco-bar] > span:last-child button,
html[data-lunfe-mob] [data-screen-label="Ecosystem Bar"] > span:last-child button{padding-inline:12px !important;letter-spacing:.1em !important;white-space:nowrap;
    /* o piso de 44px do trilho estava virando LARGURA e cortando "PERSONALIZAR" */
    inline-size:auto !important;flex:0 0 auto !important;min-inline-size:0 !important}
html[data-lunfe-mob] [data-eco-bar] > span:last-child,
html[data-lunfe-mob] [data-screen-label="Ecosystem Bar"] > span:last-child{flex:0 0 auto;min-inline-size:0 !important}
html[data-lunfe-mob] [data-eco-bar]{gap:12px !important;padding-inline:12px !important}
/* pedido 15/08 · 9-pontos sai; marca volta */
html[data-lunfe-mob] [data-ecobar] > :is([aria-label="Portal de lojas"],[data-i18n-al="Portal de lojas"]),html[data-lunfe-mob] [data-eco-bar] > :is([aria-label="Portal de lojas"],[data-i18n-al="Portal de lojas"]){display:none !important}
html[data-lunfe-mob] [data-eco-bar] > span:last-child,
html[data-lunfe-mob] [data-screen-label="Ecosystem Bar"] > span:last-child{margin-left:0 !important;gap:6px !important}
html[data-lunfe-mob] [data-ann-msg]{transition:opacity 320ms cubic-bezier(.22,1,.36,1)}
html[data-lunfe-mob] header [data-menu-btn]{gap:6px !important}
html[data-lunfe-mob] header [data-util] > *:not(svg),
html[data-lunfe-mob] header [data-mob-util],
html[data-lunfe-mob] [data-bottom-nav] [data-nav-tab]{min-inline-size:44px;min-block-size:44px}
html[data-lunfe-mob] header [data-util] svg,
html[data-lunfe-mob] header [data-mob-util] svg{min-inline-size:0 !important;min-block-size:0 !important}
html[data-lunfe-mob] [data-glass]{position:relative;overflow-x:clip}
html[data-lunfe-mob] [data-screen-label="Mega-menu"],
html[data-lunfe-mob] [data-screen-label="Menu overlay"],
html[data-lunfe-mob] [data-screen-label="Busca"],
html[data-lunfe-mob] [data-screen-label="Filtros"],
html[data-lunfe-mob] [data-screen-label="Favoritos"],
html[data-lunfe-mob] [data-screen-label="Sacola · Sidebar"],
html[data-lunfe-mob] [data-portal-sheet],
html[data-lunfe-mob] [data-sticky-bar],
html[data-lunfe-mob] [data-cookie-bar],
html[data-lunfe-mob] [data-buystack],
html[data-lunfe-mob] [data-fixed-bar],
html[data-lunfe-mob] [data-toast],
html[data-lunfe-mob] [data-toastv]{inset-inline:0px !important;
    inline-size:auto !important;max-inline-size:430px !important;
    transform:none !important;margin-inline:0 !important}
html[data-lunfe-mob] [data-support-widget]{inset-inline:auto 14px !important;
    inline-size:auto !important;max-inline-size:calc(430px - 28px) !important;transform:none !important}
html[data-lunfe-mob] [data-support-widget] [data-screen-label="Atendimento"]{inline-size:100% !important;max-inline-size:calc(430px - 28px) !important}
html[data-lunfe-mob] [data-screen-label="Filtros"] > div:last-child,
html[data-lunfe-mob] [data-screen-label="Mega-menu"] > div,
html[data-lunfe-mob] [data-screen-label="Menu overlay"] > div,
html[data-lunfe-mob] [data-portal-sheet] > [role="dialog"],
html[data-lunfe-mob] [data-screen-label="Sacola · Sidebar"] > aside{max-block-size:86dvh !important;padding-bottom:calc(16px + 0px)}
html[data-lunfe-mob] [data-glass] :where(section,
html[data-lunfe-mob] article,
html[data-lunfe-mob] aside,
html[data-lunfe-mob] div,
html[data-lunfe-mob] li,
html[data-lunfe-mob] figure,
html[data-lunfe-mob] form){min-inline-size:0}
html[data-lunfe-mob] [data-glass] section,
html[data-lunfe-mob] [data-glass] [data-screen-label],
html[data-lunfe-mob] [data-glass] main > *{max-inline-size:100%}
html[data-lunfe-mob] [data-glass] :where(p,
html[data-lunfe-mob] h1,
html[data-lunfe-mob] h2,
html[data-lunfe-mob] h3,
html[data-lunfe-mob] h4,
html[data-lunfe-mob] h5,
html[data-lunfe-mob] span,
html[data-lunfe-mob] li,
html[data-lunfe-mob] td,
html[data-lunfe-mob] th,
html[data-lunfe-mob] a,
html[data-lunfe-mob] label,
html[data-lunfe-mob] summary){overflow-wrap:anywhere;text-wrap:pretty}
html[data-lunfe-mob] [data-glass] :where(img,
html[data-lunfe-mob] video,
html[data-lunfe-mob] iframe,
html[data-lunfe-mob] image-slot,
html[data-lunfe-mob] [role="img"]){max-inline-size:100%}
html[data-lunfe-mob] [data-glass] :where(button,
html[data-lunfe-mob] a[href],
html[data-lunfe-mob] input,
html[data-lunfe-mob] select,
html[data-lunfe-mob] textarea){max-inline-size:100%}
html[data-lunfe-mob] [data-glass] table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
html[data-lunfe-mob] [data-glass] [data-rail],
html[data-lunfe-mob] [data-glass] [data-carousel-grid],
html[data-lunfe-mob] [data-glass] [data-om-snap]{overscroll-behavior-x:contain}
html[data-lunfe-mob] footer > div{padding-inline:16px !important;max-inline-size:100% !important;box-sizing:border-box}
html[data-lunfe-mob] footer > div > div,
html[data-lunfe-mob] footer > div > div > div{padding-inline:0 !important;margin-inline:0 !important;
    inline-size:100% !important;max-inline-size:100% !important;box-sizing:border-box}
/* W4 · 25/08: substring → marcador (25 nós nas 5 lojas) */
html[data-lunfe-mob] footer > div[data-foot-rule]{border-top-color:#ECECEC}
html[data-lunfe-mob] footer [data-foot-row],
html[data-lunfe-mob] footer > div:last-child{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;
    justify-content:space-between !important;align-items:center !important;
    gap:8px 12px !important;inline-size:100% !important;text-align:left !important}
html[data-lunfe-mob] [data-foot-lojas]{display:grid !important;grid-template-columns:1fr 1fr !important;
    gap:2px 12px !important;inline-size:100% !important}
html[data-lunfe-mob] [data-foot-lojas] > *{min-block-size:44px;display:inline-flex !important;align-items:center;
    inline-size:100% !important;text-align:left !important;justify-content:flex-start !important}
html[data-lunfe-mob] [data-foot-lojas] > *:nth-child(even){justify-content:flex-end !important;text-align:right !important}
html[data-lunfe-mob] [data-foot-social]{display:flex !important;justify-content:space-between !important;
    inline-size:100% !important;gap:0 !important}
/* 23/08 · o cadeado é ÍCONE do texto, não item independente da linha. Com
   space-between + wrap ele era empurrado para a linha de cima, sozinho. Agora
   alinha ao início e o texto fica flexível (o span media 100% e forçava a
   quebra). Padrão de todas as molduras mobile: este arquivo atende as 5 lojas. */
html[data-lunfe-mob] [data-foot-trust]{display:block !important;
    inline-size:100% !important;max-block-size:calc(2 * 1.6em);overflow:hidden;
    font-size:12px !important;line-height:1.6 !important;text-align:left !important}
html[data-lunfe-mob] [data-foot-trust] > svg{display:inline !important;vertical-align:-1px !important;
    margin-inline-end:6px !important;float:none !important}
html[data-lunfe-mob] [data-foot-os]{display:flex !important;flex-direction:column !important;
    align-items:flex-start !important;justify-content:flex-start !important;
    gap:4px !important;inline-size:100% !important;white-space:normal !important;overflow:visible !important}
html[data-lunfe-mob] [data-foot-os] > *{flex:0 0 auto;min-inline-size:0;inline-size:100%;text-align:left !important;
    white-space:nowrap !important;overflow:hidden;text-overflow:ellipsis}
html[data-lunfe-mob] [data-foot-inst]{display:block !important;inline-size:100% !important;text-align:left !important}
html[data-lunfe-mob] [data-support-widget]{position:fixed !important;inset-inline:auto 16px !important;
    inset-block:auto calc(16px + 0px) !important;
    inline-size:auto !important;block-size:auto !important;
    z-index:var(--z-sticky-bar,60) !important;   /* acima do conteúdo, abaixo de sheets/menus */
    align-items:flex-end !important}
html[data-lunfe-mob] [data-glass]:has([data-sticky-bar]) [data-support-widget]{inset-block:auto calc(12px + 60px + 0px) !important}
html[data-lunfe-mob] footer{padding-bottom:calc(var(--space-8,32px) + 0px) !important}
html[data-lunfe-mob] footer > *:last-child{margin-block-end:0 !important;padding-block-end:0 !important}
html[data-lunfe-mob] [data-sc-name] main{padding-block-end:0 !important}
html[data-lunfe-mob] [data-sc-name]:has([data-sticky-bar]) main{padding-block-end:120px !important}
html[data-lunfe-mob] [data-glass] main :where(h1,
html[data-lunfe-mob] h2,
html[data-lunfe-mob] h3,
html[data-lunfe-mob] h4,
html[data-lunfe-mob] p,
html[data-lunfe-mob] li,
html[data-lunfe-mob] figcaption,
html[data-lunfe-mob] label,
html[data-lunfe-mob] blockquote){max-inline-size:none !important;margin-inline:0 !important;text-align:var(--ta,left) !important;
    inline-size:auto !important}
html[data-lunfe-mob] [data-glass] main :where(section,
html[data-lunfe-mob] article,
html[data-lunfe-mob] div)[style*="max-width"]{max-inline-size:100% !important}
html[data-lunfe-mob] [data-glass] main :where(section,
html[data-lunfe-mob] article,
html[data-lunfe-mob] div)[style*="text-align:center"],
html[data-lunfe-mob] [data-glass] main :where(section,
html[data-lunfe-mob] article,
html[data-lunfe-mob] div)[style*="text-align: center"]{text-align:var(--ta,left) !important}
html[data-lunfe-mob] [data-glass] main :where(section,
html[data-lunfe-mob] article,
html[data-lunfe-mob] div)[style*="margin:0 auto"],
html[data-lunfe-mob] [data-glass] main :where(section,
html[data-lunfe-mob] article,
html[data-lunfe-mob] div)[style*="margin: 0 auto"]{margin-inline:0 !important}
html[data-lunfe-mob] [data-glass] main section[style*="border:1px solid"],
html[data-lunfe-mob] [data-glass] main div[style*="border:1px solid #ECECEC"]:not([data-card]):not([data-plp-card]):not([data-screen-label*="Vídeo"] *):not([data-rail] *){border-inline:none !important;border-block-start:none !important;
    border-block-end:1px solid #ECECEC !important;border-radius:0 !important;
    margin-inline:-16px !important;padding-inline:16px !important;inline-size:calc(100% + 32px) !important}
html[data-lunfe-mob] [data-glass] main div[style*="flex-wrap:wrap"]:has(> span[style*="border"]){inline-size:100% !important;gap:8px !important;justify-content:flex-start !important}
html[data-lunfe-mob] [data-glass] main button[style*="border:1px solid"]:not([data-rail] *):not([data-card] *):not([data-nav-tab]){inline-size:100% !important;min-block-size:48px !important;justify-content:center !important}
html[data-lunfe-mob] [data-glass] main button[style*="background:none"][style*="text-decoration"]{justify-content:flex-start !important;padding-inline:0 !important;text-align:left !important}
html[data-lunfe-mob] footer [data-foot-social],
html[data-lunfe-mob] footer [data-foot-row],
html[data-lunfe-mob] footer > div:last-child,
html[data-lunfe-mob] footer div:has(> img:is([alt="PIX"],[data-i18n-alt="PIX"])){text-align:initial !important}

  /* ══════════════════════════════════════════════════════════════════════
    REGRA GLOBAL · BLOCO TEXTUAL DE GUTTER A GUTTER (≤430px · 14/08/2026)
  Vale para a PÁGINA INTEIRA — inclusive a banda editorial C2, que vive
  FORA do <main> e escapava de toda regra de gutter. Nada centralizado,
  nenhuma caixa estreitando conteúdo. Exceções aprovadas (linhas do
  rodapé em space-between e o endereço/CNPJ) vivem fora de <section>.
  NOTA: o runtime serializa o style inline com espaço ("border: 1px
  solid rgb(236,236,236)"), então todo seletor de substring vem nas
  DUAS formas — sem isso a regra não casa nada.
  ══════════════════════════════════════════════════════════════════════ */
  /* G1 · gutter único de 16px em toda seção de conteúdo */
html[data-lunfe-mob] [data-sc-name] section:not([data-screen-label*="Hero"]):not([data-screen-label="Campanhas"]):not([data-screen-label="Home · Vídeo"]):not([data-full-bleed]){
    padding-inline:16px !important}
  /* G1b · o wrapper interno da seção não soma padding ao gutter */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section > div[style*="max-width"]:not([data-clube-card]):not([style*="border: 1px solid"]):not([style*="border:1px solid"]),
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section > div[style*="margin: 0px auto"]:not([data-clube-card]):not([style*="border: 1px solid"]):not([style*="border:1px solid"]){
    padding-inline:0 !important;margin-inline:0 !important;max-inline-size:100% !important}
  /* G2/G3 APOSENTADOS (#10 · 15/08): o literal virou token no markup das 5 lojas */
  /* G4 · CARD EDITORIAL (sem mídia) perde a moldura lateral e vira hairline
    horizontal full-bleed; o texto interno segue o gutter de 16px */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section :is(div,button)[style*="border: 1px solid"]:has(> :is(p,h2,h3,h4,span,div)):has(> :nth-child(2)):not([style*="border-radius: 999px"]):not([style*="border-radius:999px"]):not(:has(image-slot)):not(:has(img)):not(:has([role="img"])):not([data-card]):not([data-plp-card]):not([data-screen-label*="Vídeo"] *):not([data-card] *):not([data-plp-card] *):not([data-rail] *):not([data-carousel-grid] *):not([data-mal-wrap] *),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section :is(div,button)[style*="border:1px solid"]:has(> :is(p,h2,h3,h4,span,div)):has(> :nth-child(2)):not([style*="border-radius: 999px"]):not([style*="border-radius:999px"]):not(:has(image-slot)):not(:has(img)):not(:has([role="img"])):not([data-card]):not([data-plp-card]):not([data-screen-label*="Vídeo"] *):not([data-card] *):not([data-plp-card] *):not([data-rail] *):not([data-carousel-grid] *):not([data-mal-wrap] *){
    border-inline:none !important;border-block-start:none !important;
    border-block-end:1px solid #ECECEC !important;border-radius:0 !important;
    margin-inline:var(--g4-bleed,-16px) !important;padding-inline:16px !important;
    inline-size:var(--g4-w,calc(100% + 32px)) !important;max-inline-size:none !important;
    background:var(--g4-bg,#fff) !important}
  /* G5 · fileira de cards editoriais deixa de ser rail/grid e empilha —
    a hairline do G4 passa a ser o separador entre as seções */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section > div:not([data-pj-grid]):has(> :is(div,button)[style*="border: 1px solid"]:has(> :nth-child(2)):not([style*="border-radius: 999px"]):not([style*="border-radius:999px"])):not(:has(image-slot)):not(:has(img)):not(:has([role="img"])),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section > div:not([data-pj-grid]):has(> :is(div,button)[style*="border:1px solid"]:has(> :nth-child(2)):not([style*="border-radius: 999px"]):not([style*="border-radius:999px"])):not(:has(image-slot)):not(:has(img)):not(:has([role="img"])){
    display:block !important;grid-template-columns:none !important;grid-auto-flow:row !important;
    overflow:visible !important;gap:0 !important;
    inline-size:100% !important;max-inline-size:100% !important;margin-inline:0 !important}
  /* G6 · chips de construção: largura inteira, a primeira colada no gutter */
html[data-lunfe-mob] [data-sc-name] section div[style*="flex-wrap: wrap"]:has(> span[style*="border"]),
html[data-lunfe-mob] [data-sc-name] section div[style*="flex-wrap:wrap"]:has(> span[style*="border"]){
    display:flex !important;flex-wrap:wrap !important;justify-content:var(--row-just,flex-start) !important;
    align-items:flex-start !important;gap:8px !important;
    inline-size:100% !important;max-inline-size:none !important;margin-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] section div[style*="flex-wrap: wrap"]:has(> span[style*="border"]) > span,
html[data-lunfe-mob] [data-sc-name] section div[style*="flex-wrap:wrap"]:has(> span[style*="border"]) > span{
    flex:0 0 auto !important;display:inline-flex !important;align-items:center;min-block-size:38px}
  /* G7 · CTA com borda vira full-width de gutter a gutter, mínimo 48px.
     25/08 · overlay ABSOLUTO nunca é CTA de bloco: "Ver vídeo" e as setas da
     galeria da Grade B2B (pill com border + border-radius:999px, sem filhos)
     caíam nesta lei e viravam barra de 390px atravessando a foto — 12px fora
     do aparelho. Excluídos por position:absolute inline, nas DUAS superfícies
     (espelho + band ≤430 da loja). */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section button[style*="border: 1px solid"]:not(:has(*)):not([data-camp-seta]):not([style*="position: absolute"]):not([style*="position:absolute"]):not([data-rail] *):not([data-card] *):not([data-plp-side] *):not([data-nav-tab]):not([data-chip]):not([data-tam]):not([data-size-chip]):not([data-cor-sw]):not([data-fav]):not([data-qty] *):not([data-frete-linha] *):not([data-lei-skip~="g7"]),
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section button[style*="border:1px solid"]:not(:has(*)):not([data-camp-seta]):not([style*="position: absolute"]):not([style*="position:absolute"]):not([data-rail] *):not([data-card] *):not([data-plp-side] *):not([data-nav-tab]):not([data-chip]):not([data-tam]):not([data-size-chip]):not([data-cor-sw]):not([data-fav]):not([data-qty] *):not([data-frete-linha] *):not([data-lei-skip~="g7"]){
    display:flex !important;inline-size:100% !important;max-inline-size:none !important;
    min-block-size:48px !important;align-items:center !important;justify-content:center !important;
    margin-inline:0 !important}
  /* link de texto (VER MODELAGENS →) ancorado no gutter esquerdo */
html[data-lunfe-mob] [data-sc-name] section button[style*="background: none"]:not(:has(*)):not([data-cta-outline]):not([data-rail] *):not([data-card] *),
html[data-lunfe-mob] [data-sc-name] section button[style*="background:none"]:not(:has(*)):not([data-cta-outline]):not([data-rail] *):not([data-card] *){
    justify-content:flex-start !important;padding-inline:0 !important;text-align:left !important}

  /* G8 · cabeçalho de seção empilha: título e apoio no gutter, à esquerda */
html[data-lunfe-mob] [data-sc-name] section div[style*="justify-content: space-between"]:has(> :is(h1,h2,h3)),html[data-lunfe-mob] [data-sc-name] section div[style*="justify-content:space-between"]:has(> :is(h1,h2,h3)),html[data-lunfe-mob] [data-sc-name] section div[style*="align-items: baseline"]:has(> :is(h1,h2,h3)),html[data-lunfe-mob] [data-sc-name] section div[style*="align-items:baseline"]:has(> :is(h1,h2,h3)){
    display:flex !important;flex-direction:column !important;align-items:flex-start !important;
    justify-content:flex-start !important;gap:6px !important;
    inline-size:100% !important;max-inline-size:100% !important;text-align:left !important}

  /* ══════════════════════════════════════════════════════════════════════
  COMPONENTE UNIVERSAL · CARROSSEL FULL-BLEED (≤430px · 14/08/2026)
  Uma implementação só para destaque, Shorts, categorias, UGC e lookbook
    editorial: varia a proporção da mídia e o conteúdo do slide, nada mais.
  ══════════════════════════════════════════════════════════════════════ */
  /* K0 · o track. Os rails nasceram grid (grid-auto-flow:column) e a mistura
  do grid-template-columns inline do desktop com o grid-auto-columns do
  mobile é a origem do snap que deixava sobra do slide vizinho. Vira flex,
  gap 0, e full-bleed por margem negativa do gutter — NUNCA 100vw, que no
  quadro contido mede o host e estoura. */
html[data-lunfe-mob] [data-sc-name] [data-rail="produto"],
html[data-lunfe-mob] [data-sc-name] [data-rail="campanha"],
html[data-lunfe-mob] [data-sc-name] [data-rail="modelagem"],
html[data-lunfe-mob] [data-sc-name] [data-rail="categoria"],
html[data-lunfe-mob] [data-sc-name] [data-rail="video"],
html[data-lunfe-mob] [data-sc-name] [data-rail="shorts"],
html[data-lunfe-mob] [data-sc-name] [data-rail="ugc"],
html[data-lunfe-mob] [data-sc-name] [data-rail="lookbook"]{
    display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;
    grid-template-columns:none !important;grid-template:none !important;
    grid-auto-flow:row !important;grid-auto-columns:auto !important;
    overflow-x:auto !important;overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;scroll-behavior:smooth;
    scroll-padding:0 !important;scroll-padding-inline:0 !important;
    gap:0 !important;column-gap:0 !important;row-gap:0 !important;padding:0 !important;
    margin-inline:calc(var(--page-pad,16px) * -1) !important;inline-size:calc(100% + var(--page-pad,16px) * 2) !important;max-inline-size:none !important;
    overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;
    scrollbar-width:none !important;scrollbar-gutter:auto !important}
html[data-lunfe-mob] [data-sc-name] [data-rail="produto"]::-webkit-scrollbar,
html[data-lunfe-mob] [data-sc-name] [data-rail="campanha"]::-webkit-scrollbar,
html[data-lunfe-mob] [data-sc-name] [data-rail="modelagem"]::-webkit-scrollbar,
html[data-lunfe-mob] [data-sc-name] [data-rail="categoria"]::-webkit-scrollbar,
html[data-lunfe-mob] [data-sc-name] [data-rail="video"]::-webkit-scrollbar,
html[data-lunfe-mob] [data-sc-name] [data-rail="shorts"]::-webkit-scrollbar,
html[data-lunfe-mob] [data-sc-name] [data-rail="ugc"]::-webkit-scrollbar,
html[data-lunfe-mob] [data-sc-name] [data-rail="lookbook"]::-webkit-scrollbar{
    display:none !important;inline-size:0 !important;block-size:0 !important;background:transparent !important}
  /* K1 · o slide: tela inteira, assenta sempre, e é a ÂNCORA dos overlays —
    sem position:relative aqui, o absolute do card procura o track e os
  swatches do vizinho vazam sobre o slide ativo (o "fantasma") */
html[data-lunfe-mob] [data-sc-name] [data-rail="produto"] > *,
html[data-lunfe-mob] [data-sc-name] [data-rail="campanha"] > *,
html[data-lunfe-mob] [data-sc-name] [data-rail="modelagem"] > *,
html[data-lunfe-mob] [data-sc-name] [data-rail="categoria"] > *,
html[data-lunfe-mob] [data-sc-name] [data-rail="video"] > *,
html[data-lunfe-mob] [data-sc-name] [data-rail="shorts"] > *,
html[data-lunfe-mob] [data-sc-name] [data-rail="ugc"] > *,
html[data-lunfe-mob] [data-sc-name] [data-rail="lookbook"] > *{
    flex:0 0 100% !important;inline-size:100% !important;max-inline-size:100% !important;
    min-inline-size:0 !important;scroll-snap-align:start !important;scroll-snap-stop:always !important;
    position:relative !important;margin:0 !important;transform:none !important;
    block-size:auto !important;max-block-size:none !important;align-self:stretch !important}
html[data-lunfe-mob] [data-sc-name] [data-rail="produto"] > * [data-card-ovl],
html[data-lunfe-mob] [data-sc-name] [data-rail="campanha"] > * [data-card-ovl],
html[data-lunfe-mob] [data-sc-name] [data-rail="modelagem"] > * [data-card-ovl],
html[data-lunfe-mob] [data-sc-name] [data-rail="categoria"] > * [data-card-ovl],
html[data-lunfe-mob] [data-sc-name] [data-rail="video"] > * [data-card-ovl],
html[data-lunfe-mob] [data-sc-name] [data-rail="shorts"] > * [data-card-ovl],
html[data-lunfe-mob] [data-sc-name] [data-rail="ugc"] > * [data-card-ovl],
html[data-lunfe-mob] [data-sc-name] [data-rail="lookbook"] > * [data-card-ovl],
html[data-lunfe-mob] [data-sc-name] [data-rail="produto"] > * [data-card-media],
html[data-lunfe-mob] [data-sc-name] [data-rail="campanha"] > * [data-card-media],
html[data-lunfe-mob] [data-sc-name] [data-rail="modelagem"] > * [data-card-media],
html[data-lunfe-mob] [data-sc-name] [data-rail="categoria"] > * [data-card-media],
html[data-lunfe-mob] [data-sc-name] [data-rail="video"] > * [data-card-media],
html[data-lunfe-mob] [data-sc-name] [data-rail="shorts"] > * [data-card-media],
html[data-lunfe-mob] [data-sc-name] [data-rail="ugc"] > * [data-card-media],
html[data-lunfe-mob] [data-sc-name] [data-rail="lookbook"] > * [data-card-media]{
    position:absolute !important}
  /* K2 · variantes de proporção. UGC e categoria entram no vertical imersivo
    9/16; shorts/vídeo já viviam nele; destaque mantém a proporção do bloco */
html[data-lunfe-mob] [data-sc-name] [data-rail="ugc"] > * > :is(div,span,figure,picture):first-child,html[data-lunfe-mob] [data-sc-name] [data-rail="categoria"] > * > :is(div,span,figure,picture):first-child,html[data-lunfe-mob] [data-sc-name] [data-rail="ugc"] > * > [data-card],html[data-lunfe-mob] [data-sc-name] [data-rail="categoria"] > * > [data-card]{
    position:relative !important;inline-size:100% !important;aspect-ratio:9/16 !important;
    block-size:auto !important;min-block-size:0 !important;max-block-size:none !important;
    margin:0 !important;overflow:hidden !important;border:none !important;border-radius:0 !important}
html[data-lunfe-mob] [data-sc-name] [data-rail="ugc"] > * :is([role="img"],image-slot:not([style*="display: none"]):not([style*="display:none"])),html[data-lunfe-mob] [data-sc-name] [data-rail="categoria"] > * :is([role="img"],image-slot:not([style*="display: none"]):not([style*="display:none"])),html[data-lunfe-mob] [data-sc-name] [data-rail="video"] > * :is([role="img"],image-slot:not([style*="display: none"]):not([style*="display:none"])),html[data-lunfe-mob] [data-sc-name] [data-rail="shorts"] > * :is([role="img"],image-slot:not([style*="display: none"]):not([style*="display:none"])){
    position:absolute !important;inset:0 !important;inline-size:100% !important;block-size:100% !important;
    display:block !important;background-size:cover !important;background-position:center top !important}
html[data-lunfe-mob] [data-sc-name] [data-rail="ugc"] > * :is(img,video),html[data-lunfe-mob] [data-sc-name] [data-rail="categoria"] > * :is(img,video),html[data-lunfe-mob] [data-sc-name] [data-rail="video"] > * :is(img,video),html[data-lunfe-mob] [data-sc-name] [data-rail="shorts"] > * :is(img,video){
    position:absolute !important;inset:0 !important;inline-size:100% !important;block-size:100% !important;
    aspect-ratio:auto !important;object-fit:cover !important;object-position:center top !important;display:block !important}
  /* K3 · no carrossel full-bleed a mídia não usa moldura de card */
html[data-lunfe-mob] [data-sc-name] [data-rail="ugc"] > *,
html[data-lunfe-mob] [data-sc-name] [data-rail="categoria"] > *{
    border:none !important;border-radius:0 !important;background:transparent !important;padding:0 !important}
  /* K4 · variante CATEGORIA: legenda em FLUXO abaixo da mídia, no gutter de
  16px — era o absolute órfão que encavalava eyebrow, título e hint */
html[data-lunfe-mob] [data-sc-name] [data-rail="categoria"] > * > :not(:first-child){
    position:static !important;display:block !important;
    inline-size:100% !important;max-inline-size:100% !important;
    padding-inline:16px !important;margin-inline:0 !important;text-align:left !important;
    inset:auto !important;transform:none !important}
html[data-lunfe-mob] [data-sc-name] [data-rail="categoria"] > * > :nth-child(2){margin-block:12px 4px !important}
html[data-lunfe-mob] [data-sc-name] [data-rail="categoria"] > * > :last-child{margin-block-end:2px !important}
  /* K5 · variante UGC: handle + selo em overlay na base, sobre gradiente */
html[data-lunfe-mob] [data-sc-name] [data-rail="ugc"] > * > :not(:first-child){
    position:absolute !important;inset-inline:0 !important;inset-block-end:0 !important;inset-block-start:auto !important;
    z-index:var(--z-badge,3) !important;display:flex !important;align-items:center !important;
    justify-content:flex-start !important;gap:8px !important;
    padding:30px 16px 12px !important;margin:0 !important;
    background:linear-gradient(transparent,rgba(20,20,20,.58)) !important}
html[data-lunfe-mob] [data-sc-name] [data-rail="ugc"] > * > :not(:first-child) > *{
    color:#fff !important;font-size:13px !important;letter-spacing:.01em !important}
  /* K6 · contador "1 / N" — overlay discreto no topo direito da mídia */
html[data-lunfe-mob] [data-sc-name] [data-rail-count]{position:absolute !important;top:10px;right:12px;
    z-index:var(--z-rail,40);pointer-events:none;
    font-family:'Sometype Mono','Lunfe fallback Sometype Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
    font-size:11px;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#fff;
    background:rgba(20,20,20,.42);padding:4px 9px;border-radius:999px;
    backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
  /* K7 · setas: círculo com hairline, fundo translúcido, glifo fino igual ao
  dos CTAs. Some de verdade nas extremidades (nem fantasma clicável) */
html[data-lunfe-mob] [data-sc-name] [data-rail-nav]{position:absolute;inset-inline:0;top:var(--rail-nav-y,50%);
    transform:translateY(-50%);display:flex;justify-content:space-between;
    pointer-events:none;z-index:var(--z-rail,40);padding-inline:10px}
html[data-lunfe-mob] [data-sc-name] [data-rail-nav] button{pointer-events:auto;
    inline-size:44px !important;block-size:44px !important;min-inline-size:44px !important;min-block-size:44px !important;
    border:1px solid rgba(255,255,255,.55) !important;border-radius:999px !important;
    background:rgba(20,20,20,.28) !important;color:#fff !important;
    font-family:inherit;font-size:17px;line-height:1;display:grid !important;place-items:center;
    box-shadow:none !important;padding:0 !important;cursor:pointer;
    backdrop-filter:blur(8px) saturate(1.3);-webkit-backdrop-filter:blur(8px) saturate(1.3);
    transition:background .15s ease,opacity .15s ease}
html[data-lunfe-mob] [data-sc-name] [data-rail-nav] button:active{background:rgba(20,20,20,.52) !important}
html[data-lunfe-mob] [data-sc-name] [data-rail-nav] button[disabled]{opacity:0 !important;visibility:hidden !important;pointer-events:none !important}
  /* K8 · a dica de arraste segue o gutter do texto */
html[data-lunfe-mob] [data-sc-name] section [data-rail-hint]{padding-inline:0 !important;margin-inline:0 !important;
    text-align:left !important;justify-content:flex-start !important}
  /* K9 · header: o cluster utilitário nunca estoura a tela (bloco só-desktop
  escapava no Estúdio e empurrava o header para 453px em tela de 354px) */
html[data-lunfe-mob] header [data-util] [data-desk]{display:none !important}
html[data-lunfe-mob] header [data-util]{min-inline-size:0 !important;flex:0 1 auto !important;
    flex-wrap:nowrap !important;align-items:center !important;margin-left:auto !important}
  /* K10 · rodapé a 360px: redes em linha própria */
html[data-lunfe-mob] footer div:has([data-foot-social]){flex-wrap:wrap !important;row-gap:8px !important;
    min-inline-size:0 !important;max-inline-size:100% !important}
html[data-lunfe-mob] footer div:has(> [data-foot-social]),
html[data-lunfe-mob] footer > div > div:has(> [data-foot-social]),
html[data-lunfe-mob] footer > div > div > div:has(> [data-foot-social]){display:block !important;
    flex-wrap:nowrap !important;inline-size:100% !important;
    max-inline-size:100% !important;margin-inline:0 !important}
html[data-lunfe-mob] footer div:has(> [data-foot-social]) > *:not([data-foot-social]){
    display:inline-flex !important;vertical-align:middle;margin-right:8px}
html[data-lunfe-mob] footer [data-foot-social]{flex:1 0 100% !important;margin-left:0 !important;
    inline-size:100% !important;max-inline-size:100% !important;min-inline-size:0 !important}
html[data-lunfe-mob] footer [data-foot-social] > a{flex:1 1 0 !important;min-inline-size:0 !important}

  /* ══════════════════════════════════════════════════════════════════════
  CAMPANHA DE FALHAS VISUAIS · CORREÇÃO POR NATUREZA (≤430px · 14/08/2026)
  Backlog vindo da auditoria (lunfe-auditoria-mobile.js), não de impressão.
  ══════════════════════════════════════════════════════════════════════ */
  /* N0 · CAUSA RAIZ do "texto sobre texto": grade fracionária de 2+ colunas do
  desktop seguia em 2 colunas no telefone; a 2ª coluna estourava a linha e
  caía POR CIMA do bloco seguinte (no Atacado, 829px de card dentro de uma
  linha de 433px, aterrissando no rodapé). Colapsa para 1 coluna.
  Ficam de fora: trilhos, vitrine 2-up, PLP e grades ícone+texto (26px 1fr). */
html[data-lunfe-mob] [data-sc-name] section :is(div,ul,ol)[style*="grid-template-columns"][style*="repeat("]:not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-om-two]):not([data-om-three]):not([data-args-grid]):not([data-rev-grid]):not([data-vitrine]):not([data-viz]):not([data-spec-list]):not([data-om-grid]):not([data-om-col]):not([data-grade-track]):not([data-lei-skip~="n0"]),html[data-lunfe-mob] [data-sc-name] section :is(div,ul,ol)[style*="grid-template-columns"][style*="fr 1"]:not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-om-two]):not([data-om-three]):not([data-args-grid]):not([data-rev-grid]):not([data-vitrine]):not([data-viz]):not([data-spec-list]):not([data-om-grid]):not([data-om-col]):not([data-grade-track]):not([data-lei-skip~="n0"]),html[data-lunfe-mob] [data-sc-name] section :is(div,ul,ol)[style*="grid-template-columns"][style*="fr 0."]:not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-om-two]):not([data-om-three]):not([data-args-grid]):not([data-rev-grid]):not([data-vitrine]):not([data-viz]):not([data-spec-list]):not([data-om-grid]):not([data-om-col]):not([data-grade-track]):not([data-lei-skip~="n0"]),html[data-lunfe-mob] [data-sc-name] section :is(div,ul,ol)[style*="grid-template-columns"][style*="fr 2"]:not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-om-two]):not([data-om-three]):not([data-args-grid]):not([data-rev-grid]):not([data-vitrine]):not([data-viz]):not([data-spec-list]):not([data-om-grid]):not([data-om-col]):not([data-grade-track]):not([data-lei-skip~="n0"]),html[data-lunfe-mob] [data-sc-name] section :is(div,ul,ol)[style*="grid-template-columns"][style*="fr) minmax"]:not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-om-two]):not([data-om-three]):not([data-args-grid]):not([data-rev-grid]):not([data-vitrine]):not([data-viz]):not([data-spec-list]):not([data-om-grid]):not([data-om-col]):not([data-grade-track]):not([data-lei-skip~="n0"]),html[data-lunfe-mob] [data-sc-name] section :is(div,ul,ol)[style*="grid-template-columns"][style*="fr auto"]:not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-om-two]):not([data-om-three]):not([data-args-grid]):not([data-rev-grid]):not([data-vitrine]):not([data-viz]):not([data-spec-list]):not([data-om-grid]):not([data-om-col]):not([data-grade-track]):not([data-lei-skip~="n0"]),html[data-lunfe-mob] [data-sc-name] section :is(div,ul,ol)[style*="grid-template-columns"][style*="fr ."]:not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-om-two]):not([data-om-three]):not([data-args-grid]):not([data-rev-grid]):not([data-vitrine]):not([data-viz]):not([data-spec-list]):not([data-om-grid]):not([data-om-col]):not([data-grade-track]):not([data-lei-skip~="n0"]){
    grid-template-columns:minmax(0,1fr) !important;
    grid-auto-flow:row !important;grid-auto-columns:auto !important;
    align-items:start !important;inline-size:100% !important;max-inline-size:100% !important}
  /* N1 · texto posicionado por absolute volta ao fluxo. Overlay legítimo
  (swatch, badge, carrinho, contador, hero, sheet) segue absolute. */
html[data-lunfe-mob] [data-sc-name] section :is(p,h1,h2,h3,h4,h5,li,figcaption)[style*="position: absolute"]:not([data-hero-copy] *):not([data-card-ovl] *):not([data-rail-nav] *):not([data-sticky-bar] *):not([data-toast] *):not([data-badge]),html[data-lunfe-mob] [data-sc-name] section :is(p,h1,h2,h3,h4,h5,li,figcaption)[style*="position:absolute"]:not([data-hero-copy] *):not([data-card-ovl] *):not([data-rail-nav] *):not([data-sticky-bar] *):not([data-toast] *):not([data-badge]){
    position:static !important;inset:auto !important;transform:none !important;
    inline-size:100% !important;max-inline-size:100% !important;margin-inline:0 !important}
  /* N2 · altura fixa em bloco de texto vira mínimo: o card cresce, nada é
  cortado nem derrama para fora */
html[data-lunfe-mob] [data-sc-name] section :is(div,article,li)[style*="height: "]:not([style*="line-height"]):not([data-rail] *):not([data-card-media]):not([role="img"]):not([data-plp-grid] *){
    block-size:auto !important}
  /* N3 · pílula, chip e botão: a caixa cresce com o texto */
html[data-lunfe-mob] [data-sc-name] section :is(span,button,a,li){overflow-wrap:break-word}
html[data-lunfe-mob] [data-sc-name] section :is(span,button)[style*="border-radius: 999px"]:not([data-args-grid] ~ div *):not([data-ticker-dots] *),html[data-lunfe-mob] [data-sc-name] section :is(span,button)[style*="border-radius:999px"]:not([data-args-grid] ~ div *):not([data-ticker-dots] *){
    inline-size:auto !important;max-inline-size:100% !important;
    padding-block:8px !important;padding-inline:16px !important;
    white-space:normal !important;block-size:auto !important}
  /* N5 · título display nunca invade o bloco seguinte */
html[data-lunfe-mob] [data-sc-name] section :is(h1,h2,h3){overflow-wrap:break-word;text-wrap:pretty}
  /* N6 · alvo de toque: as barrinhas de paginação e ícones curtos ganham área
  de toque de 44px sem mudar o desenho (pseudo-elemento, não padding) */
html[data-lunfe-mob] [data-sc-name] [data-args-grid] ~ div button,
html[data-lunfe-mob] [data-sc-name] section button[style*="border-radius: 999px"][style*="width: 26px"]{position:relative}
html[data-lunfe-mob] [data-sc-name] button:not([data-rail-nav] *):not([data-tracos] *):not([data-args-grid] ~ div *):not([data-cor-sw]):not([data-quick-cor]):not([data-quick-cat]):not([data-tam-card] *){
    min-block-size:var(--tap-floor,44px) !important}
  /* N7 · caixa de seleção: 22px visual + área de toque 44px por pseudo */
html[data-lunfe-mob] [data-sc-name] input[type="checkbox"],
html[data-lunfe-mob] [data-sc-name] input[type="radio"]{inline-size:22px !important;block-size:22px !important;
    min-inline-size:22px !important;min-block-size:22px !important;flex:0 0 auto !important;position:relative}
html[data-lunfe-mob] [data-sc-name] input[type="checkbox"]::after,
html[data-lunfe-mob] [data-sc-name] input[type="radio"]::after{content:"";position:absolute;inset:-11px}
  /* N8 · ladrilho cuja legenda é overlay absoluto precisa RESERVAR altura: sem
  conteúdo em fluxo o botão colapsa no piso de 44px e a legenda de 285px cai
  por cima do bloco seguinte (era a colisão do Tríptico do Outlet) */
html[data-lunfe-mob] [data-sc-name] section > :is(button,a)[style*="position: relative"]:has(> :is(span,div)[style*="position: absolute"]):has(:is(image-slot,img,[role="img"])):not([data-card]):not([data-card] *):not([data-rail] *):not([data-plp-card]):not([data-screen-label*="Vídeo"] *),html[data-lunfe-mob] [data-sc-name] section > :is(button,a)[style*="position:relative"]:has(> :is(span,div)[style*="position:absolute"]):has(:is(image-slot,img,[role="img"])):not([data-card]):not([data-card] *):not([data-rail] *):not([data-plp-card]):not([data-screen-label*="Vídeo"] *){
    aspect-ratio:4/5 !important;block-size:auto !important;min-block-size:0 !important;
    display:block !important;inline-size:100% !important;max-inline-size:100% !important;
    margin-inline:0 !important}


  /* N11 · decoração absoluta do desktop volta ao fluxo e nenhuma seção corta
    conteúdo (o Hero do Estúdio clipava 310px com overflow:hidden). Mídia de
    preenchimento (inset:0), overlay de card e hero-copy seguem absolutos. */
html[data-lunfe-mob] [data-sc-name] section div[style*="position: absolute"]:not([style*="inset"]):not([style*="left: 0px"]):not([style*="top: 0px"]):not([data-card-ovl]):not([data-card-ovl] *):not([data-rail] *):not([role="img"]):not([data-badge]):not([data-hero-copy]):not([data-hero-copy] *):not(:has(> :is(image-slot,video))),html[data-lunfe-mob] [data-sc-name] section div[style*="position:absolute"]:not([style*="inset"]):not([style*="left:0"]):not([style*="top:0"]):not([data-card-ovl]):not([data-card-ovl] *):not([data-rail] *):not([role="img"]):not([data-badge]):not([data-hero-copy]):not([data-hero-copy] *):not(:has(> :is(image-slot,video))){
    position:static !important;inset:auto !important;transform:none !important;
    inline-size:100% !important;max-inline-size:100% !important;
    margin-block:16px 0 !important;margin-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] section[style*="overflow: hidden"]:not([data-screen-label*="Hero"]),
html[data-lunfe-mob] [data-sc-name] section[style*="overflow:hidden"]:not([data-screen-label*="Hero"]){overflow:visible !important}
html[data-lunfe-mob] [data-sc-name] section[data-screen-label*="Hero"]{overflow:clip visible !important;block-size:auto !important}
  /* N10 · cartão flutuante do desktop (`left: max(0px, 50% - Npx)`) volta ao
  FLUXO no telefone: em 390px ele pousava por cima do bloco seguinte */
html[data-lunfe-mob] [data-sc-name] section [style*="left: max("],
html[data-lunfe-mob] [data-sc-name] section [style*="right: max("],
html[data-lunfe-mob] [data-sc-name] section [style*="left:max("],
html[data-lunfe-mob] [data-sc-name] section [style*="right:max("]{
    position:static !important;inset:auto !important;transform:none !important;
    inline-size:100% !important;max-inline-size:100% !important;
    margin-block:16px 0 !important;margin-inline:0 !important}
  /* N8b · grade de ladrilhos editoriais colapsa para 1 coluna */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section:not([data-hero-split]):has(> :is(button,a)[style*="position: relative"] > [style*="position: absolute"]),html[data-lunfe-mob] [data-sc-name] section > div:has(> :is(button,a)[style*="position: relative"] > [style*="position: absolute"]){
    display:block !important;grid-template-columns:minmax(0,1fr) !important}
  /* N9 · botão de ícone no header: 44px nos DOIS eixos */
html[data-lunfe-mob] [data-sc-name] header button,
html[data-lunfe-mob] [data-sc-name] header a[href],
html[data-lunfe-mob] [data-sc-name] [data-util] > *:not(svg),
html[data-lunfe-mob] [data-sc-name] [data-mob-util]{min-inline-size:44px !important;min-block-size:44px !important}

  /* ══════════════════════════════════════════════════════════════════════
  REGRA UNIVERSAL · VITRINE 2-UP (≤430px · 14/08/2026)
  Toda ocorrência de "duas imagens com texto embaixo" — grades de
  gramatura (180/200, 240/300), pares de coleção, vitrines de categoria.
  Colunas SEMPRE iguais, fotos travadas na MESMA altura (4/5), CTAs na
  mesma linha de base. Diferente do card editorial, a vitrine MANTÉM a
  moldura: com as alturas travadas, as bordas casam nas 4 extremidades.
  ══════════════════════════════════════════════════════════════════════ */
  /* V1 · container: 2 colunas iguais no gutter de 16px, gap 12px.
  3+ itens colapsam para 2 colunas pela mesma regra (grid-auto-flow:row) */
html[data-lunfe-mob] [data-sc-name] section [data-om-two]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]),html[data-lunfe-mob] [data-sc-name] section [data-om-three]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]),html[data-lunfe-mob] [data-sc-name] section [data-om-grid]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]),html[data-lunfe-mob] [data-sc-name] section [data-vitrine]{
    display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-flow:row !important;grid-auto-columns:auto !important;
    gap:12px !important;inline-size:var(--vit-w,100%) !important;max-inline-size:var(--vit-mw,100%) !important;
    margin-inline:var(--vit-bleed,0) !important;padding-inline:0 !important;
    overflow:visible !important;align-items:stretch !important;justify-items:stretch !important}
  /* V2 · a célula: coluna flex de altura cheia (grid stretch), moldura mantida */
html[data-lunfe-mob] [data-sc-name] section [data-om-two]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]) > :is(button,a,div),html[data-lunfe-mob] [data-sc-name] section [data-om-three]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]) > :is(button,a,div),html[data-lunfe-mob] [data-sc-name] section [data-om-grid]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]) > :is(button,a,div),html[data-lunfe-mob] [data-sc-name] section [data-vitrine] > :is(button,a,div){
    display:flex !important;flex-direction:column !important;align-items:stretch !important;
    inline-size:100% !important;max-inline-size:100% !important;min-inline-size:0 !important;
    block-size:100% !important;margin:0 !important;align-self:stretch !important;
    padding-inline:0 !important}
  /* V3 · a foto: 4/5 uniforme — é o que corrige o desalinhamento */
html[data-lunfe-mob] [data-sc-name] section [data-om-two]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]) > :is(button,a,div) > :is(div,span,figure,picture):first-child,html[data-lunfe-mob] [data-sc-name] section [data-om-three]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]) > :is(button,a,div) > :is(div,span,figure,picture):first-child,html[data-lunfe-mob] [data-sc-name] section [data-om-grid]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]) > :is(button,a,div) > :is(div,span,figure,picture):first-child,html[data-lunfe-mob] [data-sc-name] section [data-vitrine] > :is(button,a,div) > :is(div,span,figure,picture):first-child{
    position:relative !important;inline-size:100% !important;aspect-ratio:4/5 !important;
    block-size:auto !important;min-block-size:0 !important;max-block-size:none !important;
    overflow:hidden !important;flex:0 0 auto !important;margin:0 !important}
html[data-lunfe-mob] [data-sc-name] section [data-om-two]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]) > :is(button,a,div) :is(img,video),html[data-lunfe-mob] [data-sc-name] section [data-om-three]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]) > :is(button,a,div) :is(img,video),html[data-lunfe-mob] [data-sc-name] section [data-om-grid]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]) > :is(button,a,div) :is(img,video),html[data-lunfe-mob] [data-sc-name] section [data-vitrine] > :is(button,a,div) :is(img,video){
    position:absolute !important;inset:0 !important;
    inline-size:100% !important;block-size:100% !important;aspect-ratio:auto !important;
    object-fit:cover !important;object-position:center top !important;display:block !important}
html[data-lunfe-mob] [data-sc-name] section [data-om-two]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]) > :is(button,a,div) :is([role="img"],image-slot:not([style*="display: none"]):not([style*="display:none"])),html[data-lunfe-mob] [data-sc-name] section [data-om-three]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]) > :is(button,a,div) :is([role="img"],image-slot:not([style*="display: none"]):not([style*="display:none"])),html[data-lunfe-mob] [data-sc-name] section [data-om-grid]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]) > :is(button,a,div) :is([role="img"],image-slot:not([style*="display: none"]):not([style*="display:none"])),html[data-lunfe-mob] [data-sc-name] section [data-vitrine] > :is(button,a,div) :is([role="img"],image-slot:not([style*="display: none"]):not([style*="display:none"])){
    position:absolute !important;inset:0 !important;
    inline-size:100% !important;block-size:100% !important;display:block !important;
    background-size:cover !important;background-position:center top !important}
  /* V4 · equalização vertical: o corpo cresce, o CTA ancora na base */
html[data-lunfe-mob] [data-sc-name] section [data-om-two]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]) > :is(button,a,div) > :is(div,span):last-child,html[data-lunfe-mob] [data-sc-name] section [data-om-three]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]) > :is(button,a,div) > :is(div,span):last-child,html[data-lunfe-mob] [data-sc-name] section [data-om-grid]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]) > :is(button,a,div) > :is(div,span):last-child,html[data-lunfe-mob] [data-sc-name] section [data-vitrine] > :is(button,a,div) > :is(div,span):last-child{
    display:flex !important;flex-direction:column !important;align-items:flex-start !important;
    flex:1 1 auto !important;inline-size:100% !important;max-inline-size:100% !important;
    padding:14px 14px 16px !important;text-align:left !important}
html[data-lunfe-mob] [data-sc-name] section [data-om-two]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]) > :is(button,a,div) > :is(div,span):last-child > :last-child,html[data-lunfe-mob] [data-sc-name] section [data-om-three]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]) > :is(button,a,div) > :is(div,span):last-child > :last-child,html[data-lunfe-mob] [data-sc-name] section [data-om-grid]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]) > :is(button,a,div) > :is(div,span):last-child > :last-child,html[data-lunfe-mob] [data-sc-name] section [data-vitrine] > :is(button,a,div) > :is(div,span):last-child > :last-child{
    margin-block-start:auto !important;padding-block-start:10px !important;
    inline-size:100% !important;text-align:left !important}
  /* V5 · tipografia interna na largura cheia da célula */
html[data-lunfe-mob] [data-sc-name] section [data-om-two]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]) > :is(button,a,div) :is(p,h3,h4,span),html[data-lunfe-mob] [data-sc-name] section [data-om-three]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]) > :is(button,a,div) :is(p,h3,h4,span),html[data-lunfe-mob] [data-sc-name] section [data-om-grid]:has(> :is(button,a,div) image-slot):not([data-feature]):not([data-lei-skip~="2up"]):not([data-pdp-thumbs]):not([data-split]):not([data-rail]):not([data-carousel-grid]):not([data-plp-grid]):not([data-rev-grid]):not([data-args-grid]):not([data-om-snap]) > :is(button,a,div) :is(p,h3,h4,span),html[data-lunfe-mob] [data-sc-name] section [data-vitrine] > :is(button,a,div) :is(p,h3,h4,span){
    inline-size:100% !important;max-inline-size:none !important;
    margin-inline:0 !important;text-align:left !important;text-wrap:pretty}
/* ── ONDAS 02–08 ×4L (15/08/2026) · complementos gerados das lojas ── */
html[data-lunfe-mob] header > div[data-pad]{height:56px !important;flex-wrap:nowrap !important;padding:0 !important;min-width:0}
html[data-lunfe-mob] header [data-util] div[style*="width: 300px"],
html[data-lunfe-mob] header [data-util] div[style*="width:300px"]{width:min(300px,calc(100vw - 60px)) !important}
html[data-lunfe-mob] [data-ecobar],
html[data-lunfe-mob] [data-eco-bar]{height:var(--eco-h-mob,40px) !important}
html[data-lunfe-mob] [data-ecobar] > span[style*="width: 1px"],
html[data-lunfe-mob] [data-ecobar] > span[style*="width:1px"]{display:none}
/* CTA do ticker em linha única (verificador 15/08) */
html[data-lunfe-mob] [data-screen-label="Ticker"] button{white-space:nowrap;flex:none}
/* PM-02 (15/08) · menu-sheet: X no gutter esquerdo; itens no piso 48 */
html[data-lunfe-mob] [data-screen-label="Menu overlay"] > div > div:first-child,
html[data-lunfe-mob] [data-screen-label="Menu overlay"] [data-sheet] > div:first-child{flex-direction:row-reverse}
html[data-lunfe-mob] [data-screen-label="Menu overlay"] [data-sheet] button{min-block-size:48px !important}
html[data-lunfe-mob] [data-screen-label="Home · Vídeo"] [data-om-col] > div + div{padding:24px 0 !important}
html[data-lunfe-mob] [data-screen-label="Home · Vídeo"] [data-om-col] > div + div > div{padding-inline:20px}
/* pedido 15/08 · pílula de contorno preto no CTA secundário da landing (Atacado) */
html[data-lunfe-mob] [data-sc-name] main > section:first-child button[style*="border-radius: 999px"][style*="background: none"],
html[data-lunfe-mob] [data-sc-name] main > section:first-child button[style*="border-radius:999px"][style*="background:none"]{
  border:1px solid #0B0B0A !important;padding:0 var(--space-5,20px) !important}
/* divisórias entre os passos do "Como funciona a compra" */
html[data-lunfe-mob] [data-como] > div[style*="flex-direction"] > div + div{border-top:1px solid rgba(11,11,10,.10);padding-top:var(--space-3,12px)}
/* losangos de transição das Campanhas */
html[data-lunfe-mob] [data-screen-label="Campanhas"] div[style*="gap: 7px"] button,
html[data-lunfe-mob] [data-screen-label="Campanhas"] div[style*="gap:7px"] button{transform:rotate(45deg);border-radius:0 !important}
/* pedido 15/08 · VÍDEO DO TOUR 4:6 full-bleed · NEWSLETTER empilhada · CLUBE full-width
     (recomposição declarada: sem !important novo — vence por especificidade de escopo) */
html[data-lunfe-mob] [data-tour-btn]{
    aspect-ratio:4/6;border-radius:0;margin-inline:calc(var(--page-pad,16px) * -1);
    inline-size:calc(100% + var(--page-pad,16px) * 2)}
html[data-lunfe-mob] [data-screen-label="Atacado · Vídeo + Newsletter"] [data-om-col] > div{padding:var(--space-6,24px) var(--space-5,20px)}
html[data-lunfe-mob] [data-nl-row]{
    flex-direction:column;align-items:stretch;border-radius:0;padding:0;gap:var(--space-2,8px);background:none;border:none}
html[data-lunfe-mob] [data-nl-row] > [data-nl-in]{
    border:1px solid rgba(11,11,10,.18);border-right-width:1px;margin-right:0;
    padding:0 var(--space-4,16px);min-height:var(--tap-comfort,48px);flex:1 1 auto}
html[data-lunfe-mob] [data-nl-row] > [data-nl-in]{border:1px solid rgba(11,11,10,.18);padding:0 var(--space-4,16px)}
html[data-lunfe-mob] [data-nl-row] > button{inline-size:100%;min-height:var(--tap-comfort,48px)}
html[data-lunfe-mob] [data-clube]{padding-inline:0}
html[data-lunfe-mob] [data-clube-card]{
    border-radius:0;grid-template-columns:1fr;gap:var(--space-6,24px);
    padding:var(--space-8,32px) var(--page-pad,16px);align-items:start}
html[data-lunfe-mob] [data-screen-label="Atacado · Clube do lojista"] h2,
html[data-lunfe-mob] [data-screen-label="Atacado · Clube do lojista"] p{max-inline-size:none}
html[data-lunfe-mob] [data-screen-label="Atacado · Clube do lojista"] button{inline-size:100%;min-height:var(--tap-comfort,48px)}
/* data-eco-fix (verificador 15/08) · piso de 44px não vira largura; divisores 1px saem */
html[data-lunfe-mob] [data-eco-bar] > *,html[data-lunfe-mob] [data-ecobar] > *{inline-size:auto !important;flex:0 0 auto;min-inline-size:0}
html[data-lunfe-mob] [data-eco-bar] > span[style*="width: 1px"],html[data-lunfe-mob] [data-eco-bar] > span[style*="width:1px"],html[data-lunfe-mob] [data-ecobar] > span[style*="width: 1px"],html[data-lunfe-mob] [data-ecobar] > span[style*="width:1px"]{display:none}
html[data-lunfe-mob] [data-clube-card]{padding-block:var(--space-8,32px);padding-left:var(--page-pad,16px);padding-right:var(--page-pad,16px)}
/* pedido 15/08 · BANNER ÚNICO DO ECOSSISTEMA em todas as lojas:
     [marca] › VAREJO ATACADO OUTLET PERSONALIZAÇÃO MALHAS, em trilho rolável.
     Domínio, Contato e divisores saem do telefone (vivem no desktop). */
html[data-lunfe-mob] [data-eco-bar] > span[style*="width: 1px"],[data-eco-bar] > span[style*="width:1px"],html[data-lunfe-mob] [data-ecobar] > span[style*="width: 1px"],[data-ecobar] > span[style*="width:1px"],html[data-lunfe-mob] [data-eco-bar] > button:not([data-eco-brand]):not(:is([aria-label="Portal de lojas"],[data-i18n-al="Portal de lojas"])),html[data-lunfe-mob] [data-ecobar] > button:not([data-eco-brand]):not(:is([aria-label="Portal de lojas"],[data-i18n-al="Portal de lojas"])){display:none}
html[data-lunfe-mob] [data-eco-bar] > span[style*="margin-left: auto"],[data-eco-bar] > span[style*="margin-left:auto"],html[data-lunfe-mob] [data-ecobar] > span[style*="margin-left: auto"],[data-ecobar] > span[style*="margin-left:auto"]{
    margin-left:var(--space-3,12px) !important;gap:6px}
html[data-lunfe-mob] [data-eco-bar] > *,[data-ecobar] > *{inline-size:auto;flex:0 0 auto;min-inline-size:0}
/* #05 (15/08) · NOSSAS LOJAS vira trilho: ~2,5 pílulas visíveis, peek como sinal,
     sem setas; ordem fixa do ecossistema, ativa só marcada (aria-current). */
html[data-lunfe-mob] [data-eco-rail]{display:flex;flex-wrap:nowrap;gap:var(--space-2,8px);overflow-x:auto;
    scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;inline-size:100%;min-inline-size:0}
html[data-lunfe-mob] [data-eco-rail]::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-eco-rail] > button{flex:0 0 38%;scroll-snap-align:start;min-height:var(--tap-comfort,48px);
    display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-inline-size:0}
/* ── âncoras do quadro ── */
html[data-lunfe-mob] [data-glass]{box-shadow:none !important}
html[data-lunfe-mob] [data-screen-label="Mega-menu"],html[data-lunfe-mob] [data-screen-label="Menu overlay"],html[data-lunfe-mob] [data-screen-label="Busca"],html[data-lunfe-mob] [data-screen-label="Filtros"],html[data-lunfe-mob] [data-screen-label="Favoritos"],html[data-lunfe-mob] [data-screen-label="Sacola · Sidebar"],html[data-lunfe-mob] [data-portal-sheet],html[data-lunfe-mob] [data-sticky-bar],html[data-lunfe-mob] [data-cookie-bar]{inset-inline:0 !important;transform:none !important;max-inline-size:100% !important}
/* FAB preso ao quadro: sticky dentro do scroller reproduz o fixed do aparelho */
html[data-lunfe-mob] [data-support-widget],html[data-lunfe-mob] [data-support-widget][data-flutua="1"]{inset-block:auto 16px !important;inset-inline:auto 16px !important;
  margin-inline-start:auto !important;inline-size:max-content !important;block-size:auto !important;
  max-block-size:78dvh;align-self:flex-end !important;justify-content:flex-end !important;transform:none !important;
  z-index:60 !important}
html[data-lunfe-mob] [data-support-widget] [data-screen-label="Atendimento"]{max-inline-size:calc(100% - 28px) !important}
/* ═══ TOP BAR ÚNICO (comentário 15/08) · o header de TODA loja vira UMA barra
   compacta e fixa no topo do app: logo + utilitários; nav desktop e blocos
   só-desktop saem (os destinos vivem no menu/bottom-nav) ═══ */
html[data-lunfe-mob] header{position:sticky !important;top:0 !important;z-index:var(--z-header,900) !important}
html[data-lunfe-mob] header > div{height:56px !important;min-height:56px !important;max-width:100% !important;
  flex-wrap:nowrap !important;align-items:center !important;gap:4px !important;padding:0 var(--page-pad,16px) !important;row-gap:0 !important}
html[data-lunfe-mob] header nav,
html[data-lunfe-mob] header [data-navdesk],
html[data-lunfe-mob] header [data-util] [data-desk]{display:none !important}
html[data-lunfe-mob] header [data-util]{flex-wrap:nowrap !important;margin-left:auto !important;gap:2px !important;min-width:0 !important}
html[data-lunfe-mob] header [data-util] [data-cap]{display:none !important}
html[data-lunfe-mob] header [data-util] > *:not(svg){min-width:44px !important;min-height:44px !important}

/* ══ PM-LOTE-01 · 15/08/2026 · faixa do telefone. Recomposição declarada: o
   literal inline virou token e a regra abaixo só troca o VALOR do token —
   zero exceção de cascata nova, zero literal mágico. ══ */
html[data-lunfe-mob] [data-viz]{--viz-cols:repeat(2,minmax(0,1fr))}
  /* #06 · rodapé de gutter a gutter: hairline full-bleed, texto no --page-pad */
  html[data-lunfe-mob] footer{--foot-pad:0;--foot-w:none;--foot-in:var(--page-pad,16px)}
  html[data-lunfe-mob] footer [data-foot-groups]{--foot-in:0}
  html[data-lunfe-mob] footer [data-foot-groups] > div{padding-inline:var(--page-pad,16px)}
  html[data-lunfe-mob] footer [data-foot-ctx]{gap:var(--space-4,16px)}
  html[data-lunfe-mob] footer [data-foot-chips]{inline-size:100%;gap:var(--space-2,8px)}
  html[data-lunfe-mob] footer [data-foot-chips] button{min-inline-size:var(--tap-min,44px);justify-content:center}
  html[data-lunfe-mob] footer [data-foot-ajuda]{inline-size:100%;height:var(--tap-comfort,48px)}
  html[data-lunfe-mob] footer [data-foot-contatos]{flex-direction:column;gap:0;inline-size:100%}
  html[data-lunfe-mob] footer [data-foot-contatos] a{inline-size:100%;min-block-size:var(--tap-min,44px)}
  /* #07 · Clube preto borda a borda: coluna única, apoio antes do CTA, pílula na base */
  html[data-lunfe-mob] [data-clube]{--clube-w:none}
  html[data-lunfe-mob] [data-clube-card]{--clube-h-w:none;--clube-p-w:none;--clube-cta-r:999px}
  html[data-lunfe-mob] [data-clube-card] > div:last-child{gap:var(--space-4,16px)}
  html[data-lunfe-mob] [data-clube-card] > div:last-child > span{order:1}
  html[data-lunfe-mob] [data-clube-card] > div:last-child > button{order:2;inline-size:100%;height:var(--tap-comfort,48px)}
  /* #02 · campanha vira sanduíche: título → mídia 4:5 reservada → texto + CTA */
  html[data-lunfe-mob] [data-camp-col]{display:contents}
  html[data-lunfe-mob] [data-camp-head]{order:1;padding:var(--space-6,24px) var(--page-pad,16px) 0}
  html[data-lunfe-mob] [data-screen-label="Campanhas"] > div:first-child{order:2}
  html[data-lunfe-mob] [data-camp-corpo]{order:3;padding:var(--space-4,16px) var(--page-pad,16px) var(--space-7,28px)}
  /* #09 · rotação automática marcada por TRAÇO; a seta-caixa sai do fluxo */
  html[data-lunfe-mob] [data-camp-seta]{display:none}
  html[data-lunfe-mob] [data-centro]{text-align:center}
  html[data-lunfe-mob] [data-centro] > *{text-align:center}
  html[data-lunfe-mob] [data-camp-nav]{--tracos-ml:0;--traco-off:rgba(255,255,255,.38);--traco-on:#fff;justify-content:center}
/* traço: hairline 12×2 com área de toque 44×44 por pseudo (as duas faixas) */
html[data-lunfe-mob] [data-tracos] > button{position:relative}
html[data-lunfe-mob] [data-tracos] > button::after{content:"";position:absolute;inset:-21px -6px}

/* ══ espelho do bloco ≤430 da loja que faltava (pedido 15/08 + PM-LOTE-01) ══ */
html[data-lunfe-mob] [data-tour-btn]{aspect-ratio:4/6;border-radius:0;
  margin-inline:calc(var(--page-pad,16px) * -1);inline-size:calc(100% + var(--page-pad,16px) * 2)}
html[data-lunfe-mob] [data-nl-row]{flex-direction:column;align-items:stretch;border-radius:0;padding:0;
  gap:var(--space-2,8px);background:none;border:none}
html[data-lunfe-mob] [data-nl-row] > [data-nl-in]{border:1px solid rgba(11,11,10,.18);
  padding:0 var(--space-4,16px);min-height:var(--tap-comfort,48px);flex:1 1 auto}
html[data-lunfe-mob] [data-nl-row] > button{inline-size:100%;min-height:var(--tap-comfort,48px)}
html[data-lunfe-mob] [data-clube]{padding-inline:0;--clube-w:none}
html[data-lunfe-mob] [data-clube-card]{border-radius:0;gap:var(--space-6,24px);
  padding:var(--space-8,32px) var(--page-pad,16px);align-items:start}
html[data-lunfe-mob] [data-cta-outline],
html[data-lunfe-mob] [data-cta-solido]{--tap-floor:var(--tap-comfort,48px);--cta2-bd:1px solid #0B0B0A;--cta2-pad:0 var(--space-5,20px);
  --cta2-h:var(--tap-comfort,48px);--cta-r:999px;--cta-pad:0 var(--space-5,20px);--cta-fw:500;--cta-fs:14.5px;
  flex:0 0 75%;inline-size:75%;height:48px !important;min-height:48px !important;
  display:inline-flex;align-items:center;justify-content:center;text-align:center}
html[data-lunfe-mob] main > section:first-child div:has(> [data-cta-solido] + [data-cta-outline]){
  justify-content:center;gap:var(--space-2,8px)}
html[data-lunfe-mob] [data-como] > div[style*="flex-direction"] > div + div{
  border-top:1px solid rgba(11,11,10,.10);padding-top:var(--space-3,12px)}
html[data-lunfe-mob] [data-eco-rail]{display:flex;flex-wrap:nowrap;gap:var(--space-2,8px);overflow-x:auto;
  scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;inline-size:100%;min-inline-size:0}
html[data-lunfe-mob] [data-eco-rail]::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-eco-rail] > button{flex:0 0 38%;scroll-snap-align:start;
  height:var(--tap-comfort,48px);display:inline-flex;align-items:center;justify-content:center;
  white-space:nowrap;min-inline-size:0}

/* ══ PM-LOTE-01 · CENTRAL DE AJUDA e PÁGINA INSTITUCIONAL no padrão do app ══
   (as duas vivem fora de <section>: G1–G3 nunca as alcançaram) */

  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"],
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Central de Ajuda"]{--inst-w:none;--inst-pad:var(--page-pad,16px)}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] :is(h1,h2,h3,h4,h5,p,li,dt,dd,figcaption,blockquote,span){
    max-inline-size:none;inline-size:auto;margin-inline:0;text-align:left;text-wrap:pretty}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] button{min-block-size:var(--tap-min,44px)}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] > div{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
/* ══ #10 · tokens da lei full-width (o literal vive no fallback, no markup) ══ */
html[data-lunfe-mob] [data-sc-name]{--mw:none;--mww:none;--mxa:0;--ta:left}
html[data-lunfe-mob] [data-sc-name] [data-foot-selos],html[data-lunfe-mob] [data-sc-name] [data-pay-texto],html[data-lunfe-mob] [data-sc-name] [data-foot-social],html[data-lunfe-mob] [data-sc-name] [data-card-ovl],html[data-lunfe-mob] [data-sc-name] [data-args-grid],html[data-lunfe-mob] [data-sc-name] [data-args-grid] *,html[data-lunfe-mob] [data-sc-name] [data-centro]{--ta:center}
html[data-lunfe-mob] [data-sc-name] :is(h1,h2,h3,h4,h5,h6,p,li,dt,dd,figcaption,blockquote,span,a,label,summary,td,th){text-wrap:pretty}
/* #11 · trilho de lojas: tinta e luz, nunca linha */
html[data-lunfe-mob] [data-eco-rail]{--eco-glow:transparent}
html[data-lunfe-mob] [data-eco-rail] > button{transition:background .15s ease,color .15s ease}
html[data-lunfe-mob] [data-eco-rail] > button[aria-current="true"]{text-shadow:none}
html[data-lunfe-mob] [data-eco-rail] > button:active{background:#F2F2F0}

  /* pedido 15/08 · o banner da malharia abre a loja: no telefone o hero-split
     sobe para o topo do <main> (ordem visual, sem mexer no markup do desktop) */
  html[data-lunfe-mob] [data-sc-name] main{display:flex;flex-direction:column}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-hero-split]{--hero-disp:contents}
  /* #12 · respiro no limite da seção, nunca em margem de filho */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-hero-split] > button:first-of-type{order:-20;margin-block:0;--hero-r:0}
  /* o cartão "Como funciona a compra" é peça independente do <main> */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section:first-child{display:contents}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section:first-child > [data-pj-grid]{--pj-disp:contents}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-copy-pj]{order:-19;padding-block:var(--space-12,48px) 0;padding-inline:var(--page-pad,16px)}
  html[data-lunfe-mob] [data-sc-name] [data-cta-centro]{margin-inline:auto}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-mal-wrap]{display:contents;--g4-bleed:0;--g4-w:100%}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-mal-wrap] > [data-om-col]{--omcol-disp:contents}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-col-a]{--cola-disp:contents}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-studio-wash]{order:-9;margin-block:var(--space-12,48px) 0;--sw-just:center;--sw-ta:center;--ta:center}
  html[data-lunfe-mob] [data-sc-name] [data-camp-cta]{--row-just:center}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-como]{order:-17;margin-block:var(--space-12,48px) 0;--g4-bleed:0;--g4-w:100%}
  /* #15 · ritmo vertical: a costura pertence à seção que ENTRA */
  html[data-lunfe-mob] [data-sc-name] main > section{--sec-pt:var(--space-12,48px);--sec-pb:0px}
  html[data-lunfe-mob] [data-sc-name] main section section{--sec-pt:initial;--sec-pb:initial}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Grade B2B"]{--sec-pb:var(--respiro-final,56px)}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Preço bloqueado"]{--sec-pb:120px}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Entrar na conta B2B"],
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Abrir conta B2B"],
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Conta em análise"],
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Catálogo atacado"],
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Carrinho B2B"],
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Pedido rápido"],
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Central de Ajuda"],
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Favoritos"]{--sec-pb:96px}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-clube]{--sec-pt:var(--space-16,64px)}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]{--sec-pt:var(--space-16,64px)}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Campanhas"]{order:-18}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Atacado · Argumentos"]{order:-16}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Atacado · Malhas"]{display:contents}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-col-a] > div:first-child{order:-14;margin-block:var(--space-12,48px) 0}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-mal-wrap] > [data-om-col] > div:last-child{order:-13;margin-block:var(--space-8,32px) 0}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-mal-wrap] > [data-om-two]{order:-12;margin-block:var(--space-8,32px) 0;padding-inline:var(--page-pad,16px)}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-mal-wrap] > div:not([data-om-col]):not([data-om-two]){order:-11;margin-block:var(--space-8,32px) 0;padding-inline:var(--page-pad,16px)}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Atacado · Escolha por objetivo"]{order:-8} /* 24/08 · desce um bloco: o Studio (−9) passa na frente */  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Shorts"]{order:-14} /* 24/08 · Shorts sobe para logo abaixo do bloco Matéria-prima (empate em −14 resolvido pelo DOM) */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Atacado · Modelagens"]{order:-7}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Atacado · Números"]{order:-6}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Atacado · Lookbook"]{order:-13} /* 24/08 · Lookbook sobe para logo abaixo do bloco "Padrão premium" (empate em −13 resolvido pelo DOM) */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Atacado · História técnica"]{order:2}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Selo-tríade"]{order:1} /* 24/08 · entra ENTRE o Clube do lojista (0) e a História técnica (2) */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Atacado · Depoimentos"]{order:-3}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Atacado · Gramatura"]{order:-1} /* 24/08 · troca com "Como funciona" (um bloco abaixo) */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Atacado · Como funciona"]{order:-2} /* 24/08 · sobe um bloco (passa na frente da Gramatura) */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Atacado · Vídeo + Newsletter"]{order:-9} /* 24/08 · sobe para logo abaixo do bloco Lunfe Studio (empate em −9 resolvido pelo DOM) */
  html[data-lunfe-mob] [data-sc-name] [data-tour-card]{--tc-disp:contents}
  html[data-lunfe-mob] [data-sc-name] [data-tour-txt]{gap:var(--space-3,12px)}
  html[data-lunfe-mob] [data-sc-name] [data-nl-blk]{gap:var(--space-3,12px);padding-block-start:var(--space-16,64px);border-block-start:1px solid #ECECEC;margin-inline:calc(var(--page-pad,16px) * -1);padding-inline:var(--page-pad,16px)}
  html[data-lunfe-mob] [data-sc-name] [data-nl-row]{gap:var(--space-3,12px)}
  html[data-lunfe-mob] [data-sc-name] [data-nl-btn]{--nlb-lbl:inline;--nlb-flow:column;--nlb-gap:8px;border-radius:999px;--tap-floor:var(--tap-comfort,48px);justify-content:center}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-hero-split] > button:last-of-type{order:-15;margin-block:var(--space-6,24px) 0;--hero-r:0} /* 24/08 · estava a 48px do bloco de cima */

/* ══ PM-REPLICAÇÃO-4L · OUTLET · espelho da faixa ≤430 da loja (15/08/2026).
   Escopo por data-sc-name: o que é do Outlet não vaza para os outros 4 quadros. ══ */
/* espelha a regra ≤768 da própria loja (flex:1 1 100%): sem a marca de força o inline vence */

/* ══ PM-REPLICAÇÃO-4L · MALHAS · espelho da faixa ≤430 da loja (15/08/2026) ══ */

/* ══ PM-REPLICAÇÃO-4L · ESTÚDIO · espelho da faixa ≤430 da loja (15/08/2026) ══ */

/* ══ PM-REPLICAÇÃO-4L · VAREJO · espelho da faixa ≤430 da loja (15/08/2026) ══ */

/* G05 · exceção centrada vale em qualquer tela do ecossistema */
html[data-lunfe-mob] [data-sc-name] [data-centro]{--ta:center;text-align:center}
html[data-lunfe-mob] [data-sc-name] [data-centro] > *{text-align:center}

/* nenhuma pílula/chip passa da faixa */
html[data-lunfe-mob] [data-sc-name] main span{max-inline-size:100%}

/* a superfície do rodapé é voz da loja: o espelho só oferece o padrão claro */
/* pedido 17/08 · GUIAS de ponta a ponta no telefone (o padding de 40px comia 10% de cada lado) */

/* #14 · captação sem gutter interno no telefone (a régua é uma só: 16px) */
html[data-lunfe-mob] [data-sc-name] [data-nl-card]{--nl-card-px:0px}

/* pedido 15/08 · SPLIT HERO FULL WIDTH (espelho da faixa ≤430 do Outlet) */

/* pedido 15/08 · vitrine no trilho universal, sale/tríptico/b2b (espelho do Outlet) */
/* pedido 15/08 · VITRINE no COMPONENTE UNIVERSAL: uma oferta por tela, mídia
   de borda a borda e sinal de rolagem no dialeto do Varejo (barra + "< arraste
   para o lado >" + contador). Só o texto do card volta para o gutter de 16px */
/* pedido 15/08 · a dica de rolagem não encosta na seção seguinte */
/* pedido 15/08 · SALE: as duas colunas de texto centralizadas no telefone */
/* pedido 15/08 · MODELAGENS: mídia 4:6 de borda a borda, texto no gutter */
/* pedido 15/08 · TRÍPTICO: um capítulo por vez, imagem de borda a borda */
/* pedido 15/08 · BANNER B2B: superfície de borda a borda, conteúdo centrado
   e botões em pílula */

/* pedido 15/08 · espelho: mídia full-bleed, textos centralizados e controles discretos (Outlet) */
  /* pedido 15/08 · SALE e CAMPANHAS: a mídia vai de borda a borda no telefone */
  /* pedido 15/08 · CAMPANHAS: painel de texto todo centralizado no telefone
     (olho, manchete, corpo, CTA, traços e provas na mesma linha de centro) */
  /* pedido 15/08 · SPLIT HERO: a copy do painel segue a mesma linha de centro */
  /* pedido 15/08 · VITRINE: seletor de cor e sacola discretos — caixa menor,
     área de toque de 44px preservada por ::after (nada perde alvo) */
/* pedido 15/08 · VÍDEO DO OUTLET: o still vai de borda a borda; o texto ao
   lado volta para o gutter (mesmo tratamento do bloco de vídeo do Varejo) */
/* pedido 15/08 · REVIEWS: o bloco vai de borda a borda — a moldura vira
   hairline horizontal e o conteúdo segue no gutter de 16px */
/* pedido 15/08 · a dica "arraste" fica centrada, igual à barra de rolagem */
/* pedido 15/08 · SOCIAL: a chamada cabe em UMA linha no telefone */
/* pedido 15/08 · STUDIO: bloco de borda a borda, conteúdo centrado e botões
   em pílula (mesmo dialeto do banner B2B) */
/* pedido 15/08 · faixas do B2B: três colunas centradas, divididas por hairline */
/* pedido 15/08 · trio de garantias do Studio: mesma malha das faixas do B2B */
/* pedido 15/08 · no trilho universal o card não tem moldura lateral: a mídia
   vai de extremidade a extremidade (o gutter fica só no texto) */
/* pedido 15/08 · REVIEWS: uma avaliação inteira por tela, de borda a borda
   (a moldura vertical sai; o texto segue no gutter) e CTA centralizado */
/* pedido 15/08 · em Reviews o sinal de rolagem é UM: a dica em mono centrada
   (a barra injetada sairia dobrada com ela) */
/* ══ #16 · ESPAÇAMENTO POR NATUREZA (15/08) ══════════════════════════════
   [SLOT-VAZIO] Shorts pede vídeo VERTICAL e o acervo não tem: a faixa colapsa
   em vez de reservar 4×676px de ar (ratio só se reserva com mídia ou poster).
   Os outros slots foram ligados ao acervo na lógica, não aqui. */
/* [MICRO-RITMO] escala intra-seção: título→corpo 16 · corpo→elemento 24 ·
   item→item 12. Cada vão medido no W0 entra pelo seu dono. */
/* ══ #17 · CONTRATO DA VITRINE 2×2 ═══════════════════════════════════════
   duas colunas iguais, gap 12, mídia 3:4 cover, equalização por stretch: o
   CTA desce com margin-top:auto e os quatro assentam na MESMA linha de base */
/* anti-oclusão: o FAB de ajuda não cobre o CTA da última linha da vitrine */
/* #16 · LEI DO SLOT RESOLVIDO: quando o dado entregou a foto, o placeholder
   fica fora — nenhuma regra de grade pode reexibi-lo por cima da mídia */
/* pedido 15/08 · divisória dos cards de avaliação mais discreta: uma hairline
   só (a de baixo), no cinza mais claro da régua */
/* pedido 15/08 · NEWSLETTER: aceite + CTA + LGPD na mesma coluna e no mesmo
   ritmo — CTA cheio, aceite centrado em duas linhas equilibradas, LGPD como
   nota de pé (item→item 12) e nada de checkbox solto no meio da frase */

/* #19 · ar interno na saída dos blocos "Em uma frase" (5 lojas) */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Varejo · Em uma frase"]{
  --sec-pt:var(--space-8,32px);--sec-pb:var(--space-8,32px)}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Outlet · Em uma frase"]{
  --sec-pt:var(--space-8,32px);--sec-pb:var(--space-8,32px)}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Atacado · Em uma frase"]{
  --sec-pt:var(--space-8,32px);--sec-pb:var(--space-8,32px)}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Malhas · Em uma frase"]{
  --sec-pt:var(--space-8,32px);--sec-pb:var(--space-8,32px)}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Em uma frase"]{
  --sec-pt:var(--space-8,32px);--sec-pb:var(--space-8,32px)}

/* #18 · no quadro editável o FAB é sticky (fixed escaparia do aparelho de 390);
   sem colapsar o slot dele, o fim da página herdava 56px de deserto que a loja
   real não tem (lá o FAB é fixed e não ocupa fluxo). */

/* #18-fix · o FAB pousado sobe acima da última linha (a cauda segue 32) */

/* E-01 (15/08) · FAMÍLIA RÓTULO→VALOR: grade de 2 colunas com primeira faixa
   fixa (minmax(0,Npx) minmax(0,1fr)) colapsa em UMA coluna no telefone. Era ela
   que entregava a segunda faixa com 0px e o parágrafo de um caractere por linha. */
html[data-lunfe-mob] [data-sc-name] section :is(div,dl,ul)[style*="grid-template-columns: minmax(0px,"]:not([data-rail]):not([data-plp-grid]):not([data-om-two]):not([data-om-three]):not([data-carousel-grid]),html[data-lunfe-mob] [data-sc-name] section :is(div,dl,ul)[style*="grid-template-columns:minmax(0px,"]:not([data-rail]):not([data-plp-grid]):not([data-om-two]):not([data-om-three]):not([data-carousel-grid]),html[data-lunfe-mob] [data-sc-name] section [data-sobre-linha]{
  grid-template-columns:minmax(0,1fr) !important;row-gap:6px !important;column-gap:0 !important}
html[data-lunfe-mob] [data-sc-name] section [data-sobre-linha] > *{min-width:0 !important;max-width:100% !important}

/* E-01b · FAMÍLIA LEGENDA + CLUSTER na mesma linha: um cluster flex:0 0 auto
   largo zerava a legenda flex:1 1 0 (texto de 11px, uma letra por linha). Na
   faixa a linha embrulha e a legenda toma a primeira linha inteira. */
html[data-lunfe-mob] [data-sc-name] section div[style*="display: flex"]:has(> span[style*="flex: 1 1 0"]):has(> span[style*="flex: 0 0 auto"]),
html[data-lunfe-mob] [data-sc-name] section div[style*="display:flex"]:has(> span[style*="flex:1 1 0"]):has(> span[style*="flex:0 0 auto"]){
  flex-wrap:wrap !important;row-gap:8px !important}
html[data-lunfe-mob] [data-sc-name] section div[style*="display: flex"] > span[style*="flex: 1 1 0"],
html[data-lunfe-mob] [data-sc-name] section div[style*="display:flex"] > span[style*="flex:1 1 0"]{
  flex:1 1 100% !important;min-width:0 !important;white-space:normal !important}

/* E-01c · dentro do card do trilho, a linha nome↔preço embrulha em vez de
   espremer o nome (era o 36px de largura com 257 de altura) */


/* ══ PM-04 (17/08) · MENU (portal) EM TELA CHEIA no quadro editável ═══════════
   O sheet de 420px com teto de 86cqh deixava a loja aparecendo embaixo e o
   conteúdo numa coluna estreita. Agora: aparelho inteiro, gutter único de 16px,
   item de borda a borda com a nota à direita em uma linha. */
html[data-lunfe-mob] [data-screen-label="Menu overlay"]{
  inset-block:0 !important;block-size:100dvh !important;max-block-size:100dvh !important}
html[data-lunfe-mob] [data-screen-label="Menu overlay"] > [data-sheet]{inset:0 !important;
  inline-size:100% !important;max-inline-size:100% !important;
  block-size:100dvh !important;max-block-size:100dvh !important;
  margin-inline:0 !important;box-sizing:border-box !important;
  overflow-y:auto !important;overscroll-behavior:contain;padding-inline:0 !important}
html[data-lunfe-mob] [data-screen-label="Menu overlay"] > [data-sheet] > div{
  padding-inline:var(--page-pad,16px) !important;inline-size:100%}
html[data-lunfe-mob] [data-screen-label="Menu overlay"] > [data-sheet] > div:first-child{padding-block:12px 8px !important;flex-direction:row !important}
html[data-lunfe-mob] [data-screen-label="Menu overlay"] > [data-sheet] > div:last-child{padding-block:20px 24px !important}
html[data-lunfe-mob] [data-screen-label="Menu overlay"] > [data-sheet] > div:not([data-mob]) > button:not(:is([aria-label="Fechar"],[data-i18n-al="Fechar"])){
  display:flex !important;align-items:baseline;justify-content:space-between;gap:12px;
  inline-size:100% !important;padding-block:12px !important;
  border-block-end:1px solid rgba(255,255,255,.09) !important}
html[data-lunfe-mob] [data-screen-label="Menu overlay"] [data-sheet] button span:last-child{
  font-size:11px !important;letter-spacing:.14em !important;color:#767676 !important;
  white-space:nowrap;flex:0 0 auto;text-align:right}

html[data-lunfe-mob] [data-screen-label="Menu overlay"] > [data-sheet] > div:not([data-mob]) > button:not(:is([aria-label="Fechar"],[data-i18n-al="Fechar"])){transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}
html[data-lunfe-mob] [data-screen-label="Menu overlay"] > [data-sheet] > div:not([data-mob]) > button:not(:is([aria-label="Fechar"],[data-i18n-al="Fechar"])):hover{background:linear-gradient(270deg,rgba(242,194,48,.10),rgba(242,194,48,.02)) !important;color:#F2C230 !important;box-shadow:inset -2px 0 0 rgba(242,194,48,.55)}
html[data-lunfe-mob] [data-screen-label="Menu overlay"] > [data-sheet] > div:not([data-mob]) > button:not(:is([aria-label="Fechar"],[data-i18n-al="Fechar"])):hover span:last-child{color:#B9A15A !important}

html[data-lunfe-mob] [data-screen-label="Menu overlay"] > [data-sheet] > div:first-child{align-items:center !important}
html[data-lunfe-mob] [data-screen-label="Menu overlay"] > [data-sheet] > div:first-child > button:is([aria-label="Fechar"],[data-i18n-al="Fechar"]){
  display:grid !important;place-items:center !important;align-self:center !important;line-height:1 !important;padding:0 !important}
html[data-lunfe-mob] [data-screen-label="Menu overlay"] > [data-sheet] > div:first-child > span{display:flex;align-items:center;line-height:1}

/* pedido 17/08 · banners do PDP (Atacado e Studio) de borda a borda e centrados */


/* ══ PM-04 (17/08) · PADRÃO ÚNICO DE MENU MOBILE aplicado ao mega-menu ════════ */

/* ══ PM-04 (17/08) · PADRÃO ÚNICO DE MENU MOBILE (medidas do Outlet) ═══════════
   tela cheia · largura total · gutter único de 16px · logo à esquerda e × à
   direita na mesma linha · item de borda a borda no piso de 48 · luz do acento
   entrando pela direita no hover. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"]{inset:0 !important;block-size:100dvh !important;max-block-size:100dvh !important;overflow-y:auto !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"] > div{
  inline-size:100% !important;max-inline-size:100% !important;margin-inline:0 !important;
  padding:12px var(--page-pad,16px) 32px !important;box-sizing:border-box !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"] > div > div:first-child{
  flex-direction:row !important;align-items:center !important;justify-content:space-between !important;
  block-size:auto !important;min-block-size:56px !important;gap:12px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"] > div > div:first-child > span{order:1;margin-right:auto !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"] > div > div:first-child > button{order:2;display:grid !important;place-items:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"] [data-om-grid]{grid-template-columns:1fr !important;gap:26px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"] [data-om-grid] button{
  inline-size:100% !important;min-block-size:48px !important;padding-inline:0 !important;
  transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"] [data-om-grid] button:hover{
  background:linear-gradient(270deg,rgba(219,247,66,.34),rgba(219,247,66,.06)) !important;box-shadow:inset -2px 0 0 #DBF742}

/* ══ PM-04 (17/08) · PADRÃO ÚNICO DE MENU MOBILE (medidas do Outlet) ═══════════
   tela cheia · largura total · gutter único de 16px · logo à esquerda e × à
   direita na mesma linha · item de borda a borda no piso de 48 · luz do acento
   entrando pela direita no hover. */

/* ══ PM-04 (17/08) · PADRÃO ÚNICO DE MENU MOBILE (medidas do Outlet) ═══════════
   tela cheia · largura total · gutter único de 16px · logo à esquerda e × à
   direita na mesma linha · item de borda a borda no piso de 48 · luz do acento
   entrando pela direita no hover. */

/* ══ CATEGORIAS · a grade de produtos vai de borda a borda no telefone, para a
   foto ganhar o máximo de largura (formato da vitrine em 2 colunas) ══ */

/* ══ CATEGORIAS · barra preta de borda a borda, trilho sem barra de rolagem e
   painel de filtros em tela cheia (mesmo dialeto do menu de navegação) ══ */

/* o painel de filtros mede o APARELHO: a seção carregava transform identidade,
   que virava bloco contentor do fixed e prendia o painel abaixo do header */

/* ══ PM-05 (17/08) · CAMADAS ACOMPANHAM A ROLAGEM ════════════════════════════
   O quadro é o bloco contentor do fixed (transform em [data-mobile-edit]), então
   menu, busca, filtros, favoritos e sacola devem ser FIXED: como ABSOLUTE eles
   nasciam no topo do conteúdo e desapareciam quando a home estava rolada. */
html[data-lunfe-mob] [data-screen-label="Menu overlay"],
html[data-lunfe-mob] [data-screen-label="Mega-menu"],
html[data-lunfe-mob] [data-screen-label="Busca"],
html[data-lunfe-mob] [data-screen-label="Filtros"],
html[data-lunfe-mob] [data-screen-label="Favoritos"],
html[data-lunfe-mob] [data-screen-label="Sacola · Sidebar"],
html[data-lunfe-mob] [data-portal-sheet]{inset-inline:0 !important;inset-block:auto !important;
  block-size:100dvh !important;max-block-size:100dvh !important;transform:none !important}

/* drawer de filtros no telefone: gutter de 16 (o 40 do desktop some) */

/* card da grade de categoria: a linha de gatilho reserva SEMPRE 3 linhas, então
   imagem, texto e botões assentam na mesma altura em todos os cards */

/* pedido 17/08 · VISOR DE VÍDEOS: ocupa o aparelho inteiro, respeitando os limites da tela */
html[data-lunfe-mob] [data-screen-label="Vídeos"]{block-size:100dvh !important;max-block-size:100dvh !important;overflow:hidden !important}
html[data-lunfe-mob] [data-screen-label="Vídeos"] [data-vid-rail]{scrollbar-width:none}
html[data-lunfe-mob] [data-screen-label="Vídeos"] [data-vid-rail]::-webkit-scrollbar{display:none}

/* ══ LEI-RITMO v1.0 · F1 FUNDAÇÃO (18/08/2026) · espelho do escopo do editor ══
   Mesma lei do bloco ≤430 das lojas, entregue por ESCOPO porque no editor a
   loja mora numa página larga e nenhuma media query do telefone dispara. */
html[data-lunfe-mob] [data-sc-name]{
    --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;
    --s7:32px;--s8:40px;--s9:48px;--s10:64px;
    --gap-section:var(--s8);--gap-title:var(--s3);--gap-block:var(--s4);
    --gap-card:var(--s3);--gap-cta:var(--s5);--gap-field:var(--s4);
    --gap-footer:var(--s6);--gap-price:var(--s2);--respiro-final:var(--s7)}
html[data-lunfe-mob] [data-sc-name] main > section{--sec-pt:var(--gap-section);--sec-pb:0px;--sec-mt:0px}
html[data-lunfe-mob] [data-sc-name] main section section{--sec-pt:initial;--sec-pb:initial}
html[data-lunfe-mob] [data-sc-name] main > section[data-editorial]{--sec-pt:var(--s9)}

/* ══ LEI-RITMO v1.0 · F2 (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name]{--wrap-pt:0px;--wrap-pb:0px}
html[data-lunfe-mob] [data-sc-name] main > section[data-fundo]{--sec-pb:var(--gap-block)}
html[data-lunfe-mob] [data-sc-name] main hr{margin-block:var(--gap-block);border-top-width:1px}
html[data-lunfe-mob] [data-sc-name] main [data-ph]:not(:has(img)):not(:has(image-slot)):not(:has(video)){max-block-size:160px}

/* ══ LEI-RITMO v1.0 · F2b (18/08/2026) · espelho ══ */

/* ══ LEI-RITMO v1.0 · F2c (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] main > section[data-fecha] + section{--sec-pt:0px}

/* ══ BARRA ROLANTE · contrato único das 4 lojas (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-ann-loop]{
    --wrap-pt:var(--s2);--wrap-pb:var(--s2);
    min-block-size:32px;box-sizing:border-box;margin-block-start:var(--gap-title)}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Ticker"] > div{height:32px;padding-inline:var(--page-pad,16px)}
html[data-lunfe-mob] [data-sc-name] [data-ann-loop] [data-ann-track] > span{font-size:13.5px;line-height:16px}

/* ══ Lookbook do Outlet · vitrine de ponta a ponta (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] section[data-screen-label="Outlet · Lookbook"]{
    --vit-bleed:calc(var(--page-pad,16px) * -1);
    --vit-w:calc(100% + (var(--page-pad,16px) * 2));--vit-mw:none}

/* ══ PLP · Escolha por Modelagem em trilho (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"]{
    --plpfit-bleed:0px;--plpfit-w:auto;--plpfit-mw:100%}

/* ══ PLP · trilho de modelagem · texto no gutter (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"] [data-rail="modelagem"] > button > span:not(:has([role="img"])){
    padding-inline:var(--gap-cta,20px)}

/* ══ PLP · densidade da grade alinhada ao gutter (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"]{--dens-ml:0px}

/* ══ PLP · densidade da grade alinhada ao gutter (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"]{--dens-ml:0px}

/* ══ PLP · menu de categorias fixo, cheio e sem rolagem (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"] [data-plp-side]{
    position:static !important;top:auto !important;z-index:auto !important;
    display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0 !important;overflow:visible !important;scroll-snap-type:none !important;
    padding:0 !important;min-height:0 !important;min-block-size:0 !important;
    margin-inline:calc(var(--page-pad,16px) * -1) !important;
    inline-size:calc(100% + (var(--page-pad,16px) * 2)) !important;max-inline-size:none !important;
    border-block:1px solid #ECECEC !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"] [data-plp-side] > *{
    min-height:48px !important;min-block-size:48px !important;
    display:flex !important;align-items:center !important;justify-content:flex-start !important;
    padding-inline:var(--page-pad,16px) !important;
    border-block-end:1px solid #F4F4F4 !important;flex:0 0 auto !important}

/* ══ PLP · seletor de recolher o menu de categorias (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"] [data-side-toggle]{
    display:flex !important;
    margin-inline:calc(var(--page-pad,16px) * -1) !important;
    inline-size:calc(100% + (var(--page-pad,16px) * 2)) !important;max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"] [data-plp-side][data-side-open="0"]{
    border-block:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"] [data-plp-side][data-side-open="0"] > *{
    display:none !important}

/* ══ PLP · toda a barra vira TELA DE FILTRO (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"] [data-plp-bar]{display:none !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"] [data-flt-abre]{
    display:flex !important;
    margin-inline:calc(var(--page-pad,16px) * -1) !important;
    inline-size:calc(100% + (var(--page-pad,16px) * 2)) !important;max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Filtros"] [data-flt-mob]{display:flex !important}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Filtros"] [data-flt-mob] button{min-block-size:44px}

/* ══ PLP · entrada de filtro única no telefone (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"] [data-flt-legado]{display:none !important}

/* ══ PLP · card: cores e sacola SAEM da foto (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-plp-card] [data-card-ovl]{
    position:static !important;inset:auto !important;background:none !important;
    display:flex !important;align-items:center !important;justify-content:space-between !important;
    gap:10px !important;padding:var(--gap-card,12px) 0 0 !important}
html[data-lunfe-mob] [data-sc-name] [data-plp-card] [data-card-ovl] button:not([data-cor-sw]){color:#141414 !important}
html[data-lunfe-mob] [data-sc-name] [data-plp-card] [data-card-ovl] > span{flex-wrap:nowrap !important;gap:0 !important;align-items:center !important}
html[data-lunfe-mob] [data-sc-name] [data-plp-card] [data-card-ovl] [data-cor-sw]{
    inline-size:33px !important;min-inline-size:33px !important;block-size:44px !important;
    padding:14px 9px !important;flex:none !important;box-shadow:none !important;border:none !important}
html[data-lunfe-mob] [data-sc-name] [data-plp-card] [data-card-ovl] [data-cor-sw]:nth-of-type(n+5){display:none !important}
html[data-lunfe-mob] [data-sc-name] [data-plp-card] [data-card-ovl] > span > span:not([data-cor-sw]){
    display:inline-flex !important;align-items:center !important;justify-content:center !important;
    inline-size:20px !important;min-block-size:44px !important;padding:0 !important;
    /* o alvo da amostra tem 9px de folga interna: o sinal recua isso no eixo
       horizontal para encostar no disco (correção ótica, não espaço vertical) */
    margin:0 0 0 calc(var(--s2,8px) * -1 - 1px) !important;
    background:none !important;color:#141414 !important;font-size:15px !important;line-height:1 !important;
    border-radius:0 !important;letter-spacing:0 !important}
html[data-lunfe-mob] [data-sc-name] [data-plp-card] [data-cor-mais-n]{display:none !important}
html[data-lunfe-mob] [data-sc-name] [data-plp-card] [data-card-ovl] button:not([data-cor-sw]){
    inline-size:36px !important;min-inline-size:36px !important;block-size:44px !important}
html[data-lunfe-mob] [data-sc-name] [data-plp-card] [data-plp-selo]{display:none !important}

/* ══ PLP · vitrine de ponta a ponta (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"] [data-plp-grid]{
    margin-inline:calc(var(--page-pad,16px) * -1) !important;
    inline-size:calc(100% + (var(--page-pad,16px) * 2)) !important;max-inline-size:none !important}

/* ══ PLP · contorno na amostra branca (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-plp-card] [data-cor-sw][style*="background: rgb(255, 255, 255)"]::after, html[data-lunfe-mob] [data-sc-name] [data-plp-card] [data-cor-sw][style*="background:rgb(255,255,255)"]::after, html[data-lunfe-mob] [data-sc-name] [data-plp-card] [data-cor-sw][style*="background: rgb(250"]::after, html[data-lunfe-mob] [data-sc-name] [data-plp-card] [data-cor-sw][style*="background: rgb(245"]::after, html[data-lunfe-mob] [data-sc-name] [data-plp-card] [data-cor-sw][style*="background: rgb(240"]::after, html[data-lunfe-mob] [data-sc-name] [data-plp-card] [data-cor-sw]:is([aria-label="Branco"],[data-i18n-al="Branco"])::after, html[data-lunfe-mob] [data-sc-name] [data-plp-card] [data-cor-sw]:is([aria-label="Off-white"],[data-i18n-al="Off-white"])::after, html[data-lunfe-mob] [data-sc-name] [data-plp-card] [data-cor-sw]:is([aria-label="Cru"],[data-i18n-al="Cru"])::after{
    content:"";position:absolute;inset:14px 9px;border-radius:50%;
    border:1px solid rgba(20,20,20,.32);pointer-events:none}

/* ══ PLP · dica de arraste DENTRO da foto (18/08/2026) · espelho (cqw no quadro) ══ */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"] [data-fit-hint][data-fit-hint]{
    position:absolute;left:50%;transform:translateX(-50%);z-index:3;
    top:calc(27px + 100vw * 1.25 - 34px);bottom:auto;
    margin:0 !important;inline-size:auto !important;padding:0;
    background:none;color:#fff !important;text-shadow:0 1px 10px rgba(0,0,0,.55);
    display:flex !important;gap:6px;pointer-events:none;white-space:nowrap}

/* ══ Home · Lookbook de ponta a ponta (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Home · Lookbook"] [data-om-grid]{
    margin-inline:-40px !important;
    inline-size:calc(100% + 80px) !important;max-inline-size:none !important;
    padding-inline:0 !important;scroll-padding-inline:0 !important}

/* ══ Home · Gramatura de ponta a ponta (18/08/2026) · espelho ══ */
  /* o wrapper já vem com padding-inline:0 (banda ≤768): sangrá-lo de novo somava
     80px e a grade de gramaturas passava da tela. Aqui ele fica na medida do
     aparelho; o texto recebe o gutter e só a grade vai de ponta a ponta. */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Home · Gramatura"] > div{
    margin-inline:0 !important;inline-size:auto !important;max-inline-size:100% !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Home · Gramatura"] > div > :not(:has([data-gsm-rail],[data-om-grid],[data-om-two])){
    padding-inline:var(--page-pad,16px)}

/* ══ Amostra clara visível fora do card da PLP (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-cor-sw]:not([data-plp-card] [data-cor-sw]):is(
    :is([aria-label="Branco"],[data-i18n-al="Branco"]),:is([aria-label="Off-white"],[data-i18n-al="Off-white"]),:is([aria-label="Cru"],[data-i18n-al="Cru"]),:is([aria-label="Areia"],[data-i18n-al="Areia"]),
    [style*="background:#fff"],[style*="background:#FFF"],[style*="background:#F"]){
    box-shadow:0 0 0 1px rgba(20,20,20,.38) inset,0 0 0 1.5px rgba(20,20,20,.42) !important}

/* ══ Filtros em tela cheia (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Filtros"]{padding:0 !important;align-items:stretch !important}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Filtros"] > div{
    max-block-size:100% !important;block-size:100% !important;
    inline-size:100% !important;max-inline-size:100% !important;margin:0 !important;
    display:flex !important;flex-direction:column !important;border:none !important}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Filtros"] > div > :last-child{margin-top:auto}

/* ══ Filtros · uma só saída (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Filtros"] > button:is([aria-label="Fechar filtros"],[data-i18n-al="Fechar filtros"]){display:none !important}

/* ══ PDP · resumo de avaliações em 3 linhas (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] #vj-reviews > div[data-om-col] > div:first-child{
    display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    column-gap:var(--s3,12px) !important;row-gap:var(--s2,8px) !important;align-items:center}
html[data-lunfe-mob] [data-sc-name] #vj-reviews > div[data-om-col] > div:first-child > p:first-child{
    grid-column:1;font-size:34px !important;margin:0 !important}
html[data-lunfe-mob] [data-sc-name] #vj-reviews > div[data-om-col] > div:first-child > p:nth-child(2){
    grid-column:2 / -1;margin:0 !important;text-wrap:pretty}
html[data-lunfe-mob] [data-sc-name] #vj-reviews > div[data-om-col] > div:first-child > div[data-om-grid]{
    grid-template-columns:18px minmax(0,1fr) 30px !important;gap:5px !important;margin-bottom:0 !important}

/* ══ PDP · trilhos "Leve também"/"Poderá interessar-lhe" + barra fixa fora (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] [data-bump-box]{
    border-inline:none !important;border-block:1px solid #141414 !important;padding-inline:0 !important;
    margin-inline:calc(var(--page-pad,16px) * -1) !important;
    inline-size:calc(100% + (var(--page-pad,16px) * 2)) !important;max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] [data-look-box]{
    margin-inline:calc(var(--page-pad,16px) * -1) !important;
    inline-size:calc(100% + (var(--page-pad,16px) * 2)) !important;max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] :is([data-bump-box],[data-look-box]) > :not([data-rail]){
    padding-inline:var(--page-pad,16px)}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] [data-drag-hint]{display:flex !important}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] :is([data-rail="bump"],[data-rail="look"]){
    display:flex !important;flex-wrap:nowrap !important;grid-template-columns:none !important;gap:0 !important;
    overflow-x:auto !important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] :is([data-rail="bump"],[data-rail="look"])::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] :is([data-rail="bump"],[data-rail="look"]) > *{
    flex:0 0 100% !important;inline-size:100% !important;max-inline-size:100% !important;scroll-snap-align:start;
    display:flex !important;flex-direction:column !important;grid-template-columns:none !important;
    align-items:stretch !important;border:none !important;min-height:0 !important;gap:0 !important}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] :is([data-rail="bump"],[data-rail="look"]) > * > div:first-child{
    aspect-ratio:4/5;align-self:auto !important;inline-size:100% !important}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] :is([data-rail="bump"],[data-rail="look"]) > * > div:nth-child(2){
    padding:var(--gap-card,12px) var(--page-pad,16px) 0 !important;justify-content:flex-start !important}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] :is([data-rail="bump"],[data-rail="look"]) > * > button{
    margin:var(--gap-block,14px) var(--page-pad,16px) var(--s5,20px) !important;
    inline-size:calc(100% - var(--page-pad,16px) * 2) !important;justify-content:center}
html[data-lunfe-mob] [data-sc-name] [data-sticky-bar]{display:none !important}
html[data-lunfe-mob] [data-sc-name]:has([data-sticky-bar]) main{padding-block-end:0 !important}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"]{padding-bottom:var(--respiro-final,56px) !important}
html[data-lunfe-mob] [data-glass]:has([data-sticky-bar]) [data-support-widget]{
    inset-block:auto calc(18px + env(safe-area-inset-bottom)) !important}

/* ══ PLP · ar entre as barras de controle e o trilho (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"] [data-flt-abre]{
    margin-block:var(--gap-block,14px) 0 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"] [data-side-toggle]{
    margin-block:0 var(--gap-section,40px) !important}

/* ══ PLP · texto do card com calha própria (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"] [data-plp-card] > span{
    padding-inline:4px}

/* ══ PLP · inserção editorial: foto cheia, texto abaixo (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"] [data-plp-brk]{
    grid-template-columns:1fr !important;
    border:none !important;background:#fff !important;gap:0 !important;
    margin-inline:calc(var(--page-pad,16px) * -1) !important;
    width:calc(100% + (var(--page-pad,16px) * 2)) !important;max-width:none !important;
    /* alguma lei do dialeto reimpõe max-width:100% com !important e clampa a
       sangria em 358px. min-width vence max-width na resolução de largura do CSS
       (used = max(min, min(max, width))), então a medida real da tela vem daqui. */
    min-width:calc(100% + (var(--page-pad,16px) * 2)) !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"] [data-plp-brk] > div:first-child{
    aspect-ratio:4/5 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"] [data-plp-brk] > div:last-child{
    padding:var(--gap-card,12px) var(--page-pad,16px) 0 !important}
  /* a foto vai de borda a borda: o filete de 1px do grid ainda cortava a direita */
  /* a moldura da foto mede a tela e a imagem preenche centrada (o span role="img"
     é fundo: cover + center é o que "ocupa tudo sem borda" nele) */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"] [data-plp-brk] > div:first-child{
    width:100% !important;max-width:none !important;margin-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"] [data-plp-brk] > div:first-child > [role="img"],
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"] [data-plp-brk] > div:first-child > image-slot{
    position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;
    max-width:none !important;background-size:cover !important;background-position:center center !important;
    object-fit:cover !important;object-position:center center !important}

/* ══ Filtros em tela cheia · desempate (18/08/2026) ══════════════════════════════
   Regras antigas do dialeto mirram o painel por ":last-child" (86cqh + largura
   automática) e venciam a minha por especificidade. Esta fecha a conta: o painel
   é a tela inteira, de borda a borda. */
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Filtros"] > div:last-child{
    inline-size:100% !important;max-inline-size:100% !important;margin-inline:0 !important;
    block-size:100dvh !important;max-block-size:100dvh !important;
    display:flex !important;flex-direction:column !important;border:none !important}

/* ══ Voltar universal · só a escrita (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-volta-uni]{
    border:none !important;background:none !important;border-radius:0 !important;
    box-shadow:none !important;padding:0 !important;min-height:44px !important;
    color:#9a9a9a !important;font-size:10.5px !important;letter-spacing:.14em !important}

/* ══ Filtros · doutrina do Outlet: inset 0 (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Filtros"]{padding:0 !important;display:block !important}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Filtros"] > div:last-child{inset:0 !important;
    inline-size:100% !important;max-inline-size:100% !important;
    block-size:100% !important;max-block-size:100% !important;
    margin:0 !important;border:none !important;box-shadow:none !important;
    display:flex !important;flex-direction:column !important;overflow-y:auto !important}

/* ══ PLP · botão do editorial mais enxuto (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"] [data-plp-brk] button{
    height:41px !important;padding-inline:20px !important;font-size:10px !important}

/* ══ Voltar universal · só a escrita, sem anel de foco (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-volta-uni],
html[data-lunfe-mob] [data-sc-name] [data-volta-uni]:focus,
html[data-lunfe-mob] [data-sc-name] [data-volta-uni]:focus-visible,
html[data-lunfe-mob] [data-sc-name] [data-volta-uni]:active{
    border:0 !important;outline:none !important;box-shadow:none !important;
    background:none !important;border-radius:0 !important;padding:0 !important;
    -webkit-tap-highlight-color:transparent}

/* ══ LEI-SANGRIA v1.0 · medir a tela tem UM jeito (18/08/2026) ══════════════════
   Aprendizado do dia: alguma lei antiga do dialeto reimpõe max-width:100% com
   !important, e ela clampa qualquer sangria por width/inline-size (o bloco fica
   358 em vez de 390). Como o CSS resolve largura por used = max(min, min(max, w)),
   MIN-WIDTH vence max-width — e é dele que a medida real da tela vem.
   Uso: data-sangra no bloco. --sangra-pad ajusta a calha (padrão --page-pad). */
html[data-lunfe-mob] [data-sc-name] [data-sangra]{
    margin-inline:calc(var(--sangra-pad,var(--page-pad,16px)) * -1) !important;
    width:calc(100% + (var(--sangra-pad,var(--page-pad,16px)) * 2)) !important;
    min-width:calc(100% + (var(--sangra-pad,var(--page-pad,16px)) * 2)) !important;
    max-width:none !important;padding-inline:0 !important}
/* filhos que devem manter a calha: data-sangra-gutter */
html[data-lunfe-mob] [data-sc-name] [data-sangra] > [data-sangra-gutter]{padding-inline:var(--page-pad,16px) !important}

/* ══ PLP · botão do Studio com tipo legível (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="PLP · Todas as peças"] [data-brk-copia="3"] button{
    font-size:14.3px !important;height:51px !important;padding-inline:29px !important}

/* ══ Rodapé · banner de Atacado (18/08/2026) · espelho ══ */
  /* o rodapé já zera a calha (--foot-in:0), então a sangria aqui é 0: com -16 o
     banner passava a 422px e estourava a tela */
html[data-lunfe-mob] [data-sc-name] footer [data-brk-copia="2"]{
    --sangra-pad:0px;
    grid-template-columns:1fr !important;border:none !important;background:none !important;
    gap:0 !important;margin-block:var(--gap-section,40px) 0 !important}
html[data-lunfe-mob] [data-sc-name] footer [data-brk-copia="2"] > div{
    border-radius:22px !important;padding:var(--s7,32px) 22px !important}
html[data-lunfe-mob] [data-sc-name] footer [data-brk-copia="2"] button{border-radius:999px !important}

/* ══ PDP · a foto inteira aparece (18/08/2026) · espelho ══ */
  /* a foto que aparece é a do image-slot (o usuário arrastou a imagem): ela pinta
     por background-size no próprio elemento, então a regra tem de citá-lo. */
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] [data-pdp-view] image-slot,
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] [data-pdp-view] image-slot img,
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] [data-pdp-view] [role="img"]{
    background-size:contain !important;background-position:center center !important;
    background-repeat:no-repeat !important;object-fit:contain !important;object-position:center center !important}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] [data-pdp-view]{background:#F5F5F2 !important}

/* ══ PDP · miniaturas com proporção de foto (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] [data-pdp-thumbs]{block-size:auto !important;align-items:stretch !important}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] [data-pdp-thumbs] > *{
    flex:0 0 72px !important;inline-size:72px !important;block-size:96px !important;
    min-block-size:96px !important;padding:0 !important}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] [data-pdp-thumbs] image-slot{
    inline-size:100% !important;block-size:100% !important;object-fit:cover !important;
    background-size:cover !important;background-position:center center !important}

/* ══ LEI-MÍDIA v1.0 · a peça aparece inteira (18/08/2026) ════════════════════════
   Vale nas 4 lojas. Duas correções que nasceram na PDP do Varejo e passam a ser
   regra do ecossistema:
   (1) a mídia PRINCIPAL da PDP mostra a peça toda — cover com foco a 25% do topo
       cortava a cabeça do modelo em foto de corpo inteiro. A foto visível costuma
       ser a do image-slot arrastado pelo usuário, que pinta no PRÓPRIO elemento:
       a regra tem de citar image-slot (e seu img), não só o [role="img"] de trás.
   (2) miniatura é retrato 72×96: em 72×44 o slot vazio não cabia e o rótulo saía
       cortado ("or brows…"). */
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] [data-pdp-view] image-slot,
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] [data-pdp-view] image-slot img,
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] [data-pdp-view] [role="img"]{
    background-size:contain !important;background-position:center center !important;
    background-repeat:no-repeat !important;object-fit:contain !important;object-position:center center !important}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] [data-pdp-view]{background:#F5F5F2 !important}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] [data-pdp-thumbs]{block-size:auto !important;align-items:stretch !important}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] [data-pdp-thumbs] > *{
    flex:0 0 72px !important;inline-size:72px !important;block-size:96px !important;
    min-block-size:96px !important;padding:0 !important}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Produto"] [data-pdp-thumbs] image-slot{
    inline-size:100% !important;block-size:100% !important;object-fit:cover !important;
    background-size:cover !important;background-position:center center !important}

/* ══ Central de Ajuda · cabeçalho de saída (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Central de Ajuda"]{--help-x-ml:auto}

/* ══ Central de Ajuda é TELA, não camada (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Central de Ajuda"]{
    position:static !important;top:auto !important;bottom:auto !important;
    inset-inline:auto !important;max-block-size:none !important;overflow:visible !important;
    inline-size:auto !important;max-inline-size:100% !important;
    padding-inline:var(--page-pad,16px) !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Central de Ajuda"] > div{
    padding-inline:0 !important;max-inline-size:100% !important;margin-inline:0 !important}

/* ══ Hero · setas de campanha fora da faixa de copy (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-hero-arrow]{
    top:var(--s2,8px) !important;bottom:auto !important;
    left:var(--page-pad,16px) !important;opacity:.9}
html[data-lunfe-mob] [data-sc-name] [data-hero-arrow]:is([aria-label="Próxima campanha"],[data-i18n-al="Próxima campanha"]){
    left:auto !important;right:var(--page-pad,16px) !important}

/* ══ Central de Ajuda · índice de assuntos não flutua (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Central de Ajuda"] [style*="position:sticky"],
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Central de Ajuda"] [style*="position: sticky"]{
    position:static !important;top:auto !important}

/* ══ Atendimento · painel na medida do aparelho (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-support-widget]{
    inset-inline:0 !important;inset-block:auto 0 !important;top:auto !important;
    inline-size:100% !important;max-inline-size:100% !important;
    /* a coluna precisa medir exatamente painel+régua: com altura esticada (78cqh das
       regras antigas) o sticky pinava uma caixa de 844 e o painel nascia no TOPO,
       na faixa do cabeçalho. Altura automática = a caixa cola no rodapé visível. */
    block-size:auto !important;max-block-size:none !important;
    align-items:stretch !important;justify-content:flex-end !important;
    padding-inline:0 !important;pointer-events:none}
html[data-lunfe-mob] [data-support-widget] [data-screen-label="Atendimento"]{
    /* CAUSA RAIZ: "Atendimento" está na lista antiga de camadas de tela cheia, que
       impõe position:fixed + inset-block:0 — daí o painel nascer no TOPO do aparelho,
       dentro da faixa do cabeçalho, com a coluna do FAB medindo só 74px. Aqui ele é
       reancorado no rodapé, acima da régua do FAB. */
    position:fixed !important;inset-block:auto var(--sup-fab,74px) !important;
    top:auto !important;bottom:var(--sup-fab,74px) !important;
    inline-size:100% !important;min-inline-size:100% !important;max-inline-size:100% !important;
    border-inline:none !important;border-block-end:none !important;
    border-radius:22px 22px 0 0 !important;margin:0 !important;
    height:calc(100dvh - var(--sup-reserva,214px)) !important;
    max-height:calc(100dvh - var(--sup-reserva,214px)) !important;pointer-events:auto}
html[data-lunfe-mob] [data-support-widget] > div:last-child{
    padding:var(--s2,10px) var(--page-pad,16px) 10px !important;
    /* 23/08 · a régua mede a largura toda só para ancorar o FAB à direita; o
       resto é ar. Com pointer-events:auto ela interceptava o toque na faixa
       inteira e bloqueava as bandeiras de idioma no rodapé. */
    pointer-events:none}
html[data-lunfe-mob] [data-support-widget] > div:last-child > *{pointer-events:auto}
/* 05/09 · FAB de atendimento encostado à direita (a régua mede a largura toda só para ancorar) */
html[data-lunfe-mob] [data-support-widget] > div:last-child{display:flex !important;justify-content:flex-end !important;align-items:center;inline-size:100% !important}
html[data-lunfe-mob] [data-support-widget] > div:last-child > div:has(> button){margin-left:auto !important;justify-content:flex-end !important}
/* 05/09 · rodapé: endereço e contatos juntos (e-mail · tel · WhatsApp em linha, toque 44px mantido) */
html[data-lunfe-mob] [data-sc-name] footer [data-foot-contatos]{flex-direction:row !important;flex-wrap:wrap !important;gap:0 14px !important;margin-top:0 !important;align-items:center}
html[data-lunfe-mob] [data-sc-name] footer [data-foot-contatos] > a{min-height:40px !important;display:inline-flex;align-items:center}
html[data-lunfe-mob] [data-sc-name] footer p:has(+ [data-foot-contatos]){margin-bottom:0 !important}

/* ══ Barra do ecossistema não sangra para fora (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-eco-bar]{overflow-x:auto !important;overflow-y:hidden !important}

/* ══ Ticker do Varejo no preto do ecossistema (18/08/2026) · espelho ══ */

/* ══ Atendimento · anatomia interna no telefone (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-support-widget] [data-screen-label="Atendimento"]{overflow:hidden !important}
html[data-lunfe-mob] [data-support-widget] [data-screen-label="Atendimento"] [data-sup-thread]{
    flex:1 1 auto !important;min-block-size:0 !important;overflow-y:auto !important}
html[data-lunfe-mob] [data-support-widget] [data-screen-label="Atendimento"] [data-sup-thread] + div{
    flex:0 0 auto !important;block-size:56px !important;min-block-size:0 !important;max-block-size:56px !important;
    align-items:center !important;overflow-x:auto !important;overflow-y:hidden !important;
    scrollbar-width:none;padding-block:0 !important}
html[data-lunfe-mob] [data-support-widget] [data-screen-label="Atendimento"] [data-sup-thread] + div::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-support-widget] [data-screen-label="Atendimento"] [data-sup-thread] + div > button{
    flex:0 0 auto !important;block-size:40px !important;min-block-size:40px !important;
    max-block-size:40px !important;align-self:center !important;
    inline-size:auto !important;padding:0 14px !important;white-space:nowrap}

/* ══ Atendimento vai até a barra do menu (18/08/2026) ══════════════════════════════
   Reserva = cabeçalho fixo (barra de lojas 40 + avisos 32 + header 56 = 128, mais a
   folga de 12) + a régua do FAB (74). O painel cobre todo o resto da tela. */

/* ══ Barra de lojas · preto sólido (18/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-eco-bar],
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Ecosystem Bar"]{
    background:#0A0A0A !important;background-image:none !important;
    isolation:isolate;position:relative;z-index:var(--z-eco,940)}

/* ══ Topo integralmente preto (18/08/2026) ════════════════════════════════════════
   A barra de lojas já era #0A0A0A opaca; o cinza que vazava era a superfície do
   quadro durante a montagem. A faixa do cabeçalho agora tem fundo próprio preto,
   sem depender do que existe atrás. */
html[data-lunfe-mob] [data-eco-bar]{background:#0A0A0A !important;isolation:isolate}
html[data-lunfe-mob] [data-sc-name] > [data-glass]:first-child{background:#0A0A0A}
html[data-lunfe-mob] [data-sc-name] > [data-glass]:first-child > header{background:#fff}

/* ══ Atendimento · trilho visível na régua de assuntos (19/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-support-widget] [data-screen-label="Atendimento"] [data-sup-dica]{display:block !important;flex:0 0 auto !important}
html[data-lunfe-mob] [data-support-widget] [data-screen-label="Atendimento"] [data-sup-thread] + div{border-bottom:none !important}

/* ══ Atendimento · abre em qualquer altura da rolagem (19/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-support-widget] [data-screen-label="Atendimento"]{
  position:static !important;inset:auto !important;top:auto !important;bottom:auto !important;
  block-size:var(--sup-alt,560px) !important;max-block-size:var(--sup-alt,560px) !important;
  min-block-size:0 !important}

/* ══ Varejo mobile · superfície sempre branca (19/08/2026) ══════════════════════════
   Pedido do usuário: o fundo da loja é BRANCO em todas as telas. O preto fica só
   na barra de lojas, que tem fundo próprio. */
html[data-lunfe-mob] [data-sc-name]{background:#fff !important}
html[data-lunfe-mob] [data-sc-name] > [data-glass]:first-child{background:#fff !important}
html[data-lunfe-mob] [data-sc-name] main{background:#fff}
html[data-lunfe-mob] [data-eco-bar]{background:#0A0A0A !important}

/* ══ Conta · popover vira folha do aparelho (19/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-acct-panel]{
  --acct-w:auto;
  position:absolute !important;top:calc(100% + 10px) !important;
  inset-inline:0 !important;right:auto !important;
  inline-size:auto !important;max-inline-size:none !important;
  border-inline:none !important;border-radius:0 !important;
  padding:var(--s4,16px) var(--page-pad,16px) 16px !important;
  box-shadow:0 18px 46px rgba(0,0,0,.16) !important;
  max-block-size:78dvh;overflow-y:auto;z-index:var(--z-modal,1200) !important}
html[data-lunfe-mob] [data-sc-name] [data-acct-panel] :is(a,button){min-block-size:48px !important}

html[data-lunfe-mob] [data-sc-name] header div:has(> [data-acct-panel]){position:static !important}

/* no quadro editável a medida do aparelho é a do container, não da janela */
html[data-lunfe-mob] [data-sc-name] [data-acct-panel]{
  left:auto !important;right:0 !important;
  inline-size:100vw !important;max-inline-size:none !important}

/* ══ LEI-CAMADA · menus também (19/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Mega-menu"],
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"],
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Busca"],
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Sacola · Sidebar"],
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Favoritos"],
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Filtros"],
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"]{
  inset-inline:0 !important;left:0 !important;right:0 !important;transform:none !important}

/* ══ Studio · banner sangra a largura do aparelho (19/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-inst-studio]{
  margin-inline:calc(-1 * var(--page-pad,16px)) !important;
  inline-size:auto !important;max-inline-size:none !important;
  border-radius:0 !important;border-inline:none !important;
  padding-inline:var(--page-pad,16px) !important;
  grid-template-columns:1fr !important;justify-items:center !important;text-align:center !important}
html[data-lunfe-mob] [data-sc-name] [data-inst-studio] > div{inline-size:100%;max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name] [data-inst-studio] :is(h2,p,span){max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name] [data-inst-studio] > div:last-child{
  border-inline-start:none !important;border-top:1px solid #E4E4DF !important;
  padding-inline-start:0 !important;padding-top:20px !important}
html[data-lunfe-mob] [data-sc-name] [data-inst-studio] > div > div{justify-content:center !important}

html[data-lunfe-mob] [data-sc-name] [data-inst-studio] > div > div:first-of-type{
  flex-direction:column !important;border-radius:0 !important;inline-size:100% !important}
html[data-lunfe-mob] [data-sc-name] [data-inst-studio] > div > div:first-of-type > span{
  min-inline-size:0 !important;inline-size:100% !important;flex:0 0 auto !important;
  border-left:none !important;text-align:center !important}
html[data-lunfe-mob] [data-sc-name] [data-inst-studio] > div > div:first-of-type > span + span{
  border-top:1px solid #E4E4DF !important}

html[data-lunfe-mob] [data-sc-name] [data-inst-studio] :is(h2,p){text-align:center !important;margin-inline:auto !important}

/* ══ Página institucional · sem régua preta no topo (19/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-inst-head]{border-top:none !important;padding-top:0 !important}

/* ══ Institucional · caixa de autoatendimento vira faixa (19/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-inst-portal]{
  --inst-portal-b:none;
  border:none !important;border-top:1px solid #E4E4DF !important;border-bottom:1px solid #E4E4DF !important;
  padding-inline:0 !important}

html[data-lunfe-mob] [data-sc-name] [data-inst-portal] > div{justify-content:center !important;text-align:center !important}

html[data-lunfe-mob] [data-sc-name] [data-inst-portal]{text-align:center !important}
html[data-lunfe-mob] [data-sc-name] [data-inst-portal] :is(p,h2){margin-inline:auto !important}

/* ══ Institucional · banner Malhas / private label (19/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-inst-malhas]{
  margin-inline:calc(-1 * var(--page-pad,16px)) !important;
  inline-size:auto !important;padding-inline:var(--page-pad,16px) !important;
  border-inline:none !important;border-radius:0 !important;
  grid-template-columns:1fr !important;text-align:center !important}
html[data-lunfe-mob] [data-sc-name] [data-inst-malhas] :is(h2,p){margin-inline:auto !important;max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name] [data-inst-malhas] > div > div:first-of-type{grid-template-columns:1fr !important}
html[data-lunfe-mob] [data-sc-name] [data-inst-malhas] > div > div:first-of-type > span{border-left:none !important;padding-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] [data-inst-malhas] > div > div:first-of-type > span + span{border-top:1px solid rgba(20,20,20,.14) !important}
html[data-lunfe-mob] [data-sc-name] [data-inst-malhas] > div:last-child{
  border-inline-start:none !important;border-top:1px solid rgba(20,20,20,.14) !important;
  padding-inline-start:0 !important;padding-top:20px !important}
html[data-lunfe-mob] [data-sc-name] [data-inst-malhas] > div > div:last-of-type{justify-content:center !important}

html[data-lunfe-mob] [data-sc-name] [data-inst-malhas]{
  inline-size:calc(100% + 2 * var(--page-pad,16px)) !important;max-inline-size:none !important}

html[data-lunfe-mob] [data-sc-name] [data-inst-malhas] > div > div:first-of-type > span{text-align:center !important}
html[data-lunfe-mob] [data-sc-name] [data-inst-malhas] > div:last-child{text-align:center !important}

/* algum ancestral do miolo reimpunha o alinhamento à esquerda: o banner centraliza
   por descendência explícita (é bloco editorial, todo o texto acompanha) */
html[data-lunfe-mob] [data-sc-name] [data-inst-malhas],
html[data-lunfe-mob] [data-sc-name] [data-inst-malhas] *{text-align:center !important}
html[data-lunfe-mob] [data-sc-name] [data-inst-malhas] > div > div:first-of-type{justify-items:center !important}

html[data-lunfe-mob] [data-sc-name] [data-inst-portal],
html[data-lunfe-mob] [data-sc-name] [data-inst-portal] *{text-align:center !important}

/* ══ Banner de atacado no rodapé · quadrado e claro (19/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] footer [data-brk-copia="2"] > div{border-radius:0 !important}
html[data-lunfe-mob] [data-sc-name] footer [data-brk-copia="2"] button{border-radius:0 !important}

/* ══ Filtros · o × sem moldura (20/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Filtros"] :is([aria-label="Fechar"],[data-i18n-al="Fechar"]){
  border:none !important;background:none !important;border-radius:0 !important;
  box-shadow:none !important;padding:0 8px !important;min-inline-size:44px !important}

/* ══ Cross-sell do atacado · centralizado (20/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-plp-brk] [data-centro],
html[data-lunfe-mob] [data-sc-name] [data-plp-brk] [data-centro] *{text-align:center !important}
html[data-lunfe-mob] [data-sc-name] [data-plp-brk] [data-centro] :is(p,h2){margin-inline:auto !important}

/* ══ Avaliações · distribuição em uma linha (20/08/2026) · espelho ══ */
html[data-lunfe-mob] [data-sc-name] [data-rev-dist]{display:flex !important;flex-wrap:nowrap !important;gap:6px !important;align-items:center !important;grid-template-columns:none !important}
html[data-lunfe-mob] [data-sc-name] [data-rev-dist] > div{flex:1 1 0 !important;min-inline-size:0 !important;flex-direction:row !important;justify-content:center !important;gap:3px !important;white-space:nowrap !important}
html[data-lunfe-mob] [data-sc-name] [data-rev-dist] > div > span{font-size:10.5px !important}

/* ══ MALHAS · FULL-BLEED NO TELEFONE (21/08/2026) ═══════════════════════════
   A loja mede a tela inteira: seção sem gutter, mídia, grades e trilhos de
   borda a borda, nada de canto arredondado sobrando no primeiro nível.
   O respiro de 16px migra para o TEXTO; cabeçalho e rodapé mantêm a régua.
   --page-pad:0 mantém coerente toda a matemática de escape já existente
   (margens negativas de trilho/mídia deixam de puxar 16px a mais). */
html[data-lunfe-mob] [data-sc-name*="Malhas"][data-sc-name]{--page-pad:0px;--g4-bleed:0px;--g4-w:100%}
html[data-lunfe-mob] [data-sc-name*="Malhas"] header,
html[data-lunfe-mob] [data-sc-name*="Malhas"] header > div,
html[data-lunfe-mob] [data-sc-name*="Malhas"] footer,
html[data-lunfe-mob] [data-sc-name*="Malhas"] [data-screen-label="Menu overlay"],
html[data-lunfe-mob] [data-sc-name*="Malhas"] [data-screen-label="Busca"],
html[data-lunfe-mob] [data-sc-name*="Malhas"] [data-screen-label="Filtros"],
html[data-lunfe-mob] [data-sc-name*="Malhas"] [data-screen-label="Favoritos"],
html[data-lunfe-mob] [data-sc-name*="Malhas"] [data-screen-label="Sacola · Sidebar"],
html[data-lunfe-mob] [data-sc-name*="Malhas"] [data-screen-label="Atendimento"],
html[data-lunfe-mob] [data-sc-name*="Malhas"] [data-screen-label="Página institucional"]{--page-pad:16px}
html[data-lunfe-mob] [data-sc-name*="Malhas"][data-sc-name] main > section:not([data-keep-gutter]):not([data-overlay]):not([data-modal]):not([data-sheet]){
  padding-inline:0 !important;--page-pad:0px;--g4-bleed:0px;--g4-w:100%}
html[data-lunfe-mob] [data-sc-name*="Malhas"][data-sc-name] main > section > div:not([data-keep-gutter]):not([data-overlay]):not([data-modal]):not([data-sheet]){
  padding-inline:0 !important;margin-inline:0 !important;max-inline-size:100% !important}
html[data-lunfe-mob] [data-sc-name*="Malhas"][data-sc-name] main > section :is(h1,h2,h3,h4,h5,h6,p,li,dt,dd,figcaption,blockquote,label,summary):not([data-rail] *):not([data-card] *):not([data-plp-card] *):not([data-plp-grid] *):not([data-glass] *):not([data-om-grid]:not(section) *):not([data-om-two]:not(section) *):not([data-om-three]:not(section) *):not([data-carousel-grid] *):not(table *):not(button *):not(a *):not(form *):not(li *):not(image-slot *){
  padding-inline:16px !important}
html[data-lunfe-mob] [data-sc-name*="Malhas"][data-sc-name] main > section :is([data-om-grid],[data-om-two],[data-om-three]):not([data-rail]) > *:not(:has(image-slot)):not(:has(img)):not(:has([role="img"])):not([data-card]):not([data-plp-card]):not([data-glass]):not(image-slot):not(img){
  padding-inline:16px !important}
html[data-lunfe-mob] [data-sc-name*="Malhas"][data-sc-name] main > section table :is(th,td):first-child{padding-left:16px !important}
html[data-lunfe-mob] [data-sc-name*="Malhas"][data-sc-name] main > section table :is(th,td):last-child{padding-right:16px !important}
html[data-lunfe-mob] [data-sc-name*="Malhas"][data-sc-name] main > section > div > div[style*="border-radius"]{
  border-radius:0 !important}


/* ══════════════════════════════════════════════════════════════════════════════
   23/08 · NEUTRALIZAÇÃO DAS LEIS DE DESKTOP DENTRO DO QUADRO DE 390px
   ------------------------------------------------------------------------------
   CAUSA: media query mede a JANELA, não o contêiner. No quadro editável a loja
   tem 390px, mas a janela tem 1376 — então todo bloco @media (min-width:1024px)
   da loja MATCHA e injeta tokens de desktop no telefone. Foi isso que colapsou o
   módulo de newsletter do Outlet: --nl-cols virava "minmax(0,1.55fr)
   minmax(400px,.75fr)" dentro de 289px, a 1ª coluna ia a 0 e o texto quebrava
   uma letra por linha.
   REGRA: dentro de [data-mobile-edit] todo token declarado em @media min-width
   volta a "initial", e o literal do markup — que é o valor correto no telefone —
   volta a valer. Tokens que este arquivo já governa não são tocados.
   ══════════════════════════════════════════════════════════════════════════════ */
html[data-lunfe-mob] [data-sc-name]{--gutter-d:initial;--sec-px:initial;--lei-w:initial;--hdr-jc:initial;--util-flex:initial;--util-ai:initial;--nav-gap:initial;--nav-flex:initial;--nav-px:initial;--busca-w:initial;--cluster-gap:initial;--nav-ml:initial;--vplayer-bg:initial;--vplayer-disp:initial;--vplayer-pad:initial;--vpane-pos:initial;--vpane-inset:initial;--vpane-h:initial;--vpane-ar:initial;--vnav-disp:initial;--bump-media:initial;--bump-h:initial;--foot-siga-ml:initial;--foot-social-ml:initial;--grid-gap:initial;--foot-legal-jc:initial;--foot-legal-gap:initial;--plp-cols:initial;--plp-gap:initial;--sac-cols:initial;--sac-gap:initial;--sac-pos:initial;--sac-top:initial;--reco-w:initial;--reco-cols:initial;--cart-h:initial;--cart-colgap:initial;--cart-clgap:initial;--cart-nome:initial;--nl-w:initial;--nl-cols:initial;--nl-ta:initial;--nl-listmx:initial;--nl-gapx:initial;--b2b-cols:initial;--b2b-gap:initial}
html[data-lunfe-mob] [data-sc-name] [data-plp-side]{--plp-side-dir:initial;--plp-side-ai:initial;--plp-side-gap:initial;--plp-side-mh:initial}
html[data-lunfe-mob] [data-sc-name] section[data-screen-label="Outlet · Lookbook"]{--look-cols:initial}
html[data-lunfe-mob] [data-sc-name] section#ou-news [data-nl-form]{--nl-formmx:initial;--nl-formw:initial}

/* a regra de id do Outlet (section#ou-news) vence o reset genérico por
   especificidade — entra nomeada, já com o escopo do quadro */
html[data-lunfe-mob] [data-sc-name] main > section#ou-news{--nl-w:initial;--nl-cols:initial;--nl-ta:initial}
html[data-lunfe-mob] [data-sc-name] section#ou-news [data-nl-form]{--nl-formmx:initial;--nl-formw:initial}

/* ══ espelho · pedido 24/08 (Outlet full width) ══
/* pedido 24/08 · QUATRO PAINÉIS DE BORDA A BORDA NO TELEFONE (Outlet)
   Argumentos (#ou-regras), Sale (#ou-sale), Studio e Aviso de saldo (#ou-news)
   mediam a largura da loja MENOS a calha de 16px herdada das regras de seção —
   sobrava moldura lateral em cada um. Aqui a seção perde a calha, o cartão
   perde raio e borda lateral, e o gutter de leitura volta DENTRO do painel.
   Vertical: o par pt/pb do bloco de argumentos fica simétrico (24+20). */
/* 1 · Argumentos: coluna única centrada, hairline entre itens, ar simétrico */
/* 2 · Studio: cartão sem raio nem borda lateral, conteúdo no gutter */
/* 3 · Sale: o painel de texto perde a borda lateral e o ar de 32px */
/* 4 · Aviso de saldo: o painel preto vai de ponta a ponta */


/* correção 24/08 · a seção do Studio vive FORA de <main>: a regra sem o
   ancestral main é a que alcança (as do cartão interno já valem) */

/* pedido 24/08 (corrigido) · HERO PJ: no telefone a seção e o grid entram em
   display:contents — não há caixa para receber padding ou row-gap. O respiro
   sai de quem TEM caixa: o último bloco flatten do hero e a seção seguinte. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section [data-pj-grid] > *{margin-block-end:28px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section [data-pj-grid] > *:last-child{margin-block-end:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Campanhas"]{--sec-pt:var(--space-8,32px)}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Campanhas"]{padding-block-start:var(--space-8,32px) !important}

/* pedido 24/08 · pílulas de malha (Atacado · Malhas) com contorno cinza claro:
   no telefone a lei do card editorial tirava a moldura e elas ficavam soltas */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section [data-mal-wrap][data-mal-wrap] > [data-om-two][data-om-two] > div[style*="border"]{
  border:1px solid #E9E9E6 !important;border-radius:18px !important;
  border-block-start:1px solid #E9E9E6 !important;border-block-end:1px solid #E9E9E6 !important;
  border-inline:1px solid #E9E9E6 !important;box-shadow:none !important}

/* pedido 24/08 · "Escolha por objetivo" fechava sem ar: o último botão da
   grade encostava no bloco seguinte (Shorts). */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Atacado · Escolha por objetivo"]{
  --sec-pb:var(--space-8,32px);padding-block-end:var(--space-8,32px) !important}

/* pedido 24/08 · PADRÃO DE STATUS NO ATENDIMENTO (todas as lojas, mobile):
   bolinha de 6px verde, discreta, sem halo — nada de span esticado pela lei
   genérica de largura. */
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Atendimento"] [data-foot-lojas] > span:first-child,
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Atendimento"] span[style*="border-radius: 999px"]:empty,
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Atendimento"] span[style*="border-radius:999px"]:empty{
  inline-size:6px !important;block-size:6px !important;
  min-inline-size:6px !important;min-block-size:6px !important;
  max-inline-size:6px !important;max-block-size:6px !important;
  aspect-ratio:1 !important;border-radius:999px !important;
  box-shadow:none !important;flex:0 0 6px !important;
  place-self:center start !important;padding:0 !important}

/* 24/08 · a dica em CSS saiu: o injetor de JS ([data-rail-dica]) monta o nó
   real com contador, e as duas juntas apareciam em dobro. */

/* pedido 24/08 · MÍDIA DA CAMPANHA DE BORDA A BORDA NO TELEFONE. A seção
   herdava calha de 16px, então a foto media 358px e sobrava faixa preta dos
   dois lados. A calha sai da seção e volta apenas no painel de texto. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Campanhas"]{
  padding-inline:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Campanhas"] > div:has(> image-slot){
  inline-size:100% !important;max-inline-size:100% !important;margin-inline:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Campanhas"] image-slot{
  inline-size:100% !important;max-inline-size:100% !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Campanhas"] [data-camp-col]{
  padding-inline:var(--page-pad,16px) !important}

/* pedido 24/08 · CTA do Clube do lojista: com padding de 16px e caixa de 48px o
   texto sentava 19/11 (8px para baixo). O botão passa a centrar de verdade. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Atacado · Clube do lojista"] button{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  padding-block:12px !important;line-height:1.2 !important;text-align:center !important}

/* pedido 24/08 · Triptych desce para depois da "História técnica" (empate em 1
   com o vídeo/newsletter resolvido pelo DOM). */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Atacado · Triptych"]{order:3} /* 24/08 · fecha depois da História técnica (2) */

/* pedido 24/08 · o par "Ver catálogo completo" + nota de preço fechava o bloco
   de malhas numa linha; ao empilhar no telefone a nota (358px, alinhada à
   esquerda) parecia solta. Agora vira legenda do botão: coluna centrada,
   respiro curto e largura de leitura. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-mal-wrap] > div:not([data-om-col]):not([data-om-two]){
  display:flex !important;flex-direction:column !important;align-items:center !important;
  gap:10px !important;text-align:center !important}
/* 24/08 · o par virou só o botão (a nota saiu): ele fecha o bloco de malhas,
   então leva o próprio respiro para não encostar no bloco seguinte. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-mal-wrap] > div:not([data-om-col]):not([data-om-two]){
  margin-block:var(--space-8,32px) var(--space-10,40px) !important}

/* pedido 24/08 · o card do tour entra em display:contents no telefone, então o
   padding-top de 32px dele não vale e o título encostava na mídia. O respiro
   passa para a caixa de texto, que existe. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Atacado · Vídeo + Newsletter"] [data-tour-txt]{
  margin-block-start:24px !important}

/* pedido 24/08 · a captura de e-mail passou para o card preto do Clube. No
   telefone o [data-nl-row] abre em coluna sem a pílula branca, então campo e
   botão precisam da própria roupa sobre o preto. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Atacado · Clube do lojista"] [data-nl-in]{
  background:#FFFFFF !important;color:#0B0B0A !important;
  border:1px solid rgba(255,255,255,.28) !important;border-radius:999px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Atacado · Clube do lojista"] [data-nl-btn]{
  background:#FFFFFF !important;color:#0B0B0A !important;border-radius:999px !important}

/* pedido 24/08 · o CTA da newsletter acende em verde escuro quando o e-mail já
   permite concluir (e permanece aceso na confirmação). */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-nl-btn][data-nl-ok="1"]{
  background:#1B6B47 !important;color:#FFFFFF !important;
  box-shadow:0 0 0 3px rgba(27,107,71,.20) !important}

/* 24/08 · dentro do card do Clube a roupa branca do CTA é mais específica —
   a luz verde precisa do mesmo escopo para vencer. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Atacado · Clube do lojista"] [data-nl-btn][data-nl-ok="1"]{
  background:#1B6B47 !important;color:#FFFFFF !important;
  box-shadow:0 0 0 3px rgba(27,107,71,.20) !important}

/* pedido 24/08 · PLP do atacado no telefone: a foto manda. Os cards tinham
   ~18px de calha interna de cada lado (36px por card) e a grade abria 12px
   entre colunas — a imagem sobrava em 153px de largura útil. Agora o card
   perde a calha, a coluna fecha em 2px e a foto vai a ~194px. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-plp-grid]{
  gap:16px 2px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-plp-grid] > article{
  padding-inline:0 !important}
/* 24/08 · o texto do card usa a largura inteira do bloco (a foto é full-bleed,
   o texto acompanha) e fica centrado, em coluna: nome, faixa de preço e ficha. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-plp-grid] > article > :not(a):not(button):not([style*="aspect-ratio"]),
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-plp-grid] > article :is(h3,p,span):not([data-badge]){
  padding-inline:0 !important;text-align:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-plp-grid] > article > div:has(> span + span){
  padding-block:10px 2px !important;align-items:stretch !important}
/* 24/08 · nome do artigo em UMA linha (a ficha abaixo carrega malha e gramatura) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-plp-grid] > article [data-clamp="1"]{
  display:block !important;white-space:nowrap !important;overflow:hidden !important;
  text-overflow:ellipsis !important;-webkit-line-clamp:1 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-plp-grid] > article > p{
  margin-block:2px 0 !important;line-height:1.45 !important}

/* correção 24/08 · com a grade compacta o nome do produto perdia a coluna: o
   preço em nowrap (faixa min–max, ~110px) mais o gap de 16px não deixavam
   largura para o título dentro de 178px. No telefone a linha empilha. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-plp-grid] > article > div:has(> span + span){
  flex-direction:column !important;align-items:flex-start !important;gap:2px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-plp-grid] > article > div:has(> span + span) > span{
  inline-size:100% !important;flex:0 0 auto !important;min-inline-size:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-plp-grid] > article > div:has(> span + span) > span:last-child{
  font-size:13.5px !important;white-space:nowrap !important}

/* pedido 24/08 · PLP do atacado: os blocos de cabeçalho, categorias, filtros e
   paginação carregavam a calha do desktop (37,5px de cada lado) dentro do
   telefone. Passam para a régua do app (16px), ganhando ~43px de conteúdo por
   lado — a grade de fotos segue de borda a borda. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:not([data-plp-grid]){
  padding-inline:var(--page-pad,16px) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:not([data-plp-grid]) > div,
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:not([data-plp-grid]) > p{
  padding-inline:0 !important;max-inline-size:100% !important;margin-inline:0 !important}

/* pedido 24/08 · a linha "Ordenar" (4 chips) quebrava em duas fileiras no
   telefone. Vira trilho de rolagem, como as linhas de categoria: rótulo fixo na
   frente, chips deslizando em uma pista só. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] div:has(> span + button + button + button + button){
  flex-wrap:nowrap !important;overflow-x:auto !important;
  scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;scrollbar-width:none;
  inline-size:100% !important;padding-bottom:2px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] div:has(> span + button + button + button + button)::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] div:has(> span + button + button + button + button) > span{
  flex:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] div:has(> span + button + button + button + button) > button{
  flex:none !important;white-space:nowrap !important;scroll-snap-align:start}

/* pedido 24/08 · foto do card da PLP em canto reto (a moldura, o slot e a
   camada de imagem herdavam raio do desktop). */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-plp-grid] article > button:nth-of-type(2),
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-plp-grid] article button > span,
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-plp-grid] article image-slot,
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-plp-grid] article img{
  border-radius:0 !important}

/* pedido 24/08 · trilho de linhas comerciais na PLP: sinal de rolagem discreto
   logo abaixo da pista (hairline curto + mono de 10px). */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-linha-rail]{
  scrollbar-width:none}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-linha-rail]::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-linha-rail] + *::before,
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] div:has(> [data-linha-rail])::after{
  content:"‹ arraste para ver mais ›";
  display:block;margin:10px auto 0;padding-top:8px;
  border-top:1px solid rgba(127,127,127,.20);
  inline-size:164px;min-inline-size:164px;max-inline-size:164px;
  font-family:'Sometype Mono','Lunfe fallback Sometype Mono',ui-monospace,monospace;
  font-size:10px;letter-spacing:.06em;text-align:center;color:#9A9A94;opacity:.75;
  pointer-events:none}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-linha-rail] + *::before{content:none}

/* pedido 24/08 · mesmo sinal discreto de rolagem no trilho "Ordenar". */
/* 24/08 · a dica do "Ordenar" ganha a MESMA estética do trilho de linhas:
   hairline curto acima do texto, centrada abaixo da pista. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] div:has(> div > span + button + button + button + button)::after{
  content:"‹ arraste para ver mais ›";
  display:block;margin:10px auto 0;padding-top:8px;
  border-top:1px solid rgba(127,127,127,.20);
  inline-size:164px;min-inline-size:164px;max-inline-size:164px;
  font-family:'Sometype Mono','Lunfe fallback Sometype Mono',ui-monospace,monospace;
  font-size:10px;letter-spacing:.06em;text-align:center;color:#9A9A94;opacity:.75;
  white-space:nowrap;pointer-events:none}

/* pedido 24/08 · PLP: o "← Voltar" nascia 40px abaixo do topo da seção (mais o
   respiro do wrapper). O bloco sobe e o vazio encurta. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Catálogo atacado"]{
  --sec-pt:var(--space-3,12px);padding-block-start:var(--space-3,12px) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:first-child{
  padding-block-start:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-volta-uni]{
  margin-block:0 !important}
/* 24/08 · "← Voltar" e a trilha centrados na mesma linha; o respiro sai do pai */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:first-child > div:first-child > nav[aria-label="Trilha"]{
  display:flex !important;align-items:center !important;min-height:44px !important;margin:0 !important}

/* pedido 24/08 · "← Voltar" e a trilha na MESMA linha: o wrapper vira uma
   fileira e os dois primeiros filhos dividem o topo do catálogo. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:first-child > div:first-child{
  display:flex !important;flex-wrap:wrap !important;
  align-items:center !important;column-gap:12px !important;row-gap:6px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:first-child > div:first-child > [data-volta-uni]{
  flex:none !important;order:-2}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:first-child > div:first-child > nav[aria-label="Trilha"]{
  flex:1 1 auto !important;order:-1;min-inline-size:0}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:first-child > div:first-child > :not([data-volta-uni]):not(nav[aria-label="Trilha"]){
  flex:1 1 100% !important}

/* pedido 24/08 · o título da lista desce para DEPOIS da dica de arraste: a
   fileira do Ordenar quebra e o h2 assume a linha de baixo. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] div:has(> div > span + button + button + button + button){
  flex-wrap:wrap !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] div:has(> div > span + button + button + button + button) > h2{
  order:2;flex:1 1 100% !important;margin-block-start:14px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] div:has(> div > span + button + button + button + button)::after{
  order:1}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] div:has(> div > span + button + button + button + button) > div:first-child{
  order:0;flex:1 1 100% !important}

/* pedido 24/08 · rodapé do card: cores + tamanhos à esquerda, atalho de compra
   à direita. No telefone o texto do card é centrado, mas ESTA linha é uma
   fileira de controles — volta a alinhar nas pontas. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-plp-grid] > article > [data-card-pe]{
  padding-inline:2px !important;text-align:start !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-plp-grid] > article > [data-card-pe] :is(span,div){
  text-align:start !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-plp-grid] > article > [data-card-pe] button{
  min-inline-size:38px !important;min-block-size:38px !important}

/* correção 24/08 · a lei de alvo de toque (min-height 38/44 + padding-block 8)
   esticava as bolinhas de cor, as pastilhas de tamanho e o carrinho do card:
   viravam pílulas verticais. Aqui a PINTURA volta ao tamanho declarado e o alvo
   de toque do carrinho é reposto por pseudo (44×44 de área, 38px de desenho). */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-card-pe] :is(span,div){
  min-block-size:auto !important;min-inline-size:0 !important;padding-block:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-card-pe] span[aria-hidden="true"]:empty{
  inline-size:14px !important;block-size:14px !important;
  min-inline-size:14px !important;min-block-size:14px !important;
  max-inline-size:14px !important;max-block-size:14px !important;
  aspect-ratio:1 !important;border-radius:999px !important;flex:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-card-pe] > div > div > span:not([aria-hidden]){
  block-size:22px !important;min-block-size:22px !important;max-block-size:22px !important;
  padding-inline:6px !important;border-radius:999px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-card-pe] button{
  position:relative;inline-size:38px !important;block-size:38px !important;
  min-inline-size:38px !important;min-block-size:38px !important;
  max-inline-size:38px !important;max-block-size:38px !important;
  aspect-ratio:1 !important;padding:0 !important;border-radius:999px !important;flex:none !important}
/* o piso de toque continua valendo: 44×44 de área sensível ao redor do desenho */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-card-pe] button::after{
  content:"";position:absolute;inset:-3px}

/* correção 24/08 (b) · a lei de alvo de toque vencia o padding-block:0 do
   rodapé do card. Atributo duplicado eleva a especificidade sem tocar na lei. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-card-pe][data-card-pe] span[aria-hidden="true"]:empty{
  padding:0 !important;margin:0 !important;
  inline-size:14px !important;block-size:14px !important;
  min-inline-size:14px !important;min-block-size:14px !important;
  max-inline-size:14px !important;max-block-size:14px !important;
  aspect-ratio:1 !important;border-radius:999px !important;
  line-height:0 !important;flex:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-card-pe][data-card-pe] > div > div > span:not([aria-hidden]){
  padding:0 6px !important;margin:0 !important;
  block-size:22px !important;min-block-size:22px !important;max-block-size:22px !important;
  line-height:22px !important;border-radius:999px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-card-pe][data-card-pe] button{
  border-radius:999px !important;padding:0 !important;
  inline-size:38px !important;block-size:38px !important;
  min-inline-size:38px !important;min-block-size:38px !important;
  max-inline-size:38px !important;max-block-size:38px !important}
/* 2px de sobra horizontal: a linha usa a largura útil do card, sem estourar */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-plp-grid] > article > [data-card-pe]{
  padding-inline:10px !important;column-gap:8px !important;overflow:hidden !important}

/* pedido 24/08 · o carrinho perde o círculo preto: fica o traço em #0B0B0A,
   alinhado ao eixo das bolinhas de cor (primeira linha do rodapé). */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-card-pe][data-card-pe] button{
  background:none !important;border:none !important;color:#0B0B0A !important;
  /* o ícone mede a MESMA faixa das bolinhas (14px): centro a centro, sem
     deslocamento mágico. O desenho de 17px transborda simétrico e a área de
     toque de 44px volta pelo pseudo. */
  align-self:start !important;margin-block:0 !important;
  block-size:14px !important;min-block-size:14px !important;max-block-size:14px !important;
  inline-size:20px !important;min-inline-size:20px !important;max-inline-size:20px !important;
  overflow:visible !important;place-items:center !important;line-height:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-card-pe][data-card-pe] button::after{
  content:"";position:absolute;inset:-15px}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-plp-grid] > article > [data-card-pe]{
  align-items:flex-start !important}

/* pedido 24/08 (b) · nada de moldura no atalho do card: só o ícone. A borda
   vinha da lei de botão do escopo, então o override entra com atributo dobrado. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-card-pe][data-card-pe] button[aria-label]{
  border:0 !important;border-style:none !important;border-width:0 !important;
  background:none !important;background-color:transparent !important;
  box-shadow:none !important;outline:none !important;border-radius:0 !important}

/* correção 24/08 (c) · CAUSA RAIZ: a lei de alvo de toque mora num \3c style> do
   próprio DC, que entra no documento DEPOIS da folha do espelho — com
   especificidade igual, ela vencia por ordem, e min-height sempre bate
   max-height. Aqui o seletor repete atributos para superar a lei e usa min-*
   (não max-*) para fixar a pintura. A área de toque volta pelo ::after. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-plp-grid][data-plp-grid] > article[data-card] > [data-card-pe][data-card-pe][data-card-pe]{
  padding:0 10px 16px !important;column-gap:8px !important;align-items:flex-start !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-card-pe][data-card-pe][data-card-pe] button[aria-label][title]{
  min-inline-size:20px !important;inline-size:20px !important;max-inline-size:20px !important;
  min-block-size:14px !important;block-size:14px !important;max-block-size:14px !important;
  padding:0 !important;margin:0 !important;border:0 !important;background:none !important;
  border-radius:0 !important;box-shadow:none !important;color:#0B0B0A !important;
  aspect-ratio:auto !important;overflow:visible !important;position:relative !important;
  display:grid !important;place-items:center !important;align-self:start !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-card-pe][data-card-pe][data-card-pe] button[aria-label][title]::after{
  content:"";position:absolute;inset:-15px}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-card-pe][data-card-pe][data-card-pe] span[aria-hidden="true"]:empty{
  min-inline-size:14px !important;inline-size:14px !important;max-inline-size:14px !important;
  min-block-size:14px !important;block-size:14px !important;max-block-size:14px !important;
  padding:0 !important;margin:0 !important;border-radius:999px !important;line-height:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-card-pe][data-card-pe][data-card-pe] > div > div > span:not([aria-hidden]){
  min-block-size:22px !important;block-size:22px !important;max-block-size:22px !important;
  padding:0 6px !important;margin:0 !important;line-height:22px !important}


/* ══ GRADE B2B · espelho (paridade do band ≤768 da loja) · 25/08/2026 ═════════
   MISSÃO GRADE-B2B-MOBILE-01 · FASE A (restauro cirúrgico, sem redesenho).
   CAUSA: o quadro editável mede ~1251px de janela, então o band ≤768 da loja
   (que já empilha: [data-feature]{1fr} + [data-buystack]{static}) nunca dispara;
   dispara o band ≤1279, cuja segunda coluna tem mínimo de 360px dentro de 390px.
   Somado a isso, a lei universal de vitrine 2-up capturava o [data-feature]
   (ele carrega data-om-grid e contém a galeria) — corrigido acima com
   :not([data-feature]):not([data-lei-skip~="2up"]) nas três variantes.
   TÉCNICA: atributo dobrado. Os estilos do DC entram DEPOIS desta folha, então
   override precisa vencer por ESPECIFICIDADE, não por ordem (mesma técnica de
   24/08-c). A matriz aqui está em MODO DE SOBREVIVÊNCIA: a leitura cor×tamanho
   é preservada em 390px (rótulo estreito + 5 colunas fluidas, sem overflow);
   o redesenho em acordeão é a Fase B.
   ══════════════════════════════════════════════════════════════════════════ */
/* B2/B4 (25/08) · a G4 sangra card editorial em calc(100% + 32px) e pegava o
   cartão do buystack (422 em 390) e cada faixa do trilho. A própria lei publica
   --g4-w para isso. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"]{--g4-bleed:0px;--g4-w:100%;--sec-pb:var(--respiro-final,56px)}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-feature][data-feature]{
  grid-template-columns:minmax(0,1fr) !important;gap:var(--gap-block,20px) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-buystack][data-buystack]{
  position:static !important;top:auto !important;inset:auto !important;
  gap:var(--gap-block,16px) !important}
/* painel de compra no fluxo: o vidro de 28px vira respiro de telefone */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-buystack][data-buystack] > div{padding:18px 18px 24px !important;border-radius:18px !important}
/* cartão "Montar a grade": 22–34px de moldura não caberia com a matriz dentro */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] div:has(> [data-cor-anchor]){padding:14px !important;border-radius:18px !important}
/* A lei N0 (14/08, "grade fracionária colapsa em 1 coluna") capturava os
   trilhos da matriz pelo [style*="repeat("] com 16 atributos de especificidade —
   nenhum override de escopo vencia. Corrigido na fonte: :not([data-grade-track]):not([data-lei-skip~="n0"])
   entrou na cadeia de exclusão da N0 (e nas demais que usam a mesma cadeia).
   MATRIZ · sobrevivência: rótulo estreito + 5 colunas fluidas em 390px */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-track][data-grade-track]{
  grid-template-columns:34px repeat(5,minmax(0,1fr)) !important;column-gap:3px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-track][data-grade-track] > span{padding-inline:2px !important;font-size:12px !important;text-align:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-track][data-grade-track] > div{padding:5px 2px !important;min-inline-size:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-track][data-grade-track] input[data-qty]{
  padding:6px 2px !important;border-radius:10px !important;min-inline-size:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-track][data-grade-track] [style*="font-size:10"],
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-track][data-grade-track] [style*="font-size: 10"]{font-size:9px !important}
/* foto da cor na primeira coluna da linha: 34px de trilho, não 72px de card */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-track][data-grade-track] > div:first-child [role="img"]{
  inline-size:30px !important;block-size:38px !important;border-radius:8px !important}
/* swatch de cor é redondo por definição — a lei de piso de toque já poupa
   [data-cor-sw]; o marcador entrou no markup da loja nesta mesma passada */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-cor-sw]{flex:0 0 auto !important;aspect-ratio:1 !important}

/* ══ B3 · ACORDEÃO POR COR · espelho (25/08) ══════════════════════════════
   Paridade 1:1 com o band ≤768 da loja. O par "only" do data-mobile nasce
   aqui junto: "hide" tira a matriz do desktop no telefone, "only" revela o
   acordeão (que nasce display:none inline para o desktop nunca vê-lo).
   ═══════════════════════════════════════════════════════════════════════ */
html[data-lunfe-mob] [data-mobile="only"]{display:block !important}
/* T2 (25/08) · o consultor pousa em 18px + safe-area, sem colidir com o CTA:
   a cauda da seção já reserva o respiro final (T1). */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-support-widget] button,html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-support-fab]{inset-block-end:calc(18px + env(safe-area-inset-bottom)) !important}
/* B6 (25/08) · "calcule antes de pagar": CEP e CALCULAR na mesma linha */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-frete-linha]{display:flex !important;flex-wrap:nowrap !important;gap:8px !important;align-items:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-frete-linha] input{flex:1 1 auto !important;inline-size:auto !important;min-inline-size:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-frete-linha] button{flex:0 0 auto !important;inline-size:auto !important;min-inline-size:118px !important;min-block-size:48px !important;padding-inline:16px !important}
/* ══ B2/B4/B5 · cabeçalho comercial, faixas e painel de compra (25/08) ════
   B2 · a linha "nome + preço" do desktop vira escada: nome, depois preço/un e
        faixa na mesma linha de leitura. Cartão sem sangria — media 422 em 390.
   B4 · o trilho de faixas tinha cartão de largura cheia (12.794px somados, uma
        faixa por vez). Cartão mínimo de 118px: três faixas por tela.
   B5 · painel no dialeto do Varejo: 18/18/24, ritmo por margin-block, CTA 52px.
   ═════════════════════════════════════════════════════════════════════════ */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-buystack] > div{margin-inline:0 !important;inline-size:100% !important;max-inline-size:100% !important;padding:18px 18px 24px !important;border-radius:18px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-buystack] > div + div{margin-block-start:var(--gap-block,16px) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-buystack] h1{font-size:21px !important;line-height:1.2 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-buystack] > div > div:first-child{flex-wrap:wrap !important;gap:4px 12px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-buystack] > div > div:first-child > span{font-size:21px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tier-rail]{gap:8px !important;--g4-w:auto}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tier-rail] > *{flex:0 0 auto !important;min-inline-size:118px !important;inline-size:auto !important;max-inline-size:none !important;scroll-snap-align:start}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tabela-faixas] [data-faixa-viva]{font-size:13px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-atc-apoio]{flex-wrap:wrap !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-cta-grade]{min-block-size:52px !important}
/* B1 · GALERIA no dialeto do Varejo (25/08): miniaturas em trilho de 72×96 com
   snap, visor 4/5 com a peça inteira (LEI-MÍDIA). As setas de vista FICAM: são
   o único mecanismo de troca de vista e um trilho de vistas seria markup novo. */
/* E3 (25/08) · visor sem sangria: as setas ancoram na borda DELE, então enquanto
   ele passava da moldura elas ficavam 8px fora (clipadas). */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-pdp-view]{inline-size:100% !important;max-inline-size:100% !important;margin-inline:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-pdp-thumbs]{display:flex !important;grid-template-columns:none !important;
  flex-wrap:nowrap !important;gap:8px !important;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
  scrollbar-width:none;padding-block:2px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-pdp-thumbs]::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-pdp-thumbs] > *{flex:0 0 72px !important;inline-size:72px !important;
  block-size:96px !important;aspect-ratio:auto !important;scroll-snap-align:start;border-radius:12px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-pdp-thumbs] image-slot{font-size:10px !important;letter-spacing:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-acc] [data-cor-head]{min-block-size:52px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-acc] [data-qty-btn][data-qty-btn]{inline-size:44px !important;min-inline-size:44px !important;block-size:44px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-acc] [data-tam-linha]{flex-wrap:nowrap !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-acc] [data-cor-head] [data-cor-sw]{inline-size:26px !important;min-inline-size:26px !important;block-size:26px !important;padding:0 !important;flex:0 0 26px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-acc] input[data-qty]{inline-size:46px !important;min-inline-size:46px !important;padding-inline:2px !important;border-radius:0 !important;block-size:44px !important;min-block-size:44px !important}


/* ══ B8 · ACORDEÃO EDITORIAL · espelho (26/08) ════════════════════════════
   Paridade 1:1 com o band ≤768 da loja (MISSÃO GRADE-B2B-MOBILE-01, Q2).
   DOM ÚNICO — nenhum bloco duplicado: o corpo é o MESMO nó que o desktop
   renderiza (display:contents inline, então lá a caixa do cartão não muda) e o
   cabeçalho nasce display:none inline — no desktop ele não existe. Fechar é
   esconder o corpo, nunca desmontá-lo: o IDREF do aria-controls resolve.
   Dois atributos no seletor do cabeçalho para vencer o [data-mobile="only"]
   genérico (display:block) sem disputar ordem de arquivo — não é escalada de
   especificidade, é desempate declarado entre dois pares do mesmo contrato.
   ═════════════════════════════════════════════════════════════════ */
html[data-lunfe-mob] [data-ed-head][data-mobile="only"]{display:flex !important}
/* piso de toque do dialeto do B3 (52px): a lei geral de alvo do telefone dá 44/48px
   por !important e vencia o min-height inline. Entra na MESMA cadeia do
   [data-cor-head] do B3 (seção + marcador dobrado), não em escalada nova. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-head][data-ed-head],
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-cta][data-ed-cta]{min-height:52px !important;min-block-size:52px !important}
html[data-lunfe-mob] [data-ed-body][data-open="false"]{display:none !important}
html[data-lunfe-mob] [data-ed-cta][data-mobile="only"]{display:flex !important}


/* ══ LOTE B9 · B10 · B11 · B12 · B14 · espelho (26/08) ════════════════════
   Paridade 1:1 com o band ≤768 da loja. Tratamento repetido sobre conteúdo
   existente: acordeão (B9/B14), trilho declarado (B10/B12), largura (B11).
   B14 · a resposta é UM nó: o colapso vai por atributo de estado, sem envelope.
   B12 · seta absoluta nunca sobre o card no telefone — o sinal é o polegar +
   "arraste para o lado" + contador que o injetor [data-rail-dica] monta.
   B11 · a escada de faixas segue a medida do B4 (118px, três por tela).
   ═════════════════════════════════════════════════════════════════ */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-faq-a][data-open="false"]{display:none !important}
html[data-lunfe-mob] [data-prova-linha][data-mobile="only"]{display:flex !important;padding-top:12px !important;margin-top:2px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-mais-nav]{display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ob2-escada] > *{flex:0 0 auto !important;min-inline-size:118px !important;scroll-snap-align:start}
/* a escada é TRILHO, não fileira que quebra: a lei de substring que dá
   flex-wrap:wrap a todo bloco flex inline (Diretoria, Parte IV §1) empilhava as
   7 faixas em linhas de 328px. Mesmo remédio do B6 no [data-frete-linha]. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ob2-escada]{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important}

/* 14/09 · quadro: lupa do header abre a busca — o quadro copiou só o "esconder [data-desk]"; o "abrir com data-open=1" ficou preso no @media (max-width:768px) da loja, que nunca vale aqui (a janela do host é desktop). Sem isto a lupa alterna o estado e nada aparece. */
html[data-lunfe-mob] header [data-util] [data-desk][data-open="1"]:not(#a):not(#b):not(#c):not(#d){display:block !important;order:9;flex:1 0 100%;margin-top:6px}
html[data-lunfe-mob] header [data-util] [data-desk][data-open="1"] input:not(#a):not(#b):not(#c):not(#d){width:100% !important;max-width:none !important;min-inline-size:0 !important;font-size:16px !important}
html[data-lunfe-mob] header:has([data-desk][data-open="1"]):not(#a):not(#b):not(#c):not(#d){height:auto !important;padding-bottom:8px !important}
html[data-lunfe-mob] header:has([data-desk][data-open="1"]) [data-util]:not(#a):not(#b):not(#c):not(#d){flex-wrap:wrap !important}


/* ── bloco <style> ── */

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

/* ══ LEI-RITMO-TOTAL v1.1 (05/09/2026) · espelho do escopo do editor ══
   Mesma lei do bloco ≤430 da loja, por ESCOPO [data-mobile-edit]. Rollback: apagar. */
html[data-lunfe-mob] [data-sc-name]{--r-secao-m:40px;--r-slot-max-m:140px}
html[data-lunfe-mob] [data-sc-name] main > section:is([data-screen-label="Atacado · Malhas"],[data-screen-label="Shorts"],[data-screen-label="Atacado · Modelagens"],[data-screen-label="Atacado · Escolha por objetivo"],[data-screen-label="Atacado · Vídeo + Newsletter"],[data-screen-label="Atacado · Lookbook"],[data-screen-label="Atacado · Triptych"],[data-screen-label="Atacado · Depoimentos"],[data-screen-label="Atacado · Gramatura"],[data-screen-label="Atacado · Como funciona"],[data-screen-label="Selo-tríade"],[data-screen-label="Atacado · História técnica"],[data-screen-label="Atacado · Private label"],[data-screen-label="Atacado · Clube do lojista"],[data-screen-label="Atacado · Em uma frase"]){--sec-pt:var(--r-secao-m)}
html[data-lunfe-mob] [data-sc-name] main > section:has(+ section:is([data-screen-label="Atacado · Malhas"],[data-screen-label="Shorts"],[data-screen-label="Atacado · Modelagens"],[data-screen-label="Atacado · Escolha por objetivo"],[data-screen-label="Atacado · Vídeo + Newsletter"],[data-screen-label="Atacado · Lookbook"],[data-screen-label="Atacado · Triptych"],[data-screen-label="Atacado · Depoimentos"],[data-screen-label="Atacado · Gramatura"],[data-screen-label="Atacado · Como funciona"],[data-screen-label="Selo-tríade"],[data-screen-label="Atacado · História técnica"],[data-screen-label="Atacado · Private label"],[data-screen-label="Atacado · Clube do lojista"],[data-screen-label="Atacado · Em uma frase"])){--sec-pb:0px}

/* header (mobile): o hambúrguer e o ícone de início ficam lado a lado, como nas outras lojas
   (a zona da esquerda esticava em 162px e empurrava o Início para o centro) */
html[data-lunfe-mob] [data-sc-name] header > div > div:has(> button[aria-label="Menu"]):not(#a):not(#b):not(#c):not(#d){flex:0 0 auto !important;inline-size:auto !important;margin-inline-end:4px !important}
html[data-lunfe-mob] [data-sc-name] header > div > button[aria-label="Início"]:not(#a):not(#b):not(#c):not(#d){margin-inline-start:0 !important}

/* Atacado (mobile) · Private label: fundo branco colorido do Studio (lavado radial azul + lime) e os três
   selos (200 peças · Ficha técnica · NF-e) em grade de 3 colunas dentro da tela — a fileira tinha 690px
   de conteúdo em 422px de caixa e as escritas saíam cortadas */
html[data-lunfe-mob] [data-sc-name] #la-conteudo section[data-screen-label="Atacado · Private label"]:not(#a):not(#b):not(#c):not(#d) > div{box-sizing:border-box !important;inline-size:100% !important;max-inline-size:100% !important;background:radial-gradient(42% 34% at 20% 24%,rgba(130,173,212,.28),transparent 70%),radial-gradient(38% 30% at 80% 22%,rgba(221,253,44,.20),transparent 72%),#fff !important}
html[data-lunfe-mob] [data-sc-name] #la-conteudo section[data-screen-label="Atacado · Private label"]:not(#a):not(#b):not(#c):not(#d) div:has(> span > span){display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important;inline-size:100% !important;max-inline-size:100% !important}
html[data-lunfe-mob] [data-sc-name] #la-conteudo section[data-screen-label="Atacado · Private label"]:not(#a):not(#b):not(#c):not(#d) div:has(> span > span) > span{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:2px !important;inline-size:100% !important;min-inline-size:0 !important;text-align:center !important;padding:8px 6px !important;box-sizing:border-box}
html[data-lunfe-mob] [data-sc-name] #la-conteudo section[data-screen-label="Atacado · Private label"]:not(#a):not(#b):not(#c):not(#d) div:has(> span > span) > span > span:first-child{font-size:15px !important;line-height:1.1 !important}
html[data-lunfe-mob] [data-sc-name] #la-conteudo section[data-screen-label="Atacado · Private label"]:not(#a):not(#b):not(#c):not(#d) div:has(> span > span) > span > span:last-child{font-size:9.5px !important;line-height:1.25 !important;letter-spacing:.06em !important;max-inline-size:100% !important;overflow-wrap:break-word}

/* Atacado (mobile) · "Vídeo + Newsletter": o palco do vídeo ficou com 50px de altura porque o
   image-slot que dava a altura está oculto — o palco assume o próprio enquadramento 3:2 e sangra
   até as bordas; a foto/vídeo preenche a caixa inteira */
html[data-lunfe-mob] [data-sc-name] #la-conteudo section[data-screen-label="Atacado · Vídeo + Newsletter"]:not(#a):not(#b):not(#c):not(#d) > div{inline-size:100% !important;max-inline-size:100% !important;box-sizing:border-box}
html[data-lunfe-mob] [data-sc-name] #la-conteudo section[data-screen-label="Atacado · Vídeo + Newsletter"]:not(#a):not(#b):not(#c):not(#d) div:has(> [role="img"]){position:relative !important;aspect-ratio:3 / 2 !important;block-size:auto !important;min-block-size:0 !important;inline-size:100% !important;overflow:hidden !important}
html[data-lunfe-mob] [data-sc-name] #la-conteudo section[data-screen-label="Atacado · Vídeo + Newsletter"]:not(#a):not(#b):not(#c):not(#d) div:has(> [role="img"]) > [role="img"]{position:absolute !important;inset:0 !important;inline-size:100% !important;block-size:100% !important;background-size:cover !important;background-position:50% 50% !important}

/* Atacado (mobile): o contador "1 / 4" do trilho "Escolha por objetivo" não precisa aparecer */
html[data-lunfe-mob] [data-sc-name] #la-conteudo section[data-screen-label="Atacado · Escolha por objetivo"]:not(#a):not(#b):not(#c):not(#d) > div > span{display:none !important}
/* Private label: o cartão estava 16px à esquerda da tela (x=-16) — alinhado em 0→390 com recuo interno */
html[data-lunfe-mob] [data-sc-name] #la-conteudo section[data-screen-label="Atacado · Private label"]:not(#a):not(#b):not(#c):not(#d) > div{margin-inline:0 !important;padding-inline:16px !important}

/* Atacado (mobile) · header: a zona do hambúrguer é filha DIRETA do <header> (a regra anterior mirava
   header > div > div e nunca casou) — ela encolhe para o conteúdo e o Início vem logo ao lado */
html[data-lunfe-mob] [data-sc-name] header > div:has(> button[aria-label="Menu"]):not(#a):not(#b):not(#c):not(#d){flex:0 0 auto !important;inline-size:auto !important;gap:4px !important}
html[data-lunfe-mob] [data-sc-name] header > button[aria-label="Início"]:not(#a):not(#b):not(#c):not(#d){margin-inline:0 4px 0 0 !important}
/* Atacado (mobile) · "Vídeo + Newsletter": o palco é um <button>, não um <div> — daí a regra anterior
   não pegar. Enquadramento 3:2 em largura cheia com a mídia preenchendo a caixa */
html[data-lunfe-mob] [data-sc-name] #la-conteudo section[data-screen-label="Atacado · Vídeo + Newsletter"]:not(#a):not(#b):not(#c):not(#d) button:has(> [role="img"]){position:relative !important;display:block !important;aspect-ratio:3 / 2 !important;block-size:auto !important;min-block-size:0 !important;inline-size:100% !important;overflow:hidden !important;padding:0 !important}
html[data-lunfe-mob] [data-sc-name] #la-conteudo section[data-screen-label="Atacado · Vídeo + Newsletter"]:not(#a):not(#b):not(#c):not(#d) button:has(> [role="img"]) > [role="img"]{position:absolute !important;inset:0 !important;inline-size:100% !important;block-size:100% !important;background-size:cover !important;background-position:50% 50% !important}

/* Atacado (mobile) · "Vídeo + Newsletter": o texto é branco (painel escuro no desktop) e no telefone
   estava sobre fundo claro — invisível. O painel escuro volta, de borda a borda, com recuo interno */
/* ══ 10/09 · Atacado mobile · lote 1 ═══════════════════════════════════════════════════════════
   1) Faixa de argumentos: 8 mensagens, 1 por tela, título + conteúdo, alinhado à esquerda no gutter.
   2) Lookbook: grid 2-up full-bleed (padrão do Varejo) — foto 3:4 canto reto, legenda no gutter.
   3) Vídeo do tour de borda a borda (a coluna herdava a calha de 16px de cada lado).
   4) Texto do tour em PRETO sobre fundo claro (a regra antiga mirava data-dc-tpl="1642", renumerado = morta).
   5) Depoimentos em trilho de rolagem 1 por tela + dica "‹ arraste para o lado ›". */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-args-grid] > div:not(#a):not(#b):not(#c):not(#d){flex:0 0 100% !important;inline-size:100% !important;scroll-snap-align:start !important;padding:4px var(--page-pad,16px) 8px !important;border-left:0 !important;text-align:left !important;box-sizing:border-box !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-args-grid] > div > p:first-child:not(#a):not(#b):not(#c):not(#d){font-size:15px !important;font-weight:600 !important;letter-spacing:.04em !important;margin:0 0 8px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-args-grid] > div > p:last-child:not(#a):not(#b):not(#c):not(#d){font-size:13.5px !important;line-height:1.55 !important;color:#5F5F5B !important;text-wrap:pretty !important}

html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Atacado · Lookbook"] [data-look-grid]:not(#a):not(#b):not(#c):not(#d){display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px 0 !important;margin-inline:calc(var(--page-pad,16px) * -1) !important;inline-size:calc(100% + (var(--page-pad,16px) * 2)) !important;max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Atacado · Lookbook"] [data-look-grid] > div:not(#a):not(#b):not(#c):not(#d){min-inline-size:0 !important;inline-size:100% !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Atacado · Lookbook"] [data-look-grid] > div > div:not(#a):not(#b):not(#c):not(#d){border-radius:0 !important;aspect-ratio:3/4 !important;inline-size:100% !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Atacado · Lookbook"] [data-look-grid] > div > p:not(#a):not(#b):not(#c):not(#d){padding-inline:var(--page-pad,16px) !important;margin:8px 0 0 !important}

html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-rail-dica] [data-rail-num]:not(#a):not(#b):not(#c):not(#d){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-rail-dica] > span:has(> [data-rail-num]):not(#a):not(#b):not(#c):not(#d){justify-content:center !important;text-align:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-rail-dica] > span:has(> [data-rail-num]) > span:first-child:not(#a):not(#b):not(#c):not(#d){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] footer [data-foot-ajuda]:not(#a):not(#b):not(#c):not(#d){margin-block-end:28px !important}
/* ══ 10/09 · MENU do Atacado (mobile) · modelo do mega-menu do Varejo, tokens do Atacado ═══════════
   Tela cheia branca · cabeçalho 56px (× 44px à esquerda, "Lunfe Atacado." 20px) · campo de busca 48px
   com fundo #F1F1EF · seções em coluna única (48px, "·" no acento #E8442E, filete #ECECEC) · rodapé:
   Ecossistema em lista de 48px com →, links secundários, redes distribuídas de borda a borda, CTA
   Contato retangular 48px. Calha única: var(--page-pad,16px). Sem número, sem sombra, sem glass. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2]:not(#a):not(#b):not(#c):not(#d){inset:0 !important;display:block !important;block-size:100dvh !important;max-block-size:100dvh !important;background:#fff !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] > button[aria-label="Fechar menu"]:not(#a):not(#b):not(#c):not(#d){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] > [data-menu-panel]:not(#a):not(#b):not(#c):not(#d){position:static !important;width:100% !important;max-width:100% !important;min-width:0 !important;height:auto !important;min-height:100dvh !important;box-shadow:none !important;display:flex !important;flex-direction:column !important;align-items:stretch !important;padding:env(safe-area-inset-top) 0 calc(12px + env(safe-area-inset-bottom)) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] > [data-menu-panel] > *:not(#a):not(#b):not(#c):not(#d){inline-size:100% !important;max-inline-size:100% !important;min-width:0 !important;box-sizing:border-box !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-head]:not(#a):not(#b):not(#c):not(#d){display:flex !important;flex-direction:row-reverse !important;justify-content:flex-start !important;align-items:center !important;gap:12px !important;height:56px !important;min-height:56px !important;padding:0 var(--page-pad,16px) !important;border-bottom:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-head] > span:not(#a):not(#b):not(#c):not(#d){font-size:20.4px !important;line-height:1 !important;font-weight:600 !important;white-space:nowrap !important;margin-right:auto !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-head] > button:not(#a):not(#b):not(#c):not(#d){border:0 !important;background:none !important;width:44px !important;min-width:44px !important;height:44px !important;margin-left:-12px !important;display:grid !important;place-items:center !important;font-size:28px !important;font-weight:300 !important;line-height:1 !important;color:#0B0B0A !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-mob]:not(#a):not(#b):not(#c):not(#d){display:flex !important;flex-direction:column !important;gap:0 !important;padding:0 var(--page-pad,16px) 4px !important;border:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-mob] > input:not(#a):not(#b):not(#c):not(#d){width:100% !important;min-height:48px !important;font-size:16px !important;padding:0 16px !important;border:1px solid #ECECEC !important;border-radius:8px !important;background:#F1F1EF !important;color:#0B0B0A !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-mob] > button:not(#a):not(#b):not(#c):not(#d){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-list]:not(#a):not(#b):not(#c):not(#d){flex:0 0 auto !important;min-height:0 !important;overflow:visible !important;display:flex !important;flex-direction:column !important;padding:8px var(--page-pad,16px) 0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-row]:not(#a):not(#b):not(#c):not(#d){display:grid !important;grid-template-columns:2px minmax(0,1fr) !important;gap:0 12px !important;align-items:start !important;padding:0 !important;min-height:56px !important;border:0 !important;border-bottom:1px solid #ECECEC !important;background:none !important;box-shadow:none !important;transition:background .22s ease,box-shadow .22s ease,margin .22s ease,padding .22s ease}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-row] > span:first-child:not(#a):not(#b):not(#c){transition:height .22s ease,margin .22s ease}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-row]:hover:not(#a):not(#b):not(#c):not(#d),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-row]:active:not(#a):not(#b):not(#c):not(#d),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-row]:focus-visible:not(#a):not(#b):not(#c):not(#d){background:linear-gradient(120deg,rgba(255,255,255,.55),rgba(241,241,239,.85) 45%,rgba(255,255,255,.45)) !important;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(11,11,10,.06),inset -2px 0 0 #E8442E !important;outline:none !important;margin-inline:calc(-1 * var(--page-pad,16px)) !important;padding-inline:var(--page-pad,16px) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-row]:hover > span:first-child:not(#a):not(#b):not(#c):not(#d),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-row]:active > span:first-child:not(#a):not(#b):not(#c):not(#d){height:24px !important;margin-top:10px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-row] > span:first-child:not(#a):not(#b):not(#c):not(#d){display:block !important;font-size:0 !important;line-height:0 !important;color:transparent !important;width:2px !important;height:16px !important;margin-top:14px !important;background:#E8442E !important;white-space:nowrap !important;justify-self:start}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-row] > span:nth-child(2):not(#a):not(#b):not(#c):not(#d){display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:3px !important;min-width:0 !important;padding:12px 0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-row] > span:nth-child(2) > span:first-child:not(#a):not(#b):not(#c):not(#d){display:block !important;font-size:15px !important;font-weight:500 !important;letter-spacing:.06em !important;text-transform:uppercase !important;line-height:1.2 !important;color:#0B0B0A !important;white-space:nowrap !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-row] > span:nth-child(2) > span:last-child:not(#a):not(#b):not(#c):not(#d){display:block !important;font-size:12px !important;letter-spacing:.02em !important;text-transform:none !important;line-height:1.2 !important;color:#9A9A94 !important;margin:0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;min-width:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-row] > span:nth-child(2) > span > span:not(#a):not(#b):not(#c):not(#d){display:inline !important;font-size:inherit !important;line-height:inherit !important;white-space:inherit !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-row] > span:last-child:not(#a):not(#b):not(#c):not(#d){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-foot]:not(#a):not(#b):not(#c):not(#d){display:flex !important;flex-direction:column !important;gap:0 !important;row-gap:0 !important;background:#fff !important;margin-top:20px !important;padding:12px var(--page-pad,16px) 0 !important;border-top:1px solid #ECECEC !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-foot] > *:not(#a):not(#b):not(#c):not(#d){min-width:0 !important;inline-size:100% !important;max-inline-size:100% !important;box-sizing:border-box !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-foot] > p:not(#a):not(#b):not(#c):not(#d){font-size:9px !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#9A9A94 !important;margin:0 0 2px !important;min-height:24px !important;display:flex !important;align-items:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-eco]:not(#a):not(#b):not(#c):not(#d){display:flex !important;flex-direction:column !important;gap:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-eco] > button:not(#a):not(#b):not(#c):not(#d){min-height:40px !important;width:100% !important;padding:0 !important;border-bottom:1px solid #F4F4F4 !important;display:flex !important;align-items:center !important;justify-content:space-between !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-eco] > button > span:not(#a):not(#b):not(#c):not(#d){display:inline !important;line-height:1.2 !important;white-space:nowrap !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-eco] > button:not(#a):not(#b):not(#c):not(#d):not(#f){transition:background .22s ease,box-shadow .22s ease,margin .22s ease,padding .22s ease;opacity:1 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-eco] > button:hover:not(#a):not(#b):not(#c):not(#d),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-eco] > button:active:not(#a):not(#b):not(#c):not(#d),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-eco] > button:focus-visible:not(#a):not(#b):not(#c):not(#d){background:linear-gradient(120deg,rgba(255,255,255,.55),rgba(241,241,239,.85) 45%,rgba(255,255,255,.45)) !important;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(11,11,10,.06),inset -2px 0 0 #E8442E !important;outline:none !important;opacity:1 !important;margin-inline:calc(-1 * var(--page-pad,16px)) !important;padding-inline:var(--page-pad,16px) !important;width:auto !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-eco] > button span:not(#a):not(#b):not(#c):not(#d):not(#e){display:inline !important;font-size:inherit !important;line-height:1 !important;white-space:nowrap !important;letter-spacing:inherit !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-eco] > button:not(#a):not(#b):not(#c):not(#d):not(#e){font-size:13px !important;min-height:42px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-eco] > button > span:first-child:not(#a):not(#b):not(#c):not(#d){font-size:13px !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#5F5F5B !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-eco] > button > span:last-child:not(#a):not(#b):not(#c):not(#d){font-size:13px !important;color:#B8B8B8 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-eco] + div:not(#a):not(#b):not(#c):not(#d){display:flex !important;flex-wrap:nowrap !important;justify-content:space-between !important;gap:0 8px !important;margin-top:10px !important;padding-top:8px !important;border-top:1px solid #ECECEC !important;overflow:visible !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-eco] + div > button > span:not(#a):not(#b):not(#c):not(#d){display:block !important;font-size:inherit !important;line-height:1.3 !important;white-space:normal !important;overflow-wrap:anywhere !important;text-align:center !important;max-inline-size:100% !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-eco] + div > button:hover:not(#a):not(#b):not(#c):not(#d),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-eco] + div > button:active:not(#a):not(#b):not(#c):not(#d),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-eco] + div > button:focus-visible:not(#a):not(#b):not(#c):not(#d){background:#F1F1EF !important;outline:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-eco] + div > button:not(#a):not(#b):not(#c):not(#d){flex:1 1 0 !important;min-width:0 !important;padding:8px 6px !important;min-height:44px !important;white-space:normal !important;border:1px solid #0B0B0A !important;border-radius:0 !important;color:#0B0B0A !important;background:#fff !important;text-align:center !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:background-color .16s ease !important;font-size:9px !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#9A9A94 !important;white-space:nowrap !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-eco] + div + div:not(#a):not(#b):not(#c):not(#d){display:flex !important;flex-wrap:wrap !important;justify-content:space-between !important;gap:0 !important;inline-size:100% !important;margin:14px 0 0 !important;padding-top:12px !important;border-top:1px solid #ECECEC !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-eco] + div + div::before{content:"Siga a Lunfe nas redes sociais";flex:0 0 100%;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#9A9A94;line-height:1;margin-bottom:6px}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-eco] + div + div > a:not(#a):not(#b):not(#c):not(#d){flex:1 1 0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;width:auto !important;height:44px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-contato]:not(#a):not(#b):not(#c):not(#d){margin-top:18px !important;width:100% !important;height:48px !important;min-height:48px !important;max-height:48px !important;border-radius:0 !important;padding:0 16px !important;display:flex !important;justify-content:space-between !important;align-items:center !important;background:#0B0B0A !important;color:#fff !important;font-size:12px !important;font-weight:600 !important;letter-spacing:.14em !important;text-transform:uppercase !important;white-space:nowrap !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-contato] > span:not(#a):not(#b):not(#c):not(#d){display:inline !important;font-size:11px !important;font-weight:400 !important;letter-spacing:.04em !important;text-transform:none !important;color:rgba(255,255,255,.72) !important;line-height:1 !important}
/* 10/09 · menu v2 · Contato sempre visível: painel = altura do aparelho, só a lista rola; rodapé fixo embaixo com o CTA dentro da tela */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2]:not(#a):not(#b):not(#c):not(#d):not(#e){overflow:hidden !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] > [data-menu-panel]:not(#a):not(#b):not(#c):not(#d):not(#e){height:100% !important;min-height:0 !important;max-height:100dvh !important;overflow:hidden !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-head]:not(#a):not(#b):not(#c):not(#d):not(#e),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-mob]:not(#a):not(#b):not(#c):not(#d):not(#e),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-foot]:not(#a):not(#b):not(#c):not(#d):not(#e){flex:0 0 auto !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-list]:not(#a):not(#b):not(#c):not(#d):not(#e){flex:1 1 auto !important;min-height:0 !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-foot]:not(#a):not(#b):not(#c):not(#d):not(#e){margin-top:0 !important;padding-bottom:calc(12px + env(safe-area-inset-bottom)) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-contato]:not(#a):not(#b):not(#c):not(#d):not(#e){margin-top:12px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-list]:not(#a):not(#b):not(#c):not(#d):not(#e){min-height:168px !important}
/* menu v2 · tela baixa (<720px de altura, landscape, prévia curta): o painel inteiro rola em vez de fixar o rodapé — as seções nunca somem */
@media (max-height:720px){
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] > [data-menu-panel]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){overflow-y:auto !important;-webkit-overflow-scrolling:touch}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-list]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){flex:0 0 auto !important;overflow:visible !important;min-height:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-foot]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){flex:0 0 auto !important;margin-top:20px !important}
}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Central de Ajuda"] [data-help-bar]:not(#a):not(#b):not(#c):not(#d){display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;margin:0 0 20px !important;padding-bottom:14px !important;border-bottom:1px solid #F2F2F0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Central de Ajuda"] [data-help-bar] > [data-tela-topo]:not(#a):not(#b):not(#c):not(#d){margin:0 !important;flex:1 1 auto !important;display:flex !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Central de Ajuda"] [data-help-bar] > [data-tela-topo] > [data-tela-x]:not(#a):not(#b):not(#c):not(#d){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Central de Ajuda"] [data-help-bar] > button[aria-label="Fechar a central de ajuda"]:not(#a):not(#b):not(#c):not(#d){display:none !important;place-items:center !important;width:44px !important;height:44px !important;margin:0 -12px 0 auto !important;flex:0 0 auto !important;font-size:18px !important;font-weight:300 !important;color:#8A8A86 !important;border:0 !important;background:none !important;border-radius:0 !important;box-shadow:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Central de Ajuda"] [data-help-bar] [data-volta-uni]:not(#a):not(#b):not(#c):not(#d){font-size:9.5px !important;letter-spacing:.14em !important;color:#A8A8A4 !important;gap:6px !important;min-height:44px !important;padding:0 !important;border:0 !important;background:none !important;font-weight:400 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Central de Ajuda"] [data-help-bar] [data-volta-uni] > span:not(#a):not(#b):not(#c):not(#d){font-size:12px !important;line-height:1 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Central de Ajuda"] [data-help-bar]:not(#a):not(#b):not(#c):not(#d):not(#e){margin:0 0 16px !important;padding-bottom:8px !important;border-bottom:1px solid #F2F2F0 !important;min-height:44px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Central de Ajuda"]:not(#a):not(#b):not(#c):not(#d):not(#e){--sec-pt:0px;padding-top:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Central de Ajuda"] > div > div:has(> [data-help-bar]):not(#a):not(#b):not(#c):not(#d){padding-top:8px !important}
/* 10/09 · ritmo da home (mobile): costura padronizada — toda seção do <main> abre com 32px e fecha em 0;
   seção com fundo próprio fecha com 24px; bloco "Como funciona a compra" a 32px do banner. Antes: 72px em vários pontos. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section:not(#a):not(#b):not(#c):not(#d){--sec-pt:32px;--sec-pb:0px;--sec-mt:0px}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-fundo]:not(#a):not(#b):not(#c):not(#d){--sec-pb:24px}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-fundo] + section:not(#a):not(#b):not(#c):not(#d){--sec-pt:24px}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Atacado · Modelagens"]:not(#a):not(#b):not(#c):not(#d),
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Atacado · Gramatura"]:not(#a):not(#b):not(#c):not(#d){--sec-pt:32px;padding-top:32px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Atacado · Gramatura"] > div:not(#a):not(#b):not(#c):not(#d){padding-top:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-preco-gate]:not(#a):not(#b):not(#c):not(#d){display:flex !important;justify-content:center !important;align-items:baseline !important;gap:2px 4px !important;inline-size:100% !important;text-align:center !important;line-height:1.3 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-preco-gate] > button:not(#a):not(#b):not(#c):not(#d){padding:0 !important;margin:0 !important;min-height:0 !important;min-width:0 !important;line-height:1.3 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-preco-gate] > span:not(#a):not(#b):not(#c):not(#d){display:inline !important;margin:0 !important;padding:0 !important;line-height:1.3 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] article [data-card-pe]:not(#a):not(#b):not(#c):not(#d){padding:14px 16px 16px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-cat-gate-box]:not(#a):not(#b):not(#c):not(#d){margin-top:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] h1:not(#a):not(#b):not(#c):not(#d){margin:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-cat-gate-ctas]:not(#a):not(#b):not(#c):not(#d){display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;inline-size:100% !important;flex-wrap:nowrap !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-cat-gate-ctas] > button:not(#a):not(#b):not(#c):not(#d){inline-size:100% !important;min-width:0 !important;padding:0 12px !important;min-height:44px !important;white-space:nowrap !important;font-size:13px !important;justify-content:center !important;text-align:center !important}
/* 11/09 · catálogo (mobile): cabeçalho mínimo "← Voltar / Catálogo atacado" em 1 linha cinza-clara 11px; × e trilha ocultos */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] nav[aria-label="Trilha"]:not(#a):not(#b):not(#c):not(#d){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-tela-topo] > [data-tela-x]:not(#a):not(#b):not(#c):not(#d){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-tela-topo]:not(#a):not(#b):not(#c):not(#d){display:flex !important;justify-content:flex-start !important;align-items:center !important;gap:10px !important;min-height:44px !important;margin:0 !important;padding:0 !important;font-size:11px !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#9A9A94 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-tela-topo] > [data-volta-uni]:not(#a):not(#b):not(#c):not(#d):not(#e){display:inline-flex !important;width:auto !important;min-width:0 !important;max-width:none !important;flex:0 0 auto !important;height:44px !important;min-height:44px !important;justify-content:flex-start !important;align-items:center !important;padding:0 !important;margin:0 !important;font-size:11px !important;letter-spacing:.1em !important;color:#9A9A94 !important;gap:6px !important;white-space:nowrap !important;overflow:visible !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-tela-topo] > [data-volta-uni] > span:not(#a):not(#b):not(#c):not(#d){display:inline !important;font-size:11px !important;line-height:1 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-tela-topo]::after{content:"/  Catálogo atacado";font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#9A9A94;line-height:1;white-space:pre;display:inline-block;padding-left:2px}
/* 11/09 · Grade B2B (mobile): trilha "Atacado › Básicas › Produto" numa linha só; o nome trunca com reticências */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] nav[aria-label="Você está aqui"]:not(#a):not(#b):not(#c):not(#d){display:flex !important;flex-wrap:nowrap !important;align-items:center !important;gap:6px !important;font-size:12px !important;min-width:0 !important;inline-size:100% !important;overflow:hidden !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] nav[aria-label="Você está aqui"] > *:not(#a):not(#b):not(#c):not(#d){flex:0 0 auto !important;font-size:12px !important;white-space:nowrap !important;line-height:1.3 !important;display:inline !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] nav[aria-label="Você está aqui"] > span:last-child:not(#a):not(#b):not(#c):not(#d){flex:1 1 auto !important;min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;display:block !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] nav[aria-label="Você está aqui"] > span:last-child *:not(#a):not(#b):not(#c){display:inline !important;font-size:inherit !important;white-space:nowrap !important}
/* 11/09 · Grade B2B (mobile): galeria de borda a borda (compensa a calha de 16px da seção) e sem cantos redondos */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-feature] > div:first-child:not(#a):not(#b):not(#c):not(#d){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-feature] > div:first-child [data-pdp-view]:not(#a):not(#b):not(#c):not(#d){border-radius:0 !important;inline-size:100% !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-feature] > div:first-child [data-pdp-view] > *:not(#a):not(#b):not(#c){border-radius:0 !important}
/* 11/09 · Grade B2B (mobile): "← Voltar /" na MESMA linha da trilha (float), × oculto, mesma fonte 12px */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tela-topo] > [data-tela-x]:not(#a):not(#b):not(#c):not(#d){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"]:not(#a):not(#b):not(#c){position:relative}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tela-topo]:not(#a):not(#b):not(#c):not(#d){display:inline-flex !important;position:absolute !important;left:16px !important;top:var(--sec-pt,8px) !important;float:none !important;width:auto !important;inline-size:auto !important;min-height:20px !important;height:20px !important;margin:0 !important;padding:0 !important;gap:6px !important;align-items:center !important;font-size:12px !important;color:#5F5F5B !important;z-index:2}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tela-topo] > [data-volta-uni]:not(#a):not(#b):not(#c):not(#d):not(#e){display:inline-flex !important;width:auto !important;min-width:0 !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:0 !important;gap:4px !important;font-size:12px !important;letter-spacing:0 !important;text-transform:none !important;color:#5F5F5B !important;line-height:1.3 !important;white-space:nowrap !important;justify-content:flex-start !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tela-topo] > [data-volta-uni] > span:not(#a):not(#b):not(#c){display:inline !important;font-size:12px !important;line-height:1 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tela-topo]::after{content:"/";font-size:12px;color:#9A9A94;line-height:1.3}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > nav[aria-label="Você está aqui"]:not(#a):not(#b):not(#c):not(#d):not(#e){display:flex !important;overflow:hidden !important;margin:0 0 14px !important;min-height:20px !important;height:20px !important;align-items:center !important;line-height:1.3 !important;padding-left:78px !important;box-sizing:border-box !important}
/* 11/09 · Grade B2B (mobile): coração de favoritar sempre visível (sem hover no toque), canto superior direito da foto */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-pdp-view] > [data-fav-btn]:not(#a):not(#b):not(#c):not(#d){opacity:1 !important;visibility:visible !important;transform:none !important;pointer-events:auto !important;top:10px !important;right:10px !important;z-index:5 !important}
/* 11/09 · Grade B2B (mobile): linha "← Voltar / Atacado › Básicas › Produto" unificada — 11px, #9A9A94, gap 8px, largura total da calha */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tela-topo]:not(#a):not(#b):not(#c):not(#d):not(#e){font-size:11px !important;color:#9A9A94 !important;gap:6px !important;height:24px !important;min-height:24px !important;letter-spacing:.02em !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tela-topo] > [data-volta-uni]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){font-size:11px !important;color:#9A9A94 !important;gap:4px !important;letter-spacing:.02em !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tela-topo] > [data-volta-uni] > span:not(#a):not(#b):not(#c):not(#d){font-size:11px !important;color:#9A9A94 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tela-topo]::after{content:"/";font-size:11px;color:#9A9A94;line-height:1.3}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > nav[aria-label="Você está aqui"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){gap:6px !important;height:24px !important;min-height:24px !important;padding-left:62px !important;inline-size:100% !important;max-inline-size:none !important;font-size:11px !important;color:#9A9A94 !important;letter-spacing:.02em !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > nav[aria-label="Você está aqui"] > *:not(#a):not(#b):not(#c):not(#d):not(#e){font-size:11px !important;color:#9A9A94 !important;letter-spacing:.02em !important;padding:0 !important;margin:0 !important;min-height:0 !important;height:auto !important;line-height:1.3 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > nav[aria-label="Você está aqui"] > span:last-child *:not(#a):not(#b):not(#c):not(#d){color:#9A9A94 !important;font-size:11px !important}
/* 11/09 · card do catálogo (mobile): "Montar grade" discreto — pílula pequena em 1 linha, canto inferior, sem tela cheia */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] article [data-grade-hint]:not(#a):not(#b):not(#c):not(#d){left:50% !important;right:auto !important;top:50% !important;bottom:auto !important;transform:translate(-50%,-50%) !important;opacity:1 !important;display:inline-flex !important;align-items:center !important;white-space:nowrap !important;min-width:0 !important;width:auto !important;max-width:none !important;padding:0 10px !important;height:26px !important;min-height:28px !important;max-height:28px !important;border-radius:0 !important;font-size:9.5px !important;letter-spacing:.12em !important;text-transform:uppercase !important;font-weight:600 !important;line-height:1 !important;background:rgba(255,255,255,.88) !important;color:#0B0B0A !important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 4px 14px -8px rgba(11,11,10,.35) !important;text-align:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] article [data-grade-hint] *:not(#a):not(#b):not(#c){display:inline !important;font-size:inherit !important;line-height:inherit !important;white-space:nowrap !important}
/* 11/09 · linha de tamanhos em flex: o espaço em branco do template indentava o "P" 15px à direita das bolinhas */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] article [data-card-pe] > p:not(#a):not(#b):not(#c):not(#d){display:flex !important;flex-wrap:wrap !important;align-items:baseline !important;gap:0 !important;padding:0 !important;margin:0 !important;text-indent:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Atacado · Escolha por objetivo"]:not(#a):not(#b):not(#c):not(#d){padding-bottom:8px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-como]:not(#a):not(#b):not(#c):not(#d){margin-block-start:32px !important;padding-top:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] footer [data-foot-chips]:not(#a):not(#b):not(#c):not(#d){display:flex !important;flex-wrap:nowrap !important;gap:8px !important;overflow-x:auto !important;scroll-snap-type:x proximity !important;scrollbar-width:none !important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin-inline:calc(var(--page-pad,16px) * -1) !important;inline-size:calc(100% + (var(--page-pad,16px) * 2)) !important;max-inline-size:none !important;padding-inline:var(--page-pad,16px) !important;box-sizing:border-box !important;scroll-padding-inline:var(--page-pad,16px)}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] footer [data-foot-chips]::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] footer [data-foot-chips] > button:not(#a):not(#b):not(#c):not(#d){flex:0 0 auto !important;inline-size:auto !important;max-inline-size:none !important;white-space:nowrap !important;scroll-snap-align:start !important;min-height:44px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] #la-conteudo section[data-screen-label="Atacado · Vídeo + Newsletter"] [data-tour-cap]:not(#a):not(#b):not(#c):not(#d){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] #la-conteudo section[data-screen-label="Atacado · Vídeo + Newsletter"] [data-tour-play]:not(#a):not(#b):not(#c):not(#d){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] #la-conteudo section[data-screen-label="Atacado · Vídeo + Newsletter"] [data-tour-btn]:not(#a):not(#b):not(#c):not(#d):not(#e){margin-inline:calc(var(--page-pad,16px) * -1) !important;inline-size:calc(100% + (var(--page-pad,16px) * 2)) !important;max-inline-size:none !important;border-radius:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Atacado · Vídeo + Newsletter"] [data-tour-card]:not(#a):not(#b):not(#c):not(#d){background:transparent !important;box-shadow:none !important;border:none !important;padding:24px 0 0 !important;margin-inline:0 !important;inline-size:100% !important;max-inline-size:100% !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Atacado · Vídeo + Newsletter"] [data-tour-txt]:not(#a):not(#b):not(#c):not(#d){background:transparent !important;color:#0B0B0A !important;margin-inline:0 !important;inline-size:100% !important;max-inline-size:100% !important;padding:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Atacado · Vídeo + Newsletter"] [data-tour-txt] > h1:not(#a):not(#b):not(#c):not(#d){color:#0B0B0A !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Atacado · Vídeo + Newsletter"] [data-tour-txt] > p:not(#a):not(#b):not(#c):not(#d){color:#0B0B0A !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Atacado · Vídeo + Newsletter"] [data-tour-txt] > p:first-child:not(#a):not(#b):not(#c):not(#d){color:#5F5F5B !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Atacado · Vídeo + Newsletter"] [data-tour-txt] > p:last-child:not(#a):not(#b):not(#c):not(#d){color:#3D3D3A !important}

html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Atacado · Depoimentos"] [data-prova-grid]:not(#a):not(#b):not(#c):not(#d){display:flex !important;flex-wrap:nowrap !important;grid-template-columns:none !important;gap:0 !important;overflow-x:auto !important;scroll-snap-type:x mandatory !important;scrollbar-width:none !important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin-inline:calc(var(--page-pad,16px) * -1) !important;inline-size:calc(100% + (var(--page-pad,16px) * 2)) !important;max-inline-size:none !important;padding-inline:0 !important;box-sizing:border-box !important;scroll-padding-inline:0}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Atacado · Depoimentos"] [data-prova-grid]::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Atacado · Depoimentos"] [data-prova-grid] > div:not(#a):not(#b):not(#c):not(#d){flex:0 0 100% !important;inline-size:100% !important;min-inline-size:0 !important;scroll-snap-align:start !important;border:0 !important;margin:0 !important;border-block:1px solid rgba(11,11,10,.10) !important;border-radius:0 !important;box-shadow:none !important;padding:22px var(--page-pad,16px) !important;box-sizing:border-box !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Atacado · Depoimentos"] [data-prova-dica]:not(#a):not(#b):not(#c):not(#d){display:flex !important}

/* Atacado (mobile) · barra do topo no formato do Varejo: 56px de altura, calha 12px, hambúrguer em 12
   e Início colado ao lado (44px cada), cluster da direita com 2px entre alvos de 44px */
html[data-lunfe-mob] [data-sc-name] header:not(#a):not(#b):not(#c):not(#d){block-size:56px !important;min-block-size:56px !important;display:flex !important;align-items:center !important;gap:0 !important;padding:0 12px !important}
html[data-lunfe-mob] [data-sc-name] header > div:has(> button[aria-label="Menu"]):not(#a):not(#b):not(#c):not(#d){flex:0 0 auto !important;inline-size:auto !important;gap:6px !important;padding:0 !important;margin:0 !important}
html[data-lunfe-mob] [data-sc-name] header > button[aria-label="Início"]:not(#a):not(#b):not(#c):not(#d){flex:0 0 auto !important;inline-size:44px !important;block-size:44px !important;margin:0 !important}
html[data-lunfe-mob] [data-sc-name] header > div:last-child:not(#a):not(#b):not(#c):not(#d){flex:0 1 auto !important;gap:2px !important;margin-inline-start:auto !important;padding:0 !important}
html[data-lunfe-mob] [data-sc-name] header > div:last-child:not(#a):not(#b):not(#c):not(#d) > :is(button,a){inline-size:44px !important;block-size:44px !important;min-inline-size:44px !important;padding:0 !important;margin:0 !important}
html[data-lunfe-mob] [data-sc-name] header > :is(button,div) button:not(#a):not(#b):not(#c):not(#d){inline-size:44px !important;block-size:44px !important}

/* Atacado (mobile): Buscar e Rastrear pedido voltam ao cluster do topo (estavam display:none) */
html[data-lunfe-mob] [data-sc-name] header > div:last-child:not(#a):not(#b):not(#c):not(#d) > button[aria-label="Buscar"],html[data-lunfe-mob] [data-sc-name] header > div:last-child:not(#a):not(#b):not(#c):not(#d) > div:has(button[aria-label="Rastrear pedido"]){display:flex !important;align-items:center !important;inline-size:44px !important;min-inline-size:44px !important;block-size:44px !important;padding:0 !important;margin:0 !important}
html[data-lunfe-mob] [data-sc-name] header > div:last-child:not(#a):not(#b):not(#c):not(#d) > div:has(button[aria-label="Rastrear pedido"]) > button{inline-size:44px !important;block-size:44px !important;padding:0 !important}

/* Atacado (mobile): botão Favoritos fora do topo */
html[data-lunfe-mob] [data-sc-name] header button[aria-label="Favoritos"]:not(#a):not(#b):not(#c):not(#d){display:none !important}

/* Atacado (mobile): Rastrear pedido fora do topo */
html[data-lunfe-mob] [data-sc-name] header div:has(> button[aria-label="Rastrear pedido"]):not(#a):not(#b):not(#c):not(#d),html[data-lunfe-mob] [data-sc-name] header button[aria-label="Rastrear pedido"]:not(#a):not(#b):not(#c):not(#d){display:none !important}

/* Atacado (mobile): o invólucro do Rastrear continuava reservando 44px vazios no topo */
html[data-lunfe-mob] [data-sc-name] header > div:last-child:not(#a):not(#b):not(#c):not(#d) > div:has(button[aria-label="Rastrear pedido"]){display:none !important}

/* header mobile (paridade com o Varejo): só o ícone da conta, sem o rótulo "Entrar" */
html[data-lunfe-mob] [data-sc-name] header lunfe-conta-badge button[aria-label="Entrar na sua conta"] > span:last-child{display:none !important}

/* padrão das 5 lojas: sacola/carrinho é o primeiro item da direita (último do cluster) */
html[data-lunfe-mob] [data-sc-name] header [data-util] :is(button[aria-label="Ver sacola"],button[aria-label="Sacola"],button[aria-label="Carrinho"],button[aria-label="Ver carrinho"],button[aria-label="Pedido em grade"],button[aria-label="Sacola de cotação"],button[data-mob-sacola]):not(#a):not(#b):not(#c):not(#d){order:99 !important}
html[data-lunfe-mob] [data-sc-name] header [data-util] > :has(> button[aria-label="Ver sacola"]):not(#a):not(#b):not(#c):not(#d){order:99 !important}

/* ═══ TELAS SOBREPOSTAS · LIMITE DO APARELHO (06/09) ════════════════════════
   O quadro 390 vive dentro de um preview largo: 100vw é a largura do preview,
   não do aparelho, e o popover do header (rastreio, conta) vazava 356px para
   fora do telefone. Regra: todo painel/overlay abre DENTRO do aparelho — fixo,
   colado às bordas do quadro (± calha) — e nunca lê 100vw. */
html[data-lunfe-mob] [data-sc-name] header:not(#a):not(#b):not(#c):not(#d){position:sticky;overflow:visible !important}
html[data-lunfe-mob] [data-sc-name] header [data-util] > :has(> [data-pop-panel]):not(#a):not(#b):not(#c):not(#d){position:static !important}
html[data-lunfe-mob] [data-sc-name] header > div:has([data-pop-panel]):not(#a):not(#b):not(#c):not(#d){position:static !important}
html[data-lunfe-mob] [data-sc-name] header [data-pop-panel]:not(#a):not(#b):not(#c):not(#d){
  /* ancorado no próprio header (contêiner sticky): nasce na linha limite da barra, largura da barra menos a calha */
  position:absolute !important;
  inset-inline:0 !important;
  inset-block-start:100% !important;
  inline-size:auto !important;max-inline-size:none !important;
  margin-inline:16px !important;margin-block-start:0 !important;
  max-block-size:calc(100dvh - var(--hdr-h,56px) - 24px) !important;overflow-y:auto !important;
  padding:18px 16px !important;box-sizing:border-box !important;
  z-index:var(--z-panel,950) !important}
html[data-lunfe-mob] [data-sc-name] header [data-pop-panel] [data-pop-x]:not(#a):not(#b):not(#c):not(#d){
  position:absolute !important;inset-block-start:6px !important;inset-inline-end:6px !important;
  inline-size:44px !important;block-size:44px !important;display:grid !important;place-items:center !important;
  border:none !important;background:none !important;font-size:20px !important;cursor:pointer}
/* overlays em tela cheia: largura do aparelho, nunca do preview */
html[data-lunfe-mob] [data-sc-name] :is([data-screen-label="Menu overlay"],[data-screen-label="Mega-menu"],[data-screen-label="Busca"],[data-screen-label="Filtros"],[data-screen-label="Favoritos"],[data-screen-label="Outlet · Favoritos"],[data-screen-label="Sacola · Sidebar"],[data-screen-label="Sacola"],[data-screen-label="Carrinho"],[data-screen-label="Página institucional"],[data-screen-label="Central de Ajuda"],[data-screen-label="Atendimento"],[data-screen-label="Escolha rápida"],[data-screen-label="Vídeos"],[data-screen-label="Vídeos do produto"],[data-portal-sheet]):not(#a):not(#b):not(#c):not(#d){
  inset-inline:max(0px, calc(50% - 195px)) !important;inline-size:auto !important;max-inline-size:390px !important;margin-inline:auto !important;transform:none !important;left:max(0px, calc(50% - 195px)) !important;right:max(0px, calc(50% - 195px)) !important}
html[data-lunfe-mob] [data-sc-name] :is([data-screen-label="Sacola · Sidebar"],[data-screen-label="Sacola"],[data-screen-label="Carrinho"],[data-screen-label="Favoritos"],[data-screen-label="Outlet · Favoritos"],[data-screen-label="Filtros"]) > :is(aside,div:last-child):not(#a):not(#b):not(#c):not(#d){
  inline-size:100% !important;max-inline-size:100% !important;inset-inline:0 !important}
/* respiro interno padrão de app: calha 16px em painéis que herdavam o gutter do desktop */
html[data-lunfe-mob] [data-sc-name] :is([data-screen-label="Menu overlay"],[data-screen-label="Mega-menu"],[data-screen-label="Busca"],[data-screen-label="Página institucional"],[data-screen-label="Central de Ajuda"]) > div:not(#a):not(#b):not(#c):not(#d){
  padding-inline:16px !important;max-inline-size:100% !important;margin-inline:0 !important;box-sizing:border-box !important}

/* drawers fixos nascem na linha inferior do header REAL (token medido pelo quadro) e ocupam a largura do aparelho */
html[data-lunfe-mob] [data-sc-name] :is([data-screen-label="Outlet · Favoritos"],[data-screen-label="Favoritos"],[data-screen-label="Sacola"],[data-screen-label="Carrinho"],[data-screen-label="Filtros"],[data-fav-panel]):not(#a):not(#b):not(#c):not(#d){
  position:fixed !important;top:var(--app-hdr-bottom,136px) !important;bottom:0 !important;
  inset-inline:max(0px, calc(50% - 195px)) !important;left:max(0px, calc(50% - 195px)) !important;right:max(0px, calc(50% - 195px)) !important;
  width:auto !important;inline-size:auto !important;max-width:390px !important;max-inline-size:390px !important;
  height:auto !important;max-height:none !important;max-block-size:none !important;transform:none !important;box-shadow:none !important;border-top:1px solid #E6E6E6 !important}
html[data-lunfe-mob] [data-sc-name] :is([data-screen-label="Outlet · Favoritos"],[data-screen-label="Favoritos"],[data-screen-label="Sacola"],[data-screen-label="Carrinho"],[data-screen-label="Filtros"]) > div:first-child:not([data-tela-topo]):not(#a):not(#b):not(#c):not(#d){padding:12px 16px !important;min-block-size:56px !important}
html[data-lunfe-mob] [data-sc-name] :is([data-screen-label="Outlet · Favoritos"],[data-screen-label="Favoritos"],[data-screen-label="Sacola"],[data-screen-label="Carrinho"]) > div:first-child > button[aria-label="Fechar"]:not(#a):not(#b):not(#c):not(#d){width:44px !important;height:44px !important;display:grid !important;place-items:center !important}

/* 10/09 · menu v2 do Atacado dentro do aparelho: 100dvh aqui é a janela do host (911px), não os 844px do quadro — a
   camada ultrapassava o aparelho, o Contato caía abaixo da dobra e a rolagem do aparelho brigava com o inset da camada
   (tremor). A camada passa a medir a altura REAL do aparelho e o aparelho não rola enquanto o menu está aberto. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){block-size:100dvh !important;height:100dvh !important;max-block-size:100dvh !important;max-height:100dvh !important;bottom:auto !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] > [data-menu-panel]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){height:100dvh !important;max-height:100dvh !important;min-height:0 !important}
/* telas com voltar (sacola, carrinho, favoritos, conta, pedido…): ← e × encostados no topo, calha 16px */
html[data-lunfe-mob] [data-sc-name] main > section:has(> [data-tela-topo]):not(#a):not(#b):not(#c):not(#d){--sec-pt:8px;display:block !important;padding-inline:16px !important;box-sizing:border-box}
/* a regra "1ª seção da home = display:contents" também casava telas únicas (Carrinho B2B, Favoritos, Conta) e zerava a calha */
html[data-lunfe-mob] [data-sc-name] [data-tela-topo]:not(#a):not(#b):not(#c):not(#d){margin-bottom:12px !important;min-height:56px;display:flex !important;align-items:center !important;justify-content:space-between !important;padding-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] [data-tela-topo] > [data-volta-uni]:not(#a):not(#b):not(#c):not(#d){border:none !important;padding:0 !important;width:44px;min-width:44px;height:44px;justify-content:center;font-size:20px !important;margin:0 !important}
html[data-lunfe-mob] [data-sc-name] [data-tela-topo] > [data-tela-x]:not(#a):not(#b):not(#c):not(#d){display:inline-flex !important}
/* 07/09 · barra de cookies no QUADRO: fixed não escapa de container-type:size — sticky com order:99 no fim do scroller (mesma mecânica do Varejo) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-cookie-bar]:not(#a):not(#b):not(#c):not(#d):not(#e){order:99;inset:auto 0 0 0 !important;bottom:0 !important;align-self:stretch;inline-size:100% !important;max-inline-size:100% !important;margin:-96px 0 0 !important;transform:none !important;border-radius:0 !important;border-width:1px 0 0 !important;border-color:rgba(11,11,10,.14) !important;z-index:var(--z-modal,1200) !important;box-shadow:0 -6px 24px rgba(11,11,10,.10) !important;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);background:rgba(255,255,255,.82) !important;box-sizing:border-box !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-cookie-bar] p:not(#a):not(#b):not(#c):not(#d):not(#e){min-inline-size:0 !important;flex:1 1 auto !important;overflow-wrap:anywhere !important}
/* 07/09 · Cookies · painel de preferências contido no aparelho (fixed relativo ao scroller transformado = a tela do telefone) */
html[data-lunfe-mob] [data-sc-name] [data-ck-pref]:not(#a):not(#b):not(#c):not(#d):not(#e){position:fixed !important;inset:0 !important;inset-inline:max(0px, calc(50% - 195px)) !important;inline-size:auto !important;max-inline-size:390px !important;margin-inline:auto !important;transform:none !important}
html[data-lunfe-mob] [data-sc-name] [data-ck-pref] > [data-ck-sheet]:not(#a):not(#b):not(#c):not(#d):not(#e){max-inline-size:100% !important;max-block-size:calc(100% - 56px) !important}
/* 07/09 · Cookies · switch das categorias é PÍLULA 44×26 (o piso de toque 44px das lojas o inflava para um disco); o alvo de toque fica na linha da categoria (≥44px) */
html[data-lunfe-mob] [data-sc-name] [data-ck-cat] > [role="switch"]:not(#a):not(#b):not(#c):not(#d):not(#e){inline-size:44px !important;min-inline-size:0 !important;max-inline-size:44px !important;block-size:26px !important;min-block-size:0 !important;max-block-size:26px !important;padding:2px !important;margin:9px 0 !important;border-radius:999px !important;display:flex !important;align-items:center !important;box-sizing:border-box !important}
html[data-lunfe-mob] [data-sc-name] [data-ck-cat] > [role="switch"] > span:not(#a):not(#b):not(#c):not(#d):not(#e){inline-size:22px !important;block-size:22px !important;min-inline-size:0 !important;min-block-size:0 !important;border-radius:50% !important;position:static !important;display:block !important}
html[data-lunfe-mob] [data-sc-name] [data-ck-cat] > [role="switch"][aria-checked="true"]:not(#a):not(#b):not(#c):not(#d):not(#e){justify-content:flex-end !important}
html[data-lunfe-mob] [data-sc-name] [data-ck-cat] > [role="switch"][aria-checked="false"]:not(#a):not(#b):not(#c):not(#d):not(#e){justify-content:flex-start !important}
/* 07/09 · AUTOMAÇÃO COOKIES → AJUDA (mobile): enquanto a barra de cookies (ou o painel de preferências) estiver na tela, o botão flutuante de ajuda não aparece; resolvida a escolha, a barra sai e o FAB entra sozinho (mesmo gate de estado — sem timer). */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"]:has([data-cookie-bar],[data-ck-pref]) [data-support-widget]:not(#a):not(#b):not(#c):not(#d):not(#e){display:none !important}
/* 07/09 · Cookies (mobile): frase em 1 linha (texto curto + Saiba mais, reticências se faltar) e botões mais baixos (36px; a barra continua ≥44px de alvo) */
html[data-lunfe-mob] [data-sc-name] [data-cookie-bar]:not(#a):not(#b):not(#c):not(#d):not(#e){flex-wrap:nowrap !important;flex-direction:column !important;align-items:stretch !important;gap:8px !important;padding:10px var(--page-pad,16px) 10px !important}
html[data-lunfe-mob] [data-sc-name] [data-cookie-bar] > p:not(#a):not(#b):not(#c):not(#d):not(#e){display:flex !important;align-items:baseline !important;gap:6px !important;min-inline-size:0 !important;flex:0 0 auto !important;white-space:nowrap !important;font-size:11.5px !important;line-height:1.3 !important;margin:0 !important}
html[data-lunfe-mob] [data-sc-name] [data-cookie-bar] > p > [data-ck-short]:not(#a):not(#b):not(#c):not(#d):not(#e){display:block !important;flex:1 1 auto !important;min-inline-size:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}
html[data-lunfe-mob] [data-sc-name] [data-cookie-bar] > p > [data-ck-long]:not(#a):not(#b):not(#c):not(#d):not(#e){display:none !important}
html[data-lunfe-mob] [data-sc-name] [data-cookie-bar] > p > button:not(#a):not(#b):not(#c):not(#d):not(#e){flex:0 0 auto !important;white-space:nowrap !important;font-size:11.5px !important;min-height:0 !important;min-block-size:0 !important;padding:0 !important;line-height:inherit !important}
html[data-lunfe-mob] [data-sc-name] [data-cookie-bar] > div:not(#a):not(#b):not(#c):not(#d):not(#e){display:flex !important;gap:8px !important;flex:0 0 auto !important;inline-size:100% !important}
html[data-lunfe-mob] [data-sc-name] [data-cookie-bar] > div > button:not(#a):not(#b):not(#c):not(#d):not(#e){min-height:36px !important;min-block-size:36px !important;height:36px !important;block-size:36px !important;padding:0 12px !important;flex:1 1 0 !important;min-inline-size:0 !important;font-size:10.5px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}
/* 07/09 · Cookies (mobile): botão "acende" ao ser tocado/selecionado — fundo claro, filete e halo suave (luz light) */
html[data-lunfe-mob] [data-sc-name] [data-cookie-bar] > div > button:not(#a):not(#b):not(#c):not(#d):not(#e){transition:background .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease;-webkit-tap-highlight-color:transparent}
html[data-lunfe-mob] [data-sc-name] [data-cookie-bar] > div > button:is(:active,:focus-visible,[aria-pressed="true"]):not(#a):not(#b):not(#c):not(#d):not(#e){background:#F7F7F2 !important;color:#0A0A0A !important;border:1px solid rgba(10,10,10,.28) !important;box-shadow:0 0 0 3px rgba(255,255,255,.9),0 0 18px rgba(255,255,255,.95),0 2px 10px rgba(0,0,0,.10) !important;outline:none !important}
/* 13/09 · FAB do consultor (espelho): mesma cota do Varejo — 16px do pé do aparelho pousado E flutuando */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-support-widget][data-flutua="0"]:not(#a):not(#b):not(#c):not(#d):not(#e){inset-block:auto 16px !important;bottom:16px !important}




/* ── bloco data-lunfe-regua="onda2-0609" ── */

/* Portado do pacote ASTRA/Onda 2 (06/09/2026) para o quadro 390 — escopo [data-mobile-edit], nunca alcança o desktop.
   Rollback: apagar este \3c style>. Régua original em astra/regua-atacado.css. */
/* ── RÉGUA MOBILE · Onda 2 · 06/09/2026 · gerado por patch/regua.py ─────────────────
   Lei: nenhuma regra nova compete por especificidade — todas entram na cadeia de
   exclusão do espelho e usam os tokens publicados (--tap-min, --space-*, --page-pad). */

/* R1 · ALVO DE TOQUE (WCAG 2.2 · 24px mín. / meta interna 44px). Medido: pontos de
   carrossel de 12×2px e 8×8px, swatches de cor de 12×12px. A área clicável cresce por
   pseudo-elemento; o desenho (ponto/amostra) continua do mesmo tamanho. */
html[data-lunfe-mob] [data-sc-name] button[aria-label^="Ir para campanha"]:not(#a):not(#b):not(#c):not(#d),
html[data-lunfe-mob] [data-sc-name] button[aria-label^="Ver argumentos"]:not(#a):not(#b):not(#c):not(#d),
html[data-lunfe-mob] [data-sc-name] button[aria-label^="Imagem "]:not(#a):not(#b):not(#c):not(#d),
html[data-lunfe-mob] [data-sc-name] button[aria-label^="Variação"]:not(#a):not(#b):not(#c):not(#d),
html[data-lunfe-mob] [data-sc-name] button[aria-label^="Cor atual"]:not(#a):not(#b):not(#c):not(#d),
html[data-lunfe-mob] [data-sc-name] button[aria-label^="Ver esta peça na cor"]:not(#a):not(#b):not(#c):not(#d){position:relative !important;overflow:visible !important;touch-action:manipulation}
html[data-lunfe-mob] [data-sc-name] button[aria-label^="Ir para campanha"]:not(#a):not(#b):not(#c):not(#d)::after,
html[data-lunfe-mob] [data-sc-name] button[aria-label^="Ver argumentos"]:not(#a):not(#b):not(#c):not(#d)::after,
html[data-lunfe-mob] [data-sc-name] button[aria-label^="Imagem "]:not(#a):not(#b):not(#c):not(#d)::after,
html[data-lunfe-mob] [data-sc-name] button[aria-label^="Variação"]:not(#a):not(#b):not(#c):not(#d)::after,
html[data-lunfe-mob] [data-sc-name] button[aria-label^="Cor atual"]:not(#a):not(#b):not(#c):not(#d)::after,
html[data-lunfe-mob] [data-sc-name] button[aria-label^="Ver esta peça na cor"]:not(#a):not(#b):not(#c):not(#d)::after{content:"";position:absolute;inset:50% auto auto 50%;translate:-50% -50%;inline-size:max(100%,var(--tap-min,44px));block-size:max(100%,var(--tap-min,44px));border-radius:999px}
/* fileira de pontos: pontos vizinhos não podem sobrepor áreas de toque de 44px */
html[data-lunfe-mob] [data-sc-name] div:has(> button[aria-label^="Ir para campanha"]):not(#a):not(#b):not(#c):not(#d),
html[data-lunfe-mob] [data-sc-name] div:has(> button[aria-label^="Ver argumentos"]):not(#a):not(#b):not(#c):not(#d){gap:max(var(--space-3,12px),14px) !important}

/* R2 · PISO DE LEGIBILIDADE: 9,5px e 10px (medidos em legendas/eyebrows) sobem para 11px;
   10,5px sobe para 11px. Tipo menor que isso no telefone é decorativo, não informação. */
html[data-lunfe-mob] [data-sc-name] [style*="font-size: 9.5px"]:not(#a):not(#b):not(#c):not(#d),
html[data-lunfe-mob] [data-sc-name] [style*="font-size: 9.45px"]:not(#a):not(#b):not(#c):not(#d),
html[data-lunfe-mob] [data-sc-name] [style*="font-size: 10px"]:not(#a):not(#b):not(#c):not(#d),
html[data-lunfe-mob] [data-sc-name] [style*="font-size: 10.5px"]:not(#a):not(#b):not(#c):not(#d){font-size:11px !important}

/* R3 · CAMPO DE FORMULÁRIO: fonte mínima 16px (evita zoom automático do iOS) e altura 44px */
html[data-lunfe-mob] [data-sc-name] input:not([type=checkbox]):not([type=radio]):not([type=range]):not(#a):not(#b):not(#c):not(#d),
html[data-lunfe-mob] [data-sc-name] select:not(#a):not(#b):not(#c):not(#d),
html[data-lunfe-mob] [data-sc-name] textarea:not(#a):not(#b):not(#c):not(#d){font-size:max(1em,var(--text-input,16px)) !important;min-block-size:var(--tap-min,44px) !important}
html[data-lunfe-mob] [data-sc-name] input[type=checkbox]:not(#a):not(#b):not(#c):not(#d),html[data-lunfe-mob] [data-sc-name] input[type=radio]:not(#a):not(#b):not(#c):not(#d){inline-size:max(20px,1.25em) !important;block-size:max(20px,1.25em) !important}

/* R4 (compactar slot vazio) NÃO portado: compactação de slots foi revertida a pedido em 05/09 (LAY-10). */

/* R5 · ROLAGEM HORIZONTAL SÓ NOS TRILHOS: nada no documento pode empurrar a largura */
html[data-lunfe-mob] [data-sc-name] main:not(#a):not(#b):not(#c):not(#d),html[data-lunfe-mob] [data-sc-name] main > section:not(#a):not(#b):not(#c):not(#d){max-inline-size:100% !important;overflow-x:clip !important}

/* ATACADO · contraste medido: #9A9A94 sobre branco = 2,83:1 (17) e sobre #FAFAFA = 2,71:1 (9) → #6B6B66 = 5,3:1 */
html[data-lunfe-mob] [data-sc-name] [style*="; color: rgb(154, 154, 148)"]:not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(0, 0, 0)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(0, 0, 0)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(10, 10, 10)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(10, 10, 10)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(11, 11, 10)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(11, 11, 10)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(17, 17, 17)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(17, 17, 17)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(20, 20, 20)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(20, 20, 20)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(26, 26, 26)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(26, 26, 26)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(30, 30, 30)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(30, 30, 30)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(34, 34, 34)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(34, 34, 34)"] *):not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] [data-sc-name] [style^="color: rgb(154, 154, 148)"]:not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(0, 0, 0)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(0, 0, 0)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(10, 10, 10)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(10, 10, 10)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(11, 11, 10)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(11, 11, 10)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(17, 17, 17)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(17, 17, 17)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(20, 20, 20)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(20, 20, 20)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(26, 26, 26)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(26, 26, 26)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(30, 30, 30)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(30, 30, 30)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(34, 34, 34)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(34, 34, 34)"] *):not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] [data-sc-name] [style*="; color: rgb(154, 154, 154)"]:not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(0, 0, 0)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(0, 0, 0)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(10, 10, 10)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(10, 10, 10)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(11, 11, 10)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(11, 11, 10)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(17, 17, 17)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(17, 17, 17)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(20, 20, 20)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(20, 20, 20)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(26, 26, 26)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(26, 26, 26)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(30, 30, 30)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(30, 30, 30)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(34, 34, 34)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(34, 34, 34)"] *):not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] [data-sc-name] [style^="color: rgb(154, 154, 154)"]:not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(0, 0, 0)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(0, 0, 0)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(10, 10, 10)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(10, 10, 10)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(11, 11, 10)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(11, 11, 10)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(17, 17, 17)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(17, 17, 17)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(20, 20, 20)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(20, 20, 20)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(26, 26, 26)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(26, 26, 26)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(30, 30, 30)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(30, 30, 30)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(34, 34, 34)"] *):not(html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(34, 34, 34)"] *):not(#a):not(#b):not(#c):not(#d){color:#6B6B66 !important}
html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(255, 255, 255)"] [style*="; color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(255, 255, 255)"] [style^="color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(255, 255, 255)"] [style*="; color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(255, 255, 255)"] [style^="color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(250, 250, 250)"] [style*="; color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(250, 250, 250)"] [style^="color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(250, 250, 250)"] [style*="; color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(250, 250, 250)"] [style^="color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(246, 246, 246)"] [style*="; color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(246, 246, 246)"] [style^="color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(246, 246, 246)"] [style*="; color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(246, 246, 246)"] [style^="color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(247, 247, 245)"] [style*="; color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(247, 247, 245)"] [style^="color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(247, 247, 245)"] [style*="; color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(247, 247, 245)"] [style^="color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(240, 240, 240)"] [style*="; color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(240, 240, 240)"] [style^="color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(240, 240, 240)"] [style*="; color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(240, 240, 240)"] [style^="color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(240, 240, 237)"] [style*="; color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(240, 240, 237)"] [style^="color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(240, 240, 237)"] [style*="; color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(240, 240, 237)"] [style^="color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(251, 251, 251)"] [style*="; color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(251, 251, 251)"] [style^="color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(251, 251, 251)"] [style*="; color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(251, 251, 251)"] [style^="color: rgb(154, 154, 148)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(255, 255, 255)"] [style*="; color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(255, 255, 255)"] [style^="color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(255, 255, 255)"] [style*="; color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(255, 255, 255)"] [style^="color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(250, 250, 250)"] [style*="; color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(250, 250, 250)"] [style^="color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(250, 250, 250)"] [style*="; color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(250, 250, 250)"] [style^="color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(246, 246, 246)"] [style*="; color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(246, 246, 246)"] [style^="color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(246, 246, 246)"] [style*="; color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(246, 246, 246)"] [style^="color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(247, 247, 245)"] [style*="; color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(247, 247, 245)"] [style^="color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(247, 247, 245)"] [style*="; color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(247, 247, 245)"] [style^="color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(240, 240, 240)"] [style*="; color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(240, 240, 240)"] [style^="color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(240, 240, 240)"] [style*="; color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(240, 240, 240)"] [style^="color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(240, 240, 237)"] [style*="; color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(240, 240, 237)"] [style^="color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(240, 240, 237)"] [style*="; color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(240, 240, 237)"] [style^="color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(251, 251, 251)"] [style*="; color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(251, 251, 251)"] [style^="color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(251, 251, 251)"] [style*="; color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background-color: rgb(251, 251, 251)"] [style^="color: rgb(154, 154, 154)"]:not(#a):not(#b):not(#c):not(#d){color:#6B6B66 !important}

/* 11/09 · Grade B2B (mobile): miniaturas no padrão da loja Varejo — trilho de 96x128 em retrato, cantos retos, hairline #ECECEC e foto preenchendo a moldura */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-pdp-thumbs][data-rail="galeria"]:not(#a):not(#b):not(#c):not(#d){display:flex !important;flex-wrap:nowrap !important;grid-auto-flow:row !important;grid-auto-columns:auto !important;align-items:flex-start !important;gap:0px !important;padding-inline:0px !important;padding-bottom:0px !important;margin-inline:0 !important;inline-size:100% !important;max-inline-size:none !important;box-sizing:border-box !important;overflow-x:auto !important;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-pdp-thumbs][data-rail="galeria"]::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-pdp-thumbs][data-rail="galeria"] > *:not(#a):not(#b):not(#c):not(#d){flex:0 0 25% !important;inline-size:25% !important;min-inline-size:0 !important;max-inline-size:25% !important;block-size:auto !important;min-block-size:0 !important;max-block-size:none !important;aspect-ratio:3 / 4 !important;position:relative !important;overflow:hidden !important;border:0 !important;border-radius:0 !important;background:#F1F1EF !important;padding:0 !important;margin:0 !important;scroll-snap-align:start}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-pdp-thumbs][data-rail="galeria"] > * > :is(image-slot,[role="img"],img):not(#a):not(#b):not(#c){position:absolute !important;inset:0 !important;inline-size:100% !important;block-size:100% !important;max-inline-size:none !important;max-block-size:none !important;aspect-ratio:auto !important;border-radius:0 !important;background-size:cover !important;background-position:center center !important;object-fit:cover !important}
/* 12/09 · Grade B2B (mobile): galeria e cartoes do painel de borda a borda */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-buystack] > div:not(#a):not(#b):not(#c):not(#d){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;box-sizing:border-box !important}
/* 12/09 · Grade B2B (mobile): CTAs do bloco de margem centrados */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] #at-ed-marg > div:has(> button):not(#a):not(#b):not(#c):not(#d){justify-content:center !important;flex-wrap:wrap !important}
/* 12/09 · Entrar na conta B2B (mobile): "Entrar" e "Conta de lojista" na mesma linha (título grande + rótulo pequeno) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Entrar na conta B2B"] > [data-tela-topo] + div > div:first-child:not(#a):not(#b):not(#c):not(#d):not(#e){display:flex !important;flex-wrap:wrap !important;align-items:center !important;column-gap:8px !important;row-gap:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Entrar na conta B2B"] > [data-tela-topo] + div > div:first-child > *:not(#a):not(#b):not(#c):not(#d):not(#e){flex:0 0 100% !important;min-width:0 !important;order:3 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Entrar na conta B2B"] > [data-tela-topo] + div > div:first-child > p:first-child:not(#a):not(#b):not(#c):not(#d):not(#e){order:2 !important;flex:0 1 auto !important;margin:0 !important;display:inline-flex !important;align-items:center !important;gap:8px !important;line-height:1 !important;text-transform:lowercase !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Entrar na conta B2B"] > [data-tela-topo] + div > div:first-child > p:first-child::before{content:"–";color:#A3A3A0;font-size:13px;line-height:1}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Entrar na conta B2B"] > [data-tela-topo] + div > div:first-child > p:first-child + :is(h1,h2,h3):not(#a):not(#b):not(#c):not(#d):not(#e){order:1 !important;flex:0 1 auto !important;margin:0 !important;display:inline !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Entrar na conta B2B"] > [data-tela-topo] + div > div:first-child > p:first-child + :is(h1,h2,h3) + *:not(#a):not(#b):not(#c):not(#d):not(#e){order:3 !important;margin-top:12px !important}
/* 12/09 · Entrar na conta B2B (mobile): links "Ainda não tenho conta · Esqueci a senha" centrados */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Entrar na conta B2B"] > [data-tela-topo] + div > div:first-child > div > div:has(> button):last-child:not(#a):not(#b):not(#c):not(#d):not(#e){display:flex !important;justify-content:center !important;text-align:center !important}
/* 12/09 · Entrar na conta B2B (mobile): Voltar sem a seta */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Entrar na conta B2B"] [data-tela-topo] > button[data-volta-uni] > span:not(#a):not(#b):not(#c):not(#d):not(#e){display:none !important}
/* 12/09 · Catálogo atacado (mobile): preço por faixa em negrito */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-card] [data-cat-preco]:not(#a):not(#b):not(#c):not(#d):not(#e){font-weight:700 !important;color:#0B0B0A !important}
/* 12/09 · Catálogo atacado (mobile): "Montar grade" no rodapé da foto, centrado */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-card] [data-grade-hint]:not(#a):not(#b):not(#c):not(#d):not(#e){top:auto !important;bottom:10px !important;left:50% !important;right:auto !important;transform:translateX(-50%) !important;opacity:1 !important;margin:0 !important}
/* 12/09 · Grade B2B (mobile): faixa selecionada em fundo preto com texto branco (o fundo branco da regra de 25/08 escondia os números) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tier-rail] > button[aria-pressed="true"]:not(#a):not(#b):not(#c):not(#d):not(#e){background:#0B0B0A !important;border-color:#0B0B0A !important;color:#fff !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tier-rail] > button[aria-pressed="true"] > span:first-child > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e){color:rgba(255,255,255,.72) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tier-rail] > button[aria-pressed="true"] > span:nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tier-rail] > button[aria-pressed="true"] > span:nth-child(2) > span:not(#a):not(#b):not(#c):not(#d):not(#e){color:#fff !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tier-rail] > button[aria-pressed="true"] > span:nth-child(3):not(#a):not(#b):not(#c):not(#d):not(#e),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tier-rail] > button[aria-pressed="true"] > span:nth-child(3) *:not(#a):not(#b):not(#c):not(#d):not(#e){color:#0B0B0A !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tier-rail] > button[aria-pressed="true"] > span:nth-child(3):not(#a):not(#b):not(#c):not(#d):not(#e){display:inline-block !important;background:#DBF742 !important;border-radius:999px !important;padding:3px 9px !important;font-weight:600 !important}
/* 12/09 · Grade B2B (mobile-only): "Montar a grade" logo abaixo de "↔ Arraste para ver as 7 faixas" — achata feature/buystack/painel com display:contents e reordena com order; desktop intocado */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"]:not(#a):not(#b):not(#c):not(#d):not(#e){display:flex !important;flex-direction:column !important;gap:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature]:not(#a):not(#b):not(#c):not(#d):not(#e),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > [data-buystack]:not(#a):not(#b):not(#c):not(#d):not(#e),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > [data-buystack] > div:first-child:not(#a):not(#b):not(#c):not(#d):not(#e){display:contents !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tela-topo]:not(#a):not(#b):not(#c):not(#d):not(#e){order:1 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > nav:not(#a):not(#b):not(#c):not(#d):not(#e){order:2 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child:not(#a):not(#b):not(#c):not(#d):not(#e){order:3 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > [data-buystack] > div:first-child > *:not(#a):not(#b):not(#c):not(#d):not(#e){order:4 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > [data-buystack] > div:first-child > *:nth-child(n+10):not(#a):not(#b):not(#c):not(#d):not(#e){order:6 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > div:has(> [data-grade-card]):not(#a):not(#b):not(#c):not(#d):not(#e){order:5 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > [data-buystack] > div:nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e){order:7 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > div:has(> [data-grade-card]) ~ *:not([data-tabela-faixas]):not(#a):not(#b):not(#c):not(#d):not(#e){order:10 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > [data-buystack] > div:first-child > * + *:not(#a):not(#b):not(#c):not(#d):not(#e){margin-top:16px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > div:has(> [data-grade-card]):not(#a):not(#b):not(#c):not(#d):not(#e){margin-top:20px !important;margin-bottom:20px !important}
/* 12/09 · Grade B2B (mobile-only): "Resumo do produto" abaixo do cartão "Prazo e faturamento" */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > [data-buystack] > div:first-child > div:nth-child(3):not(#a):not(#b):not(#c):not(#d):not(#e){order:9 !important;margin-top:20px !important}
/* 12/09 · Grade B2B (mobile): linha "Seis operações que compram esta linha" removida */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-buystack] button[data-prova-linha]:not(#a):not(#b):not(#c):not(#d):not(#e){display:none !important}
/* 12/09 · Grade B2B (mobile-only): badges "Giro comprovado · Base de estampa · Alta rotatividade" abaixo de "Parcelado em 6x…" */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > [data-buystack] > div:first-child > div:nth-child(4):not(#a):not(#b):not(#c):not(#d):not(#e){order:7 !important;margin-top:16px !important}
/* 12/09 · Grade B2B (mobile): módulo "Montar a grade" de borda a borda */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > div:has(> [data-grade-card]):not(#a):not(#b):not(#c):not(#d):not(#e){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;border-radius:0 !important;border-inline:0 !important;box-sizing:border-box !important;padding-inline:16px !important}
/* 12/09 · Grade B2B (mobile): bloco "Preço por faixa" reorganizado — full width, frases em 1 linha, linha da tabela = faixa · preço · % com a economia abaixo */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas]:not(#a):not(#b):not(#c):not(#d):not(#e){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;border-radius:0 !important;border-inline:0 !important;padding:24px 16px !important;box-sizing:border-box !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > button:not(#a):not(#b):not(#c):not(#d):not(#e){align-items:flex-start !important;gap:12px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > button > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e){flex:1 1 auto !important;min-width:0 !important;gap:6px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > button > span:first-child > span:not(#a):not(#b):not(#c):not(#d):not(#e){display:block !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;line-height:1.3 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > button > span:first-child > span:nth-child(1):not(#a):not(#b):not(#c):not(#d):not(#e){font-size:18px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > button > span:first-child > span:nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e){font-size:10.5px !important;letter-spacing:.08em !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > button > span:first-child > span:nth-child(3):not(#a):not(#b):not(#c):not(#d):not(#e){font-size:13px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > button > span:last-child > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > button > span:last-child:not(#a):not(#b):not(#c):not(#d):not(#e){margin-top:2px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > button + p:not(#a):not(#b):not(#c):not(#d):not(#e){margin:16px 0 !important;font-size:13px !important;line-height:1.55 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > button + p + div:not(#a):not(#b):not(#c):not(#d):not(#e){grid-template-columns:1.3fr 1fr .7fr !important;gap:8px !important;padding:0 12px 6px !important;font-size:10px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > button + p + div > span:nth-child(4):not(#a):not(#b):not(#c):not(#d):not(#e){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > button + p + div + div > div:not(#a):not(#b):not(#c):not(#d):not(#e){grid-template-columns:1.3fr 1fr .7fr !important;gap:2px 8px !important;padding:12px 12px !important;border-radius:10px !important;align-items:baseline !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > button + p + div + div > div > span:not(#a):not(#b):not(#c):not(#d):not(#e){display:block !important;white-space:nowrap !important;font-size:14px !important;line-height:1.3 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > button + p + div + div > div > span:nth-child(3):not(#a):not(#b):not(#c):not(#d):not(#e){text-align:right !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > button + p + div + div > div > span:nth-child(4):not(#a):not(#b):not(#c):not(#d):not(#e){grid-column:1 / -1 !important;font-size:12px !important;color:inherit !important;opacity:.7 !important;white-space:normal !important;margin-top:2px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > button + p + div + div + div:not(#a):not(#b):not(#c):not(#d):not(#e){flex-wrap:nowrap !important;align-items:flex-start !important;border-radius:10px !important;padding:12px 12px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > button + p + div + div + div > p:not(#a):not(#b):not(#c):not(#d):not(#e){font-size:12.5px !important;line-height:1.5 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > p:last-child:not(#a):not(#b):not(#c):not(#d):not(#e){font-size:11px !important;line-height:1.5 !important;margin-top:12px !important}
/* 12/09 · Grade B2B (mobile): botão ± do bloco "Preço por faixa" — círculo 34px alinhado ao título */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > button > span:last-child:not(#a):not(#b):not(#c):not(#d):not(#e){flex:none !important;display:flex !important;align-items:center !important;justify-content:center !important;width:34px !important;height:34px !important;margin:-5px 0 0 !important;padding:0 !important;gap:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > button > span:last-child > span:last-child:not(#a):not(#b):not(#c):not(#d):not(#e){display:grid !important;place-items:center !important;width:34px !important;height:34px !important;min-width:0 !important;padding:0 !important;font-size:20px !important;line-height:1 !important;border-radius:999px !important}
/* 12/09 · Grade B2B (mobile): resumo numérico da tabela oculto (redundante com as linhas); fica só a regra do mix */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > button + p > span:not(#a):not(#b):not(#c):not(#d):not(#e){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > button + p:not(#a):not(#b):not(#c):not(#d):not(#e){color:#5F5F5B !important;font-size:13px !important;line-height:1.5 !important;margin:14px 0 12px !important;padding:10px 12px !important;background:rgba(255,255,255,.7) !important;border-radius:10px !important}
/* 12/09 · Grade B2B (mobile): "Resumo do produto" de borda a borda */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > [data-buystack] > div:first-child > div:nth-child(3):not(#a):not(#b):not(#c):not(#d):not(#e){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;border-radius:0 !important;border-inline:0 !important;box-sizing:border-box !important;padding-inline:16px !important}
/* 12/09 · Grade B2B (mobile-only): "Comprar pelo WhatsApp" e "Solicitar trocas" abaixo das pílulas do painel — coluna da galeria achatada */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child:not(#a):not(#b):not(#c):not(#d):not(#e),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4):not(#a):not(#b):not(#c):not(#d):not(#e){display:contents !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > *:not(#a):not(#b):not(#c):not(#d):not(#e){order:3 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > [data-pdp-thumbs]:not(#a):not(#b):not(#c):not(#d):not(#e){margin-top:12px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > p:not(#a):not(#b):not(#c):not(#d):not(#e){margin-top:12px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:not(#a):not(#b):not(#c):not(#d):not(#e){order:3 !important;margin-top:12px !important;align-self:flex-start !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(1):not(#a):not(#b):not(#c):not(#d):not(#e){margin-top:16px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(3):not(#a):not(#b):not(#c):not(#d):not(#e),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(4):not(#a):not(#b):not(#c):not(#d):not(#e){order:7 !important;margin-top:10px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > [data-buystack] > div:nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e){order:8 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(3):not(#a):not(#b):not(#c):not(#d):not(#e),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(4):not(#a):not(#b):not(#c):not(#d):not(#e){order:8 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(3):not(#a):not(#b):not(#c):not(#d):not(#e){margin-top:16px !important}
/* 12/09 · Grade B2B (mobile-only): "Tabela de medidas" abaixo do bloco "Montar a grade"; "‹ arraste para ver mais ›" centrado */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e){order:6 !important;margin-top:0 !important;margin-bottom:12px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > p:not(#a):not(#b):not(#c):not(#d):not(#e){justify-content:center !important;text-align:center !important;inline-size:100% !important}
/* 12/09 · Grade B2B (mobile): "Comprar pelo WhatsApp" e "Solicitar trocas" lado a lado, 2 módulos de meia largura */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(3):not(#a):not(#b):not(#c):not(#d):not(#e),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(4):not(#a):not(#b):not(#c):not(#d):not(#e){inline-size:calc(50% - 5px) !important;min-inline-size:0 !important;max-inline-size:none !important;block-size:64px !important;min-block-size:64px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:6px !important;padding:8px 10px !important;border-radius:12px !important;font-size:11.5px !important;line-height:1.25 !important;text-align:center !important;white-space:normal !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(3):not(#a):not(#b):not(#c):not(#d):not(#e){align-self:flex-start !important;margin-top:16px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(4):not(#a):not(#b):not(#c):not(#d):not(#e){align-self:flex-end !important;margin-top:-64px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(3) svg:not(#a):not(#b):not(#c):not(#d):not(#e),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(4) svg:not(#a):not(#b):not(#c):not(#d):not(#e){width:18px !important;height:18px !important;flex:none !important}
/* 12/09 · Grade B2B (mobile): "Vídeos · detalhes" ao lado de "Tabela de medidas", abaixo do bloco Montar a grade — 2 módulos */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(1):not(#a):not(#b):not(#c):not(#d):not(#e),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e){order:6 !important;inline-size:calc(50% - 5px) !important;min-inline-size:0 !important;max-inline-size:none !important;block-size:64px !important;min-block-size:64px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:6px !important;padding:8px 10px !important;border-radius:12px !important;font-size:11.5px !important;line-height:1.25 !important;text-align:center !important;white-space:normal !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(1):not(#a):not(#b):not(#c):not(#d):not(#e){align-self:flex-start !important;margin-top:0 !important;margin-bottom:12px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e){align-self:flex-end !important;margin-top:-76px !important;margin-bottom:12px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(1) svg:not(#a):not(#b):not(#c):not(#d):not(#e),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(2) svg:not(#a):not(#b):not(#c):not(#d):not(#e){width:18px !important;height:18px !important;flex:none !important}
/* 12/09 · Grade B2B (mobile): visor e trilho de miniaturas de volta ao full-bleed (a coluna achatada perdeu a sangria) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > [data-pdp-view]:not(#a):not(#b):not(#c):not(#d):not(#e),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > [data-pdp-thumbs]:not(#a):not(#b):not(#c):not(#d):not(#e){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;width:auto !important;max-width:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > [data-buystack] > div:first-child > div:first-child:not(#a):not(#b):not(#c):not(#d):not(#e){margin-top:20px !important}
/* 12/09 · Grade B2B (mobile): "Ver vídeo" e setas ‹ › do visor sem moldura (sem borda, fundo nem blur) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-pdp-view] > button:not(#a):not(#b):not(#c):not(#d):not(#e){border:0 !important;background:transparent !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-pdp-view] > button[aria-label="Vista anterior"]:not(#a):not(#b):not(#c):not(#d):not(#e),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-pdp-view] > button[aria-label="Próxima vista"]:not(#a):not(#b):not(#c):not(#d):not(#e){color:#0B0B0A !important;text-shadow:0 0 6px rgba(255,255,255,.9) !important}
/* 12/09 · Grade B2B (mobile): "Ver vídeo" um pouco maior, com "+" à frente */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-pdp-view] > button:not([aria-label]):not(#a):not(#b):not(#c):not(#d):not(#e){font-size:11px !important;letter-spacing:.1em !important;padding:0 10px !important;height:44px !important;min-height:44px !important;top:10px !important;left:12px !important;display:inline-flex !important;align-items:center !important;gap:5px !important;color:#0B0B0A !important;font-weight:400 !important;text-shadow:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-pdp-view] > button:not([aria-label])::before{content:"+";font-size:14px;line-height:1;font-weight:600}
/* 12/09 · Grade B2B (mobile): setas ‹ › do visor um pouco maiores */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-pdp-view] > button[aria-label="Vista anterior"]:not(#a):not(#b):not(#c):not(#d):not(#e),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-pdp-view] > button[aria-label="Próxima vista"]:not(#a):not(#b):not(#c):not(#d):not(#e){font-size:34px !important;width:44px !important;height:44px !important;line-height:1 !important;display:grid !important;place-items:center !important;padding:0 !important}
/* 12/09 · Grade B2B (mobile): módulos "Detalhes do produto" e "Tabela de medidas" — ícone + texto em 1 linha; "Vídeos ·" sai */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(1):not(#a):not(#b):not(#c):not(#d):not(#e),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e){flex-direction:row !important;gap:8px !important;block-size:48px !important;min-block-size:48px !important;white-space:nowrap !important;font-size:12px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(1):not(#a):not(#b):not(#c):not(#d):not(#e){font-size:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(1)::after{content:"Detalhes do produto";font-size:12px;line-height:1.2;white-space:nowrap}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:nth-child(4) > button:nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e){margin-top:-60px !important}
/* 12/09 · Grade B2B (mobile): accordion de cores ("Cinza · nenhuma peça · R$ 0,00 ›") de borda a borda */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > div:has(> [data-grade-card]) > [data-grade-acc]:not(#a):not(#b):not(#c):not(#d):not(#e){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;padding-inline:0 !important;border-radius:0 !important;border-inline:0 !important;box-sizing:border-box !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > div:has(> [data-grade-card]) > [data-grade-acc] > div:not(#a):not(#b):not(#c):not(#d):not(#e){border-radius:0 !important;border-inline:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > div:has(> [data-grade-card]) > [data-grade-acc] > div > [data-cor-head]:not(#a):not(#b):not(#c):not(#d):not(#e){padding-inline:16px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > div:has(> [data-grade-card]) > [data-grade-acc] > div > [data-cor-head] + *:not(#a):not(#b):not(#c):not(#d):not(#e){padding-inline:16px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > div:has(> [data-grade-card]) > [data-grade-acc] > p:not(#a):not(#b):not(#c):not(#d):not(#e){padding-inline:16px !important}
/* 12/09 · Grade B2B (mobile-only): bloco "Preço por faixa" logo abaixo de "Parcelado em 6x…" */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas]:not(#a):not(#b):not(#c):not(#d):not(#e){order:6 !important;margin-top:20px !important;margin-bottom:0 !important}
/* 12/09 · Grade B2B (mobile): bloco "Preço por faixa" com fundo claro sólido para destacar */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas]:not(#a):not(#b):not(#c):not(#d):not(#e){background:#F1F1EF !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border-top:1px solid rgba(11,11,10,.08) !important;border-bottom:1px solid rgba(11,11,10,.08) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] > button + p + div + div > div:not(#a):not(#b):not(#c):not(#d):not(#e){background:#FFFFFF !important}
/* 12/09 · Grade B2B (mobile): bloco "Tudo sobre" de borda a borda */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tabela-faixas] + div:has(> h2 + p + div + button):not(#a):not(#b):not(#c):not(#d):not(#e){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;border-radius:0 !important;border-inline:0 !important;box-sizing:border-box !important;padding-inline:16px !important}
/* 12/09 · Grade B2B (mobile): linha "composição · gramatura · preço/un na faixa" do painel removida (redundante com resumo e tabela) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > [data-buystack] > div:first-child > p:nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e){display:none !important}
/* 12/09 · Grade B2B (mobile): blocos "Comparação" e "Prova" (accordions) — full width, cabeçalho compacto em 1 linha, corpo alinhado */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col]:has(> div > [data-ed-head]):not(:has(> [data-ficha-artigo])):not(#a):not(#b):not(#c):not(#d):not(#e){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;gap:0 !important;grid-template-columns:minmax(0,1fr) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col]:has(> div > [data-ed-head]):not(:has(> [data-ficha-artigo])) > div:not(#a):not(#b):not(#c):not(#d):not(#e){padding:0 16px !important;border-radius:0 !important;border-inline:0 !important;border-top:1px solid rgba(11,11,10,.08) !important;background:#FFFFFF !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col]:has(> div > [data-ed-head]):not(:has(> [data-ficha-artigo])) > div:last-child:not(#a):not(#b):not(#c):not(#d):not(#e){border-bottom:1px solid rgba(11,11,10,.08) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col]:has(> div > [data-ed-head]):not(:has(> [data-ficha-artigo])) > div > [data-ed-head]:not(#a):not(#b):not(#c):not(#d):not(#e){min-height:52px !important;height:auto !important;padding:14px 0 !important;gap:12px !important;align-items:center !important;justify-content:space-between !important;width:100% !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col]:has(> div > [data-ed-head]):not(:has(> [data-ficha-artigo])) > div > [data-ed-head] > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e){flex:1 1 auto !important;min-width:0 !important;display:block !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;font-size:10.5px !important;letter-spacing:.06em !important;line-height:1.3 !important;height:auto !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col]:has(> div > [data-ed-head]):not(:has(> [data-ficha-artigo])) > div > [data-ed-head] > span:last-child:not(#a):not(#b):not(#c):not(#d):not(#e){flex:none !important;display:grid !important;place-items:center !important;width:24px !important;height:24px !important;font-size:18px !important;line-height:1 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col]:has(> div > [data-ed-head]):not(:has(> [data-ficha-artigo])) > div > [data-ed-body]:not(#a):not(#b):not(#c):not(#d):not(#e){padding:0 0 18px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col]:has(> div > [data-ed-head]):not(:has(> [data-ficha-artigo])) > div > [data-ed-body] > p:first-child:not(#a):not(#b):not(#c):not(#d):not(#e){margin:0 0 4px !important;font-size:11px !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#9A9A94 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col]:has(> div > [data-ed-head]):not(:has(> [data-ficha-artigo])) > div > [data-ed-body] > h3:not(#a):not(#b):not(#c):not(#d):not(#e){margin:0 0 12px !important;font-size:17px !important;line-height:1.3 !important;letter-spacing:-.01em !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col]:has(> div > [data-ed-head]):not(:has(> [data-ficha-artigo])) > div > [data-ed-body]:not(#at-ed-close) > h3 + div:not(#a):not(#b):not(#c):not(#d):not(#e){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;width:auto !important;padding:0 !important;border-radius:0 !important;border-inline:0 !important;overflow:hidden !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col]:has(> div > [data-ed-head]):not(:has(> [data-ficha-artigo])) > div > [data-ed-body]:not(#at-ed-close) > h3 + div > *:not(#a):not(#b):not(#c):not(#d):not(#e){display:grid !important;grid-template-columns:1.2fr 1fr 1fr !important;gap:8px !important;padding:10px 16px !important;border-radius:0 !important;align-items:baseline !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col]:has(> div > [data-ed-head]):not(:has(> [data-ficha-artigo])) > div > [data-ed-body]:not(#at-ed-close) > h3 + div > * > span:not(#a):not(#b):not(#c):not(#d):not(#e){font-size:12.5px !important;line-height:1.3 !important;padding:0 !important;white-space:normal !important;min-width:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col]:has(> div > [data-ed-head]):not(:has(> [data-ficha-artigo])) > div > [data-ed-body]:not(#at-ed-close) > h3 + div > * > span:nth-child(n+4):not(#a):not(#b):not(#c):not(#d):not(#e){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col]:has(> div > [data-ed-head]):not(:has(> [data-ficha-artigo])) > div > [data-ed-body]:not(#at-ed-close) > h3 + div > *:first-child > span:not(#a):not(#b):not(#c):not(#d):not(#e){font-size:10px !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#9A9A94 !important;font-weight:600 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col]:has(> div > [data-ed-head]):not(:has(> [data-ficha-artigo])) > div > [data-ed-body]:not(#at-ed-close) > h3 + div + p:not(#a):not(#b):not(#c):not(#d):not(#e){margin:12px 0 0 !important;font-size:12px !important;line-height:1.5 !important;color:#5F5F5B !important}
/* 12/09 · Grade B2B (mobile): Comparação · Prova · Autoridade · Ancoragem honesta sem cabeçalho retrátil — conteúdo sempre exposto */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col]:has(> div > [data-ed-head]):not(:has(> [data-ficha-artigo])) > div > [data-ed-head]:not(#a):not(#b):not(#c):not(#d):not(#e){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col]:has(> div > [data-ed-head]):not(:has(> [data-ficha-artigo])) > div > [data-ed-body][data-open="false"]:not(#a):not(#b):not(#c):not(#d):not(#e),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col]:has(> div > [data-ed-head]):not(:has(> [data-ficha-artigo])) > div > [data-ed-body]:not(#a):not(#b):not(#c):not(#d):not(#e){display:block !important;padding-top:18px !important}
/* 12/09 · Grade B2B (mobile): Ficha do artigo — tabela de medidas em 5 colunas full-bleed, specs rótulo | valor em 1 linha */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col] > [data-ficha-artigo]:not(#a):not(#b):not(#c):not(#d):not(#e){padding:22px 16px 20px !important;border-radius:0 !important;border-inline:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col] > [data-ficha-artigo] > p:first-child:not(#a):not(#b):not(#c):not(#d):not(#e){font-size:11px !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#9A9A94 !important;margin:0 0 6px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col] > [data-ficha-artigo] > p:nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e){font-size:13px !important;line-height:1.5 !important;color:#5F5F5B !important;margin:0 0 14px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col] > [data-ficha-artigo] > p:nth-child(2) > span:not(#a):not(#b):not(#c):not(#d):not(#e){display:block !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col] > [data-ficha-artigo] > p + p + div:not(#a):not(#b):not(#c):not(#d):not(#e){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;padding:0 !important;border-radius:0 !important;border-inline:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col] > [data-ficha-artigo] > p + p + div > [data-om-grid]:not(#a):not(#b):not(#c):not(#d):not(#e){display:grid !important;grid-template-columns:.7fr 1fr 1fr 1fr 1fr !important;gap:6px !important;padding:10px 16px !important;border-radius:0 !important;align-items:baseline !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col] > [data-ficha-artigo] > p + p + div > [data-om-grid] > span:not(#a):not(#b):not(#c):not(#d):not(#e){display:block !important;white-space:nowrap !important;font-size:13px !important;line-height:1.3 !important;text-align:center !important;min-width:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col] > [data-ficha-artigo] > p + p + div > [data-om-grid] > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e){text-align:left !important;font-weight:600 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col] > [data-ficha-artigo] > p + p + div > [data-om-grid]:first-child > span:not(#a):not(#b):not(#c):not(#d):not(#e){font-size:10px !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#9A9A94 !important;font-weight:600 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col] > [data-ficha-artigo] > p + p + div > [data-om-grid]:nth-child(odd):not(:first-child):not(#a):not(#b):not(#c):not(#d):not(#e){background:rgba(241,241,239,.6) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col] > [data-ficha-artigo] > p + p + div + p:not(#a):not(#b):not(#c):not(#d):not(#e){margin:12px 0 18px !important;font-size:12px !important;line-height:1.5 !important;color:#5F5F5B !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col] > [data-ficha-artigo] [data-ficha-spec]:not(#a):not(#b):not(#c):not(#d):not(#e){display:grid !important;grid-template-columns:110px minmax(0,1fr) !important;gap:10px !important;padding:10px 0 !important;align-items:baseline !important;border-top:1px solid rgba(11,11,10,.08) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col] > [data-ficha-artigo] [data-ficha-spec] > span:not(#a):not(#b):not(#c):not(#d):not(#e){display:block !important;min-width:0 !important;line-height:1.35 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col] > [data-ficha-artigo] [data-ficha-spec] > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e){font-size:11px !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#9A9A94 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col] > [data-ficha-artigo] [data-ficha-spec] > span:last-child:not(#a):not(#b):not(#c):not(#d):not(#e){font-size:13.5px !important;color:#0B0B0A !important;overflow-wrap:anywhere !important}
/* 12/09 · Grade B2B (mobile): card "Dúvidas de lojista" removido */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col] > [data-ficha-artigo] + div:has(> [data-ed-head]):not(#a):not(#b):not(#c):not(#d):not(#e){display:none !important}
/* 12/09 · Rodapé Atacado (mobile): respiro de 24px entre o texto institucional e os links */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] footer [data-foot-cols] > p:first-child + *:not(#a):not(#b):not(#c):not(#d):not(#e){margin-top:24px !important}
/* 12/09 · Entrar na conta B2B (mobile): main não força 844px na tela de login; rodapé encosta com 32px */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main:has(> section[data-screen-label="Entrar na conta B2B"]):not(#a):not(#b):not(#c):not(#d):not(#e){min-height:0 !important;min-block-size:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main:has(> section[data-screen-label="Entrar na conta B2B"]) + footer:not(#a):not(#b):not(#c):not(#d):not(#e){padding-top:32px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main:has(> section[data-screen-label="Entrar na conta B2B"]) + footer > *:first-child:not(#a):not(#b):not(#c):not(#d):not(#e){margin-top:0 !important;padding-top:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main:has(> section[data-screen-label="Entrar na conta B2B"]) + footer > *:first-child > *:first-child:not(#a):not(#b):not(#c):not(#d):not(#e){margin-top:0 !important;padding-top:0 !important}
/* 12/09 · Entrar na conta B2B (mobile): sem vazio abaixo dos links — cartão e seção encolhem ao conteúdo */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] main > section[data-screen-label="Entrar na conta B2B"]:not(#a):not(#b):not(#c):not(#d):not(#e){min-height:0 !important;min-block-size:0 !important;--sec-pb:24px !important;padding-bottom:24px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Entrar na conta B2B"] > [data-tela-topo] + div:not(#a):not(#b):not(#c):not(#d):not(#e){min-height:0 !important;min-block-size:0 !important;padding-bottom:0 !important;margin-bottom:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Entrar na conta B2B"] > [data-tela-topo] + div > div:first-child:not(#a):not(#b):not(#c):not(#d):not(#e){min-height:0 !important;min-block-size:0 !important;padding-bottom:20px !important;margin-bottom:0 !important}
/* 12/09 · Entrar na conta B2B (mobile): formulário sobe — vão até o Voltar 12px */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Entrar na conta B2B"] > [data-tela-topo]:not(#a):not(#b):not(#c):not(#d):not(#e){margin-bottom:4px !important;min-height:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Entrar na conta B2B"] > [data-tela-topo] + div:not(#a):not(#b):not(#c):not(#d):not(#e){margin-top:0 !important;padding-top:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Entrar na conta B2B"] > [data-tela-topo] + div > div:first-child:not(#a):not(#b):not(#c):not(#d):not(#e){margin-top:0 !important;padding-top:8px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Entrar na conta B2B"] > [data-tela-topo] + div > div:first-child > p:first-child:not(#a):not(#b):not(#c):not(#d):not(#e){margin-top:0 !important}
/* 12/09 · Entrar na conta B2B (mobile): "← Voltar" pequeno e cinza claro; × da barra removido */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Entrar na conta B2B"] [data-tela-topo] > button[data-tela-x]:not(#a):not(#b):not(#c):not(#d):not(#e){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Entrar na conta B2B"] [data-tela-topo] > button[data-volta-uni]:not(#a):not(#b):not(#c):not(#d):not(#e){width:auto !important;min-width:0 !important;height:auto !important;min-height:0 !important;padding:0 !important;border:0 !important;background:transparent !important;justify-content:flex-start !important;gap:4px !important;font-size:11px !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#A3A3A0 !important;font-weight:500 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Entrar na conta B2B"] [data-tela-topo] > button[data-volta-uni] span:not(#a):not(#b):not(#c):not(#d):not(#e){font-size:12px !important;line-height:1 !important;color:#A3A3A0 !important}
/* 12/09 · Grade B2B (mobile): visor mais baixo, ficha de borda a borda, specs em 1 linha */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-pdp-view]:not(#a):not(#b):not(#c):not(#d){aspect-ratio:8 / 9 !important;block-size:auto !important;max-block-size:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ficha-artigo]:not(#a):not(#b):not(#c):not(#d){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;box-sizing:border-box !important;border-radius:0 !important;border-inline:0 !important;padding-inline:16px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ficha-spec]:not(#a):not(#b):not(#c):not(#d){display:flex !important;flex-wrap:nowrap !important;align-items:baseline !important;grid-template-columns:none !important;gap:6px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ficha-spec] > span:first-child:not(#a):not(#b):not(#c){flex:0 0 auto !important;inline-size:auto !important;white-space:nowrap !important;line-height:1.45 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ficha-spec] > span:first-child::after{content:":"}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ficha-spec] > span:last-child:not(#a):not(#b):not(#c){flex:1 1 auto !important;min-inline-size:0 !important;inline-size:auto !important;line-height:1.45 !important;overflow-wrap:anywhere !important;text-align:left !important}
/* 13/09 · Grade B2B (mobile): cartão Prazo mais perto dos botões (espelho) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > [data-buystack] > div:nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e){margin-top:12px !important;padding-top:12px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > [data-buystack] > div:nth-child(2) > div:first-child:not(#a):not(#b):not(#c):not(#d):not(#e){padding-top:0 !important}
/* 13/09 · quadro: barra sticky oculta não reserva 140px — a barra de conversão é display:none no quadro (linha do espelho), mas o aparelho continuava com padding-block-end:140px: isso encurta o fim da página E sobe o FAB 140px (o padding do scroller reduz o retângulo do position:sticky). No aparelho real a barra existe e o FAB usa a cota de 72px. */
/* 13/09 · Grade B2B (mobile): 5 ajustes do cliente (espelho) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-feature] > [data-buystack] > div:first-child > div:nth-child(3) [data-om-grid]:not(#a):not(#b):not(#c):not(#d):not(#e){padding-block:12px !important;row-gap:6px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] #at-ed-custom > div > div:not(:first-child) > span:nth-child(3):not(#a):not(#b):not(#c):not(#d):not(#e){align-self:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] #at-ed-close > div:not(#a):not(#b):not(#c):not(#d):not(#e){grid-template:none !important;grid-template-columns:24px minmax(0,1fr) !important;column-gap:12px !important;row-gap:0 !important;align-items:start !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-studio-cross]:not(#a):not(#b):not(#c):not(#d):not(#e){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;border-radius:0 !important;border-inline:0 !important;background-color:#F2F6FA !important;padding-inline:16px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-mais-rail]:not(#a):not(#b):not(#c):not(#d):not(#e){display:grid !important;grid-template-columns:none !important;grid-auto-flow:column !important;grid-auto-columns:50% !important;align-items:stretch !important;gap:0 !important;overflow-x:auto !important;scroll-snap-type:x proximity;margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;padding:0 0 12px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-mais-rail] > button:not(#a):not(#b):not(#c):not(#d):not(#e){inline-size:auto !important;min-inline-size:0 !important;max-inline-size:none !important;flex:none !important;display:flex !important;flex-direction:column !important;scroll-snap-align:start;border:0 !important;border-radius:0 !important;box-shadow:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-mais-rail] > button > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e){inline-size:100% !important;block-size:auto !important;aspect-ratio:4 / 5 !important;flex:none !important;margin:0 !important;border-radius:0 !important;border:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-mais-rail] > button > span:last-child:not(#a):not(#b):not(#c):not(#d):not(#e){margin-top:auto !important}
/* 13/09 · cartão Lunfe Studio (mobile): conteúdo centrado e fundo branco nas tintas do Studio (espelho) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-studio-cross]:not(#a):not(#b):not(#c):not(#d):not(#e){flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;gap:16px !important;background-color:#FAFCFE !important;background-image:radial-gradient(62% 72% at 18% 12%,rgba(130,173,212,.24),transparent 70%),radial-gradient(58% 66% at 84% 26%,rgba(221,253,44,.26),transparent 72%),radial-gradient(66% 72% at 50% 96%,rgba(130,173,212,.16),transparent 74%) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-studio-cross] > div:not(#a):not(#b):not(#c):not(#d):not(#e){inline-size:100% !important;text-align:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-studio-cross] > div > p:not(#a):not(#b):not(#c):not(#d):not(#e){margin-inline:auto !important;max-inline-size:34ch !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-studio-cross] > button:not(#a):not(#b):not(#c):not(#d):not(#e){margin-inline:auto !important}
/* 13/09 · disco +/− do Resumo do produto (espelho): círculo de 34px, sem o padding da lei de pílula */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-resumo-sinal]:not(#a):not(#b):not(#c):not(#d):not(#e){width:34px !important;min-width:0 !important;max-width:34px !important;height:34px !important;min-height:0 !important;padding:0 !important;line-height:1 !important;display:grid !important;place-items:center !important;flex:none !important}
/* 13/09 · Personalização: coluna do mínimo centrada sob o título (espelho) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] #at-ed-custom > div > div > span:nth-child(3):not(#a):not(#b):not(#c):not(#d):not(#e){text-align:center !important}
/* 13/09 · Medidas da peça no cartão "Tudo sobre": MESMA pele que tinha na Ficha do artigo (tabela full-bleed, 5 colunas, cabeçalho em caixa-alta, faixa zebrada) — as regras antigas estavam ancoradas no caminho da ficha e deixaram de casar depois da mudança de lugar */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-medidas-tudo] div:has(> [data-om-grid]):not(#a):not(#b):not(#c):not(#d):not(#e){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;padding:0 !important;border-radius:0 !important;border-inline:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-medidas-tudo] div:has(> [data-om-grid]) > [data-om-grid]:not(#a):not(#b):not(#c):not(#d):not(#e){display:grid !important;grid-template:none !important;grid-template-columns:.7fr 1fr 1fr 1fr 1fr !important;gap:6px !important;padding:10px 16px !important;border-radius:0 !important;align-items:baseline !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-medidas-tudo] div:has(> [data-om-grid]) > [data-om-grid] > span:not(#a):not(#b):not(#c):not(#d):not(#e){display:block !important;white-space:nowrap !important;font-size:13px !important;line-height:1.3 !important;text-align:center !important;min-width:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-medidas-tudo] div:has(> [data-om-grid]) > [data-om-grid] > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e){text-align:left !important;font-weight:600 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-medidas-tudo] div:has(> [data-om-grid]) > [data-om-grid]:first-child > span:not(#a):not(#b):not(#c):not(#d):not(#e){font-size:10px !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#9A9A94 !important;font-weight:600 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-medidas-tudo] div:has(> [data-om-grid]) > [data-om-grid]:nth-child(odd):not(:first-child):not(#a):not(#b):not(#c):not(#d):not(#e){background:rgba(241,241,239,.6) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-medidas-tudo] div:has(> [data-om-grid]) + p:not(#a):not(#b):not(#c):not(#d):not(#e){margin:12px 0 0 !important;font-size:12px !important;line-height:1.5 !important;color:#5F5F5B !important}
/* 13/09 · Resumo do produto um bloco abaixo: o cartão "Tudo sobre" sobe para a cota 9 e o Resumo assume a 10 — ordem final: Prazo → Tudo sobre → Resumo → Ficha do artigo */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > div:has([data-medidas-tudo]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){order:9 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-feature] > [data-buystack] > div:first-child > div:nth-child(3):not(#a):not(#b):not(#c):not(#d):not(#e){order:10 !important}
/* 13/09 · "Para quem este artigo serve" abaixo da Personalização: o bloco assume a cota 11 e o que vinha depois da Personalização (CTA, cartão Studio, Outros artigos) vai para a 12 */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-para-quem]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){order:11 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-ed-cta]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){order:12 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-studio-cross]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){order:12 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > div:has([data-mais-rail]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){order:12 !important}
/* 13/09 · "Para quem este artigo serve": full width — de borda a borda como o cartão Studio: sem cantos, sem filete lateral, calha interna de 16px */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-para-quem]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;border-radius:0 !important;border-inline:0 !important;box-shadow:none !important;padding-inline:16px !important}
/* 13/09 · "Para quem este artigo serve": texto centrado */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-para-quem]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){text-align:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-para-quem] :is(p,h2,span,li):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){text-align:center !important;margin-inline:auto !important}
/* 13/09 · Ficha do artigo: mesma superfície cinza do Resumo (#F1F1EF, sem vidro/filete/sombra) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ficha-artigo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){background:#F1F1EF !important;background-color:#F1F1EF !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border:0 !important;box-shadow:none !important}
/* 13/09 · Resumo → Ficha do artigo: vão menor — 20px de margem + 16px de cauda do Resumo viravam ~36px de branco; agora 8px de margem */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col]:has(> [data-ficha-artigo]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){margin-top:8px !important}
/* 13/09 · faixa "faltam poucas peças": full width — de borda a borda dentro do painel da grade (sem cantos nem filete lateral, calha de 16px) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ob2-faixa]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;border-radius:0 !important;border-inline:0 !important;box-shadow:none !important;padding-inline:16px !important}
/* 13/09 · faixa "faltam poucas peças": pílulas em trilho de 1 linha — 4 por tela, sem quebra, rolagem horizontal com snap e barra oculta */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ob2-faixa] div:has(> button):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:flex !important;flex-wrap:nowrap !important;gap:8px !important;overflow-x:auto !important;overflow-y:hidden !important;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:-16px !important;padding-inline:16px !important;inline-size:calc(100% + 32px) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ob2-faixa] div:has(> button):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g)::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ob2-faixa] div:has(> button) > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){flex:0 0 auto !important;inline-size:auto !important;min-inline-size:0 !important;max-inline-size:none !important;white-space:nowrap !important;min-height:44px !important;min-block-size:44px !important;padding:0 10px !important;font-size:11px !important;display:inline-flex !important;align-items:center !important;gap:4px !important;scroll-snap-align:start}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ob2-faixa] div:has(> button) > button > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:inline !important;font-size:11px !important;line-height:1.2 !important;white-space:nowrap !important;margin:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ob2-faixa] div:has(> button) > button > span:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){font-size:10.5px !important}
/* 13/09 · o rótulo "Nas cores que você já montou" entra no trilho como primeiro item (era um span block de 60px que quebrava a linha) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ob2-faixa] div:has(> button) > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){flex:0 0 auto !important;display:inline-flex !important;align-items:center !important;white-space:nowrap !important;font-size:11px !important;line-height:1.2 !important;block-size:44px !important;inline-size:auto !important;max-inline-size:none !important;margin:0 !important}
/* 13/09 · rótulo em cima, pílulas na linha de baixo (4 por linha; o trilho deixa de ser necessário porque a linha comporta as pílulas) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ob2-faixa] div:has(> button):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){flex-wrap:wrap !important;overflow-x:visible !important;row-gap:8px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ob2-faixa] div:has(> button) > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){flex:0 0 100% !important;inline-size:100% !important;block-size:auto !important;min-block-size:0 !important}
/* 13/09 · escada de faixas da ob2: moldura de linha preta — o estilo inline de cada chip vem do runtime (e.style); aqui só a moldura */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ob2-escada] > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){border:1px solid #0B0B0A !important;box-shadow:none !important}
/* 13/09 · faixa ob2: progresso legível (rótulo acima, barra cheia abaixo) e texto respirado */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ob2-faixa] div:has(> span > span[aria-hidden]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:flex !important;flex-direction:column-reverse !important;align-items:stretch !important;gap:8px !important;flex-wrap:nowrap !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ob2-faixa] div:has(> span > span[aria-hidden]) > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){flex:0 0 auto !important;inline-size:100% !important;min-inline-size:0 !important;block-size:8px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ob2-faixa] div:has(> span > span[aria-hidden]) > span:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){flex:0 0 auto !important;inline-size:100% !important;font-size:12px !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:#5F5F5B !important;white-space:normal !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ob2-faixa] > div:first-child > p:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){font-size:14.5px !important;line-height:1.65 !important;color:#0B0B0A !important;margin-top:4px !important}
/* 13/09 · escada de preços: 3 pílulas por tela em full width — trilho de borda a borda, cartão de 1/3 da tela e tipografia proporcional */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tier-rail]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:flex !important;flex-wrap:nowrap !important;gap:8px !important;overflow-x:auto !important;overflow-y:hidden !important;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;padding-inline:16px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tier-rail]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g)::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tier-rail] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){flex:0 0 calc((100% - 16px) / 3) !important;inline-size:calc((100% - 16px) / 3) !important;min-inline-size:0 !important;max-inline-size:none !important;padding:14px 12px !important;border-radius:18px !important;scroll-snap-align:start}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tier-rail] > button > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){white-space:normal !important;line-height:1.25 !important;overflow-wrap:anywhere !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tier-rail] > button > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){font-size:11px !important;letter-spacing:.06em !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tier-rail] > button > span:nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){font-size:15px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tier-rail] > button > span:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){font-size:11px !important;letter-spacing:.04em !important}
/* 13/09 · barra de progresso da ob2: filete de 8px de verdade — a lei de pílula (border-radius 999px inline → padding 8/16 + min-block-size 38px) engordava o trilho e comia a porcentagem do preenchimento; aqui os dois voltam a ser filete. O width inline do preenchimento carrega o número e NÃO é tocado. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ob2-faixa] div:has(> span > span[aria-hidden]) > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:block !important;padding:0 !important;min-block-size:0 !important;max-block-size:8px !important;block-size:8px !important;inline-size:100% !important;min-inline-size:0 !important;flex:0 0 auto !important;overflow:hidden !important;align-items:stretch !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ob2-faixa] span[aria-hidden]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:block !important;padding:0 !important;margin:0 !important;min-block-size:0 !important;max-block-size:8px !important;block-size:8px !important;min-inline-size:0 !important;max-inline-size:none !important;flex:none !important;inline-size:var(--pct,100%) !important;align-items:stretch !important}
/* 13/09 · nota do cartão de faixa marcado: ink legível — o selo da nota perdia o fundo lime no estado marcado e sobrava preto sobre preto */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tier-rail] > button[aria-pressed="true"] span:not([data-tier-selo]):not([data-tier-selo] *):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){color:#FFFFFF !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tier-rail] [data-tier-selo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){line-height:1.5 !important;block-size:auto !important;min-block-size:0 !important;max-block-size:none !important;overflow:visible !important}
/* 13/09 · cartões de faixa não selecionados: moldura de linha preta */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tier-rail] > button:not([aria-pressed="true"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){border:1px solid #0B0B0A !important;box-shadow:none !important}

/* 14/09 · busca do header em linha própria — com flex:1 0 100% o campo tomava 100% do CLUSTER utilitário (278px, colado à direita) e ainda empurrava um ícone para uma terceira linha. Fora do fluxo: faixa de borda a borda logo abaixo do header, que volta a ter 56px. */
  html[data-lunfe-mob] header:not(#a):not(#b):not(#c):not(#d){position:relative;overflow:visible !important}
  html[data-lunfe-mob] header [data-util] [data-desk][data-open="1"]:not(#a):not(#b):not(#c):not(#d){position:absolute !important;inset:100% 0 auto 0 !important;inline-size:auto !important;max-inline-size:none !important;margin:0 !important;padding:10px 16px 12px !important;background:#fff !important;border-block-end:1px solid rgba(11,11,10,.12) !important;box-shadow:0 10px 24px -20px rgba(11,11,10,.35) !important;z-index:var(--z-panel,950) !important;flex:none !important}
  html[data-lunfe-mob] header [data-util] [data-desk][data-open="1"] input:not(#a):not(#b):not(#c):not(#d){inline-size:100% !important;max-inline-size:none !important;min-inline-size:0 !important;font-size:16px !important;min-block-size:44px !important}
  html[data-lunfe-mob] header:has([data-desk][data-open="1"]):not(#a):not(#b):not(#c):not(#d){height:56px !important;padding-bottom:0 !important}
  html[data-lunfe-mob] header:has([data-desk][data-open="1"]) [data-util]:not(#a):not(#b):not(#c):not(#d){flex-wrap:nowrap !important}


/* 14/09 · tela de Busca (mobile): calha única e tipografia própria — a lei ≤430 dá calha ao corpo do overlay e força 16px em todo input: a
   caixa ficava com 32px de gutter, a lista "full-bleed" parava em 16 e o campo lia
   como um input comum. Aqui a calha tem UMA origem (os filhos diretos) e o campo
   volta ao tamanho de tela de busca. */
  html[data-lunfe-mob] [data-busca-tela]:not(#a):not(#b):not(#c):not(#d){padding-inline:0 !important}
  html[data-lunfe-mob] [data-busca-tela] > div:not(#a):not(#b):not(#c):not(#d){padding-inline:16px !important;inline-size:100% !important;max-inline-size:100% !important}
  html[data-lunfe-mob] [data-busca-tela] [data-busca-campo] > input:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){font-size:26px !important;line-height:1.1 !important;min-block-size:48px !important}
  html[data-lunfe-mob] [data-busca-tela] [data-busca-chips] > button:not(#a):not(#b):not(#c):not(#d){font-size:10.5px !important;letter-spacing:.06em !important;line-height:1 !important;padding:11px 6px !important}
  html[data-lunfe-mob] [data-busca-tela] [data-mic-dica]:not(#a):not(#b):not(#c):not(#d){font-size:11px !important;line-height:1 !important}
  html[data-lunfe-mob] [data-busca-tela] [data-mic-dica] > span:not(#a):not(#b):not(#c):not(#d){inline-size:7px !important;block-size:7px !important;min-inline-size:0 !important;display:block !important}
  html[data-lunfe-mob] [data-busca-tela] [data-busca-lista] > button > span:nth-child(1):not(#a):not(#b):not(#c):not(#d){font-size:15px !important;line-height:1.25 !important;display:block !important}
  html[data-lunfe-mob] [data-busca-tela] [data-busca-lista] > button > span:nth-child(2):not(#a):not(#b):not(#c):not(#d){font-size:12px !important;line-height:1.35 !important;display:block !important;color:rgba(255,255,255,.62) !important}
  html[data-lunfe-mob] [data-busca-tela] [data-busca-lista] > button > span:nth-child(3):not(#a):not(#b):not(#c):not(#d){font-size:10.5px !important;line-height:1 !important;display:block !important;color:#DDFD2C !important}


/* 15/09bb · bloco de trocas no dialeto do bottom sheet de filtros do Outlet (grafite
   #141414, glass rgba(20,20,20,.72) blur(18px) saturate(1.6), grupos .06/.08, texto
   #EDEDED/#8A8A8A, cantos retos). Mesmo padrão nas 5 lojas. */
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-troca-box]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){margin-inline:-9px !important;inline-size:calc(100% + 18px) !important;max-inline-size:none !important;border-radius:0 !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-troca-box] *:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){border-radius:0 !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-troca-top]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){display:flex !important;align-items:center !important;gap:11px !important;min-block-size:56px !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-troca-top] > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){inline-size:auto !important;block-size:auto !important;min-block-size:0 !important;line-height:1.2 !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-troca-top] > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){inline-size:28px !important;min-inline-size:28px !important;block-size:28px !important;display:inline-flex !important;flex:0 0 auto !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-troca-top] > span:nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){display:flex !important;flex-direction:column !important;align-items:flex-start !important;flex:1 1 auto !important;gap:2px !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-troca-top] > span:nth-child(2) > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){display:block !important;inline-size:auto !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-troca-selo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){display:inline-flex !important;flex:0 0 auto !important;inline-size:auto !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-troca-corpo] h2:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){font-size:22px !important;line-height:1.18 !important;min-block-size:0 !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-troca-corpo] p:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){font-size:14.5px !important;line-height:1.7 !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-troca-passos]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){grid-template:none !important;grid-template-columns:minmax(0,1fr) !important;gap:8px !important;padding:0 16px 16px !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-troca-passo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){display:flex !important;flex-direction:row !important;align-items:flex-start !important;gap:11px !important;padding:12px 14px !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-troca-passo] > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){inline-size:22px !important;min-inline-size:22px !important;block-size:22px !important;min-block-size:0 !important;display:inline-flex !important;flex:0 0 auto !important;font-size:11px !important;line-height:1 !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-troca-passo] > span:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){display:block !important;inline-size:auto !important;font-size:13px !important;line-height:1.5 !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-troca-pe]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:10px !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-troca-pe] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){inline-size:100% !important;min-block-size:44px !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-troca-pe] > [data-troca-zap]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){order:3 !important;inline-size:100% !important;min-block-size:44px !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-troca-pe] > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#z){order:2 !important;flex:0 0 auto !important;block-size:auto !important;min-block-size:0 !important;margin-block-end:2px !important}


/* 16/09b · índice de páginas institucionais no padrão do Studio: grade de 2 colunas
   iguais (eram pílulas de larguras irregulares em mosaico), 46px de toque, rótulo à
   esquerda em 1 linha e cabeçalho "Outras páginas". */
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-inst-indice]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){display:grid !important;grid-template:none !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-inst-indice]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l)::before{content:"Outras páginas";grid-column:1 / -1;display:block;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#A9A9A4;margin-block-end:2px}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-inst-indice] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){inline-size:100% !important;min-inline-size:0 !important;max-inline-size:none !important;margin:0 !important;box-sizing:border-box !important;block-size:auto !important;min-block-size:46px !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;text-align:start !important;padding:12px 13px !important;font-size:12.5px !important;line-height:1.25 !important;letter-spacing:0 !important;text-transform:none !important;border-radius:0 !important}


  /* 16/09c · nestas lojas o índice é CARTÃO (borda + raio) e o contrato zera o padding
     horizontal: a grade encostava na moldura (1px de folga). Respiro declarado junto,
     e fileiras de altura uniforme para rótulo que quebra em 2 linhas. */
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-inst-indice]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){padding:16px 14px !important;grid-auto-rows:1fr !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] [data-inst-indice] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){font-size:12px !important;align-items:center !important;block-size:100% !important}


/* ══ 19/09c · INSTITUCIONAL (Atacado) no telefone · espelho do quadro ═══════════════════════════════════
   O bloco institucional é grid de `minmax(0,26ch) minmax(0,1fr)`: no aparelho a
   1ª coluna comia 240px e o texto da 2ª ficava com 40px de largura (uma palavra
   por linha). Aqui vira UMA coluna de borda a borda, título e corpo no mesmo x,
   com o filete vermelho só no cabeçalho do bloco. */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Página institucional"]:not(#a):not(#b):not(#c):not(#d){--inst-cols:minmax(0,1fr);--inst-gap:12px}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Página institucional"] [data-inst-bloco]:not(#a):not(#b):not(#c):not(#d){display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:14px !important;padding:22px 20px 24px !important;border-radius:14px !important;border:1px solid rgba(11,11,10,.10) !important;margin:0 0 14px !important;inline-size:100% !important;max-inline-size:100% !important;box-sizing:border-box !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Página institucional"] [data-inst-bloco] > div:not(#a):not(#b):not(#c):not(#d){min-inline-size:0 !important;padding-left:0 !important;border-left:0 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Página institucional"] [data-inst-bloco] > div:last-child:not(#a):not(#b):not(#c):not(#d){border-left:0 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Página institucional"] [data-inst-bloco] > div:first-child:not(#a):not(#b):not(#c):not(#d){position:relative !important;padding-top:14px !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Página institucional"] [data-inst-bloco] > div:first-child::before{content:"" !important;left:0 !important;top:0 !important;inline-size:26px !important;block-size:2px !important;background:#E8442E !important}
  /* 19/09c-c · sobrelinha do topo ("Institucional · Lunfe Atacado") fora do
     telefone: a barra fica só com ← e ×, a pedido. */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Página institucional"] [data-inst-eyebrow]:not(#a):not(#b):not(#c):not(#d){display:none !important}
  /* 19/09c-d · capa do institucional: a lei mobile zera o padding-inline dos
     filhos diretos da folha, e o cartão de abertura ficava com o texto colado na
     moldura. Mesma calha dos blocos (20px) e cantos na mesma família. */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Página institucional"] [data-inst-capa]:not(#a):not(#b):not(#c):not(#d){padding:24px 20px 26px !important;border-radius:14px !important;margin:16px 0 16px !important;inline-size:100% !important;max-inline-size:100% !important;box-sizing:border-box !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Página institucional"] [data-inst-capa] :is(h1,h2,p):not(#a):not(#b):not(#c):not(#d){padding-inline:0 !important;max-inline-size:none !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Página institucional"] [data-inst-capa] h1:not(#a):not(#b):not(#c):not(#d){font-size:27px !important;line-height:1.12 !important;margin:0 0 12px !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Página institucional"] [data-inst-capa] > p:first-of-type:not(#a):not(#b):not(#c):not(#d){font-size:15.5px !important;line-height:1.65 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Página institucional"] [data-inst-capa] [data-inst-ang]:not(#a):not(#b):not(#c):not(#d){font-size:13.5px !important;line-height:1.65 !important;margin-top:16px !important;padding-top:14px !important}
  /* 19/09c-e · módulo de trocas na régua: a sangria de -9px vinha de quando os
     cartões eram de borda a borda; com a moldura de volta em 16..374 ela virou
     desvio. Cantos retos preservados (contrato do bloco 15/09bb). */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Página institucional"] [data-troca-box]:not(#a):not(#b):not(#c):not(#d){margin-inline:0 !important;inline-size:100% !important;width:100% !important;max-inline-size:100% !important;box-sizing:border-box !important}
  /* 19/09c-b · fecho do institucional (Fale com a equipe · Base legal): a seção
     sem marcador somava o padding do desktop à calha da folha e corria 32..358,
     16px para dentro do resto da página. */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Página institucional"] section:not([data-inst-bloco]):not(#a):not(#b):not(#c):not(#d){padding-inline:0 !important;gap:20px !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Página institucional"] section:not([data-inst-bloco]) > div:not(#a):not(#b):not(#c):not(#d){padding-inline:0 !important;min-inline-size:0 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Página institucional"] section:not([data-inst-bloco]) :is(p,h2,h3,li):not(#a):not(#b):not(#c):not(#d){padding-inline:0 !important;max-inline-size:none !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Página institucional"] [data-inst-bloco] :is(h2,h3):not(#a):not(#b):not(#c):not(#d){font-size:19px !important;line-height:1.24 !important;margin:0 !important;padding-inline:0 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Página institucional"] [data-inst-bloco] p:not(#a):not(#b):not(#c):not(#d){font-size:14.5px !important;line-height:1.7 !important;padding-inline:0 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Página institucional"] [data-inst-bloco] > div:first-child > p:first-child:not(#a):not(#b):not(#c):not(#d){font-size:10.5px !important;letter-spacing:.16em !important;line-height:1 !important;margin:0 0 8px !important}
/* 03/10z · Grade B2B · a trilha "Atacado › Lisas para revenda › Suedine Light Lisa" sobe para a régua do "← Voltar" (mesmo padrão do Varejo/Malhas: ← Voltar · trilha rolável, 12.5px #9A9A9A, último nó preto); o × sai; a trilha vivia 2.400px abaixo por causa da reordenação por order. 03/10aa · UM ritmo: Voltar e trilha no mesmo corpo 12.5px/24px, UM passo de 8px entre seta · Voltar · ponto · trilha · › */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tela-topo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:flex !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:flex-start !important;gap:10px !important;order:-2 !important;margin-bottom:12px !important;min-inline-size:0 !important;inline-size:100% !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tela-topo] > [data-tela-x]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tela-topo] > [data-volta-uni]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){flex:0 0 auto !important;white-space:nowrap !important;margin:0 !important;padding:0 !important;display:inline-flex !important;align-items:center !important;gap:0 !important;font-size:12.5px !important;line-height:24px !important;block-size:24px !important;min-block-size:24px !important;color:#141414 !important;inline-size:61px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tela-topo] > [data-volta-uni] > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){font-size:12.5px !important;line-height:24px !important;inline-size:auto !important;min-inline-size:0 !important;margin-inline-end:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tela-topo] > [data-volta-uni]::after{content:"·";color:#9A9A9A;font-size:12.5px;line-height:24px;margin-inline-start:8px}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tela-topo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){block-size:24px !important;min-block-size:24px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > nav[aria-label="Você está aqui"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){order:-2 !important;position:absolute !important;top:8px !important;left:calc(var(--page-pad,16px) + 61px + 8px + 4px + 8px) !important;right:var(--page-pad,16px) !important;margin:0 !important;max-inline-size:none !important;inline-size:auto !important;display:flex !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:flex-start !important;gap:8px !important;padding:0 !important;padding-inline:0 !important;block-size:24px !important;min-block-size:24px !important;font-size:12.5px !important;line-height:24px !important;color:#9A9A9A !important;overflow-x:auto !important;overflow-y:hidden !important;scrollbar-width:none !important;-webkit-overflow-scrolling:touch !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > nav[aria-label="Você está aqui"]::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > nav[aria-label="Você está aqui"] > *:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){flex:0 0 auto !important;white-space:nowrap !important;font-size:12.5px !important;min-block-size:0 !important;min-inline-size:0 !important;padding:0 !important;line-height:24px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > nav[aria-label="Você está aqui"] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){color:#9A9A9A !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > nav[aria-label="Você está aqui"] > span:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){color:#141414 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){position:relative !important}
/* 03/10ab · Grade B2B · galeria (foto grande + miniaturas + dica de arraste) sobe para logo abaixo da régua "← Voltar · trilha" (order −1; a seção é flex-column com os filhos achatados por display:contents e a galeria vivia em order 3, depois de Comparação/Autoridade) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > [data-pdp-view]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){order:-1 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > [data-pdp-thumbs]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){order:-1 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > p:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){order:-1 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > div:last-child > *:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){order:-1 !important}
/* 03/10ac · Grade B2B · a régua "← Voltar · trilha" é absolute (top 8, 24px) e não ocupa fluxo: a foto grande reserva 44px (8+24+12) para começar ABAIXO dela */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-feature] > div:first-child > [data-pdp-view]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){margin-top:44px !important}
/* 03/10af · Catálogo atacado · aviso "O catálogo lista apenas peça lisa…" distribuído em toda a largura da calha: 13.5px/1.5 e hifenização para as linhas encherem a medida (15px/1.65 deixava a mancha estreita e irregular) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-cat-intro]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){inline-size:100% !important;max-inline-size:none !important;margin-inline:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-cat-intro] > p:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){inline-size:100% !important;max-inline-size:none !important;margin-inline:0 !important;font-size:13.5px !important;line-height:1.5 !important;letter-spacing:0 !important;text-wrap:pretty !important;text-align:left !important;hyphens:auto !important;-webkit-hyphens:auto !important}
/* 03/10ag · Catálogo atacado · banner LUNFE STUDIO (último bloco da seção) reenquadrado no telefone: media 422px (estourava 32px), sem moldura, lavado azul/lime. Agora cartão full width na calha, fundo PRETO #0A0A0A + amarelo #F2C230 do Outlet (chamariz de personalização), conteúdo centrado, ritmo 24/14, números em 3 colunas, passos em cartões escuros, CTA amarelo */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){box-sizing:border-box !important;inline-size:100% !important;max-inline-size:100% !important;margin:40px 0 0 !important;padding:28px 20px 32px !important;border-radius:0 !important;border:0 !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:24px !important;text-align:center !important;color:#FFFFFF !important;background:radial-gradient(120% 70% at 50% -10%,rgba(242,194,48,.34),transparent 62%),radial-gradient(90% 60% at 100% 100%,rgba(242,194,48,.16),transparent 60%),#0A0A0A !important;background-repeat:no-repeat !important;overflow:hidden !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){inline-size:100% !important;max-inline-size:100% !important;min-inline-size:0 !important;margin:0 !important;padding:0 !important;border:0 !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:14px !important;text-align:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){gap:10px !important;justify-content:center !important;flex-wrap:wrap !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:first-child > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){background:#F2C230 !important;border:0 !important;border-radius:0 !important;padding:7px 12px !important;gap:8px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:first-child > span:first-child > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){background:#0A0A0A !important;inline-size:7px !important;block-size:7px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:first-child > span:first-child > span:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){color:#0A0A0A !important;font-size:11px !important;letter-spacing:.18em !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:first-child > span:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){color:rgba(255,255,255,.72) !important;font-size:11.5px !important;letter-spacing:.06em !important;text-transform:uppercase !important;text-align:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child h2:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){font-size:28px !important;line-height:1.1 !important;letter-spacing:-.02em !important;color:#FFFFFF !important;max-inline-size:320px !important;text-wrap:balance !important;margin:0 !important;text-align:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child p:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){color:rgba(255,255,255,.78) !important;max-inline-size:330px !important;margin:0 !important;text-align:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(2) > p:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){font-size:14px !important;line-height:1.6 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(2) > div:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:12px 8px !important;inline-size:100% !important;padding:16px 0 0 !important;border-top:1px solid rgba(255,255,255,.14) !important;justify-items:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(2) > div > div:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){align-items:center !important;text-align:center !important;gap:4px !important;min-inline-size:0 !important;inline-size:100% !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(2) > div > div > *:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){color:#FFFFFF !important;text-align:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(2) > div > div > :first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){color:#F2C230 !important;font-size:20px !important;font-weight:700 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(2) > div > div > :last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){color:rgba(255,255,255,.66) !important;font-size:10.5px !important;letter-spacing:.08em !important;text-transform:uppercase !important;line-height:1.3 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){gap:18px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3) > div:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){gap:10px !important;inline-size:100% !important;align-items:stretch !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3) > div:first-child > p:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){color:#F2C230 !important;font-size:10px !important;letter-spacing:.2em !important;max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3) > div:first-child > div:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:grid !important;grid-template-columns:24px minmax(0,1fr) !important;gap:10px !important;align-items:start !important;text-align:left !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.10) !important;padding:12px !important;max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3) > div:first-child > div > *:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){color:#FFFFFF !important;text-align:left !important;max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3) > div:first-child > div > :first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){color:#0A0A0A !important;background:#F2C230 !important;inline-size:24px !important;block-size:24px !important;border-radius:0 !important;display:grid !important;place-items:center !important;font-size:11px !important;font-weight:700 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3) > div:first-child > div > :last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){color:rgba(255,255,255,.84) !important;font-size:13px !important;line-height:1.5 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3) > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){align-self:center !important;inline-size:100% !important;max-inline-size:343px !important;min-block-size:52px !important;border-radius:0 !important;border:0 !important;background:#F2C230 !important;color:#0A0A0A !important;font-size:12.5px !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;justify-content:center !important;padding:0 24px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3) > p:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){color:rgba(255,255,255,.62) !important;font-size:11.5px !important}
/* 03/10ah · Catálogo atacado · paginação ‹ 1 2 3 4 5 › em UMA linha (botões de 36px, gap 6) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-cat-pag]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){flex-wrap:nowrap !important;gap:6px !important;padding:0 !important;inline-size:100% !important;justify-content:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-cat-pag] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){min-inline-size:36px !important;inline-size:36px !important;block-size:36px !important;min-block-size:36px !important;padding:0 !important;flex:0 0 36px !important;display:grid !important;place-items:center !important;font-size:13px !important}
/* 03/10ai · Catálogo atacado · ficha do cartão em UMA linha por campo (o span interno do hole quebrava em 2 e desalinhava as alturas entre produtos) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] article [data-om-grid] > span > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:block !important;inline-size:100% !important;min-inline-size:0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
/* 03/10aj · Catálogo atacado · aviso "O catálogo lista apenas peça lisa…" + "Ler mais" removidos no telefone */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-cat-intro]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-cat-intro] + button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:none !important}
/* 03/10ak · Banner Studio · os 3 passos de "Como funciona" em UMA linha cada (11.5px, calha interna 10, numeração 22px) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3) > div:first-child > div:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){grid-template-columns:22px minmax(0,1fr) !important;gap:8px !important;padding:10px !important;align-items:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3) > div:first-child > div > :first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){inline-size:22px !important;block-size:22px !important;font-size:10.5px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3) > div:first-child > div > :last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){font-size:11.5px !important;line-height:1.35 !important;letter-spacing:-.005em !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;min-inline-size:0 !important;display:block !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3) > div:first-child > div > :last-child > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:inline !important;white-space:nowrap !important;font-size:inherit !important}
/* 03/10al · Paginação minimalista: setas em pílula de vidro (40px), páginas viram traços de 18×2 em linha; a atual é um traço de 28px em tinta e mostra o número acima. Lê-se como um indicador, não como uma fileira de botões */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-cat-pag]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;padding:0 !important;margin-top:28px !important;inline-size:100% !important;position:relative !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-cat-pag] > button:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-cat-pag] > button:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){flex:0 0 40px !important;inline-size:40px !important;block-size:40px !important;min-inline-size:40px !important;min-block-size:40px !important;border-radius:999px !important;border:1px solid rgba(11,11,10,.10) !important;background:rgba(255,255,255,.72) !important;backdrop-filter:blur(24px) saturate(1.4) !important;-webkit-backdrop-filter:blur(24px) saturate(1.4) !important;color:#0B0B0A !important;font-size:18px !important;line-height:1 !important;display:grid !important;place-items:center !important;padding:0 0 2px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-cat-pag] > button:first-child[disabled]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-cat-pag] > button:last-child[disabled]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){opacity:.28 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-cat-pag] > button[data-pag-on]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){flex:0 1 18px !important;inline-size:18px !important;max-inline-size:28px !important;min-inline-size:0 !important;block-size:24px !important;min-block-size:24px !important;padding:0 !important;margin:0 3px !important;border:0 !important;border-radius:0 !important;background:none !important;color:transparent !important;font-size:0 !important;position:relative !important;overflow:visible !important;display:block !important;transition:flex-basis .28s cubic-bezier(.22,.61,.21,1) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-cat-pag] > button[data-pag-on]::before{content:"";position:absolute;left:0;right:0;top:11px;height:2px;border-radius:2px;background:rgba(11,11,10,.16)}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-cat-pag] > button[data-pag-on="1"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){flex-basis:28px !important;inline-size:28px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-cat-pag] > button[data-pag-on="1"]::before{background:#0B0B0A}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-cat-pag] > button[data-pag-on="1"]::after{content:attr(aria-label);position:absolute;left:50%;top:-14px;translate:-50% 0;font-size:11px;line-height:1;letter-spacing:.06em;color:#0B0B0A;font-weight:600;font-family:inherit}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] [data-cat-pag] > button[data-pag-on]::after{pointer-events:none}
/* 03/10am · Banner LUNFE STUDIO reconstruído na linguagem do próprio Studio (DESIGN.md · liquid-glass): fundo cinza-estúdio #F1F1EF com o lavado céu #82ADD4 + lime #DDFD2C cobrindo o bloco inteiro, superfícies internas em vidro claro (branco 72% · blur 24 · borda branca 55%), raio de cartão 26, ações em pílula 999, tinta #0B0B0A, números em Archivo 700 tracking −.02em; substitui o preto/amarelo do Outlet */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){box-sizing:border-box !important;inline-size:100% !important;max-inline-size:100% !important;margin:40px 0 0 !important;padding:24px 16px 28px !important;border-radius:26px !important;border:1px solid rgba(11,11,10,.06) !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:22px !important;text-align:center !important;color:#0B0B0A !important;background:radial-gradient(90% 52% at 8% 4%,rgba(130,173,212,.42),transparent 70%),radial-gradient(80% 48% at 96% 22%,rgba(221,253,44,.40),transparent 72%),radial-gradient(90% 46% at 6% 60%,rgba(221,253,44,.22),transparent 70%),radial-gradient(96% 54% at 92% 96%,rgba(130,173,212,.36),transparent 70%),#F1F1EF !important;background-repeat:no-repeat !important;overflow:hidden !important;box-shadow:0 24px 60px -24px rgba(11,11,10,.18) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){inline-size:100% !important;max-inline-size:100% !important;min-inline-size:0 !important;margin:0 !important;padding:0 !important;border:0 !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:14px !important;text-align:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){gap:10px !important;justify-content:center !important;flex-wrap:wrap !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:first-child > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){background:rgba(255,255,255,.72) !important;border:1px solid rgba(255,255,255,.55) !important;backdrop-filter:blur(24px) saturate(1.4) !important;-webkit-backdrop-filter:blur(24px) saturate(1.4) !important;border-radius:999px !important;padding:8px 14px !important;gap:8px !important;box-shadow:0 10px 30px -18px rgba(11,11,10,.20) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:first-child > span:first-child > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){background:#DDFD2C !important;inline-size:8px !important;block-size:8px !important;border-radius:50% !important;box-shadow:0 0 0 3px rgba(221,253,44,.35) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:first-child > span:first-child > span:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){color:#0B0B0A !important;font-size:11.5px !important;letter-spacing:.2em !important;font-weight:700 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:first-child > span:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){color:#5F5F5B !important;font-size:11.5px !important;letter-spacing:.04em !important;text-transform:uppercase !important;text-align:center !important;background:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child h2:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){font-family:'Archivo','Lunfe fallback Archivo',system-ui,sans-serif !important;font-size:30px !important;line-height:1.06 !important;letter-spacing:-.02em !important;font-weight:700 !important;color:#0B0B0A !important;max-inline-size:320px !important;text-wrap:balance !important;margin:0 !important;text-align:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child p:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){color:#5F5F5B !important;max-inline-size:330px !important;margin:0 !important;text-align:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(2) > p:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){font-size:14px !important;line-height:1.6 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(2) > div:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important;inline-size:100% !important;padding:0 !important;border:0 !important;justify-items:stretch !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(2) > div > div:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){align-items:center !important;text-align:center !important;gap:4px !important;min-inline-size:0 !important;inline-size:100% !important;padding:14px 8px !important;border-radius:20px !important;background:rgba(255,255,255,.72) !important;border:1px solid rgba(255,255,255,.55) !important;backdrop-filter:blur(24px) saturate(1.4) !important;-webkit-backdrop-filter:blur(24px) saturate(1.4) !important;box-shadow:0 10px 30px -18px rgba(11,11,10,.20) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(2) > div > div > *:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){text-align:center !important;background:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(2) > div > div > :first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){font-family:'Archivo','Lunfe fallback Archivo',system-ui,sans-serif !important;color:#0B0B0A !important;font-size:19px !important;font-weight:700 !important;letter-spacing:-.02em !important;line-height:1.1 !important;font-variant-numeric:tabular-nums !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(2) > div > div > :last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){color:#5F5F5B !important;font-size:10px !important;letter-spacing:.08em !important;text-transform:uppercase !important;line-height:1.3 !important;font-weight:500 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){gap:18px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3) > div:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){gap:8px !important;inline-size:100% !important;align-items:stretch !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3) > div:first-child > p:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){color:#5F5F5B !important;font-size:10.5px !important;letter-spacing:.2em !important;font-weight:500 !important;max-inline-size:none !important;margin-bottom:2px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3) > div:first-child > div:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:grid !important;grid-template-columns:24px minmax(0,1fr) !important;gap:10px !important;align-items:center !important;text-align:left !important;background:rgba(255,255,255,.72) !important;border:1px solid rgba(255,255,255,.55) !important;backdrop-filter:blur(24px) saturate(1.4) !important;-webkit-backdrop-filter:blur(24px) saturate(1.4) !important;border-radius:999px !important;padding:9px 14px 9px 9px !important;max-inline-size:none !important;box-shadow:0 10px 30px -18px rgba(11,11,10,.20) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3) > div:first-child > div > *:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){text-align:left !important;max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3) > div:first-child > div > :first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){color:#0B0B0A !important;background:#DDFD2C !important;inline-size:24px !important;block-size:24px !important;border-radius:50% !important;display:grid !important;place-items:center !important;font-size:10.5px !important;font-weight:700 !important;letter-spacing:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3) > div:first-child > div > :last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){color:#0B0B0A !important;font-size:11.5px !important;line-height:1.35 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;min-inline-size:0 !important;display:block !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3) > div:first-child > div > :last-child > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:inline !important;white-space:nowrap !important;font-size:inherit !important;font-weight:600 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3) > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){align-self:center !important;inline-size:100% !important;max-inline-size:343px !important;min-block-size:52px !important;border-radius:999px !important;border:0 !important;background:#0B0B0A !important;color:#FFFFFF !important;font-size:14px !important;font-weight:600 !important;letter-spacing:0 !important;text-transform:none !important;justify-content:center !important;padding:0 24px !important;box-shadow:0 24px 60px -24px rgba(11,11,10,.28) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Catálogo atacado"] > div:last-child > div:nth-child(3) > p:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){color:#5F5F5B !important;font-size:11.5px !important}
/* 03/10ad · Grade B2B · os 4 botões de ação no MESMO tamanho: 48px, 12px, ícone 18, gap 8, 1 linha */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed].scps:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){box-sizing:border-box !important;block-size:48px !important;min-block-size:48px !important;max-block-size:48px !important;padding:0 10px !important;display:inline-flex !important;align-items:center !important;justify-content:flex-start !important;gap:8px !important;font-size:12px !important;line-height:1.2 !important;letter-spacing:.02em !important;font-weight:500 !important;white-space:nowrap !important;overflow:hidden !important;min-inline-size:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed].scps > svg:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){inline-size:18px !important;block-size:18px !important;flex:0 0 18px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed].scps > span:not(:first-child):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:block !important;inline-size:auto !important;min-inline-size:0 !important;font-size:12px !important;line-height:1.2 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}
/* 03/10ae · Grade B2B · cabeçalho "REVERSÃO DE RISCO ›" do acordeão da conta sai; os 2 botões da conta no mesmo tamanho, empilhados e centrados */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] button[data-ed-head][aria-controls="at-ed-conta"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] #at-ed-conta [data-conta-acoes]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:10px !important;inline-size:100% !important;max-inline-size:none !important;margin-inline:auto !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] #at-ed-conta [data-conta-acoes] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){box-sizing:border-box !important;inline-size:100% !important;max-inline-size:343px !important;min-inline-size:0 !important;block-size:48px !important;min-block-size:48px !important;padding:0 24px !important;font-size:14.5px !important;font-weight:600 !important;line-height:1 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;text-align:center !important;white-space:nowrap !important;margin:0 !important}
/* 03/10an · Grade B2B · a fileira dos 4 botões de ação ganha 28px de respiro depois da dica "‹ arraste para ver mais ›" (eram 12) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed].scps:nth-of-type(1):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed].scps:nth-of-type(2):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){margin-top:28px !important}
/* 03/10ao · Grade B2B · os 4 botões de ação viram TRILHO de 1 linha com rolagem (sangria pela calha de 16), sem moldura: texto 12px + ícone 18, separados por 22px; o 03/10ad/an (grade 2×2 com borda) é substituído */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:flex !important;flex-wrap:nowrap !important;align-items:center !important;gap:22px !important;order:0 !important;margin:28px calc(var(--page-pad,16px) * -1) 0 !important;padding:0 var(--page-pad,16px) !important;inline-size:calc(100% + var(--page-pad,16px) * 2) !important;max-inline-size:none !important;overflow-x:auto !important;overflow-y:hidden !important;scroll-snap-type:none !important;scroll-padding-inline:var(--page-pad,16px) !important;scrollbar-width:none !important;-webkit-overflow-scrolling:touch !important;box-sizing:border-box !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes]::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes] > [data-ed].scps:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){flex:0 0 auto !important;inline-size:auto !important;max-inline-size:none !important;min-inline-size:0 !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:none !important;block-size:44px !important;min-block-size:44px !important;max-block-size:44px !important;scroll-snap-align:none !important;overflow:visible !important;color:#0B0B0A !important;white-space:nowrap !important;width:auto !important;flex-basis:auto !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes] > [data-ed].scps > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:inline !important;inline-size:auto !important;width:auto !important;min-inline-size:0 !important;flex:0 0 auto !important;white-space:nowrap !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes] > [data-ed].scps:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){padding-inline-end:var(--page-pad,16px) !important}
/* 03/10ap · Grade B2B · trilho de ações: ícone sempre à FRENTE do texto (WhatsApp/Trocas vinham em coluna de uma regra antiga) e o ::after "Detalhes do produto" de 12/09 sai — o rótulo aparecia 2× */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes] > [data-ed].scps:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){flex-direction:row !important;justify-content:flex-start !important;align-items:center !important;gap:8px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes] > [data-ed].scps::after,html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes] > [data-ed].scps::before{content:none !important;display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes] > [data-ed].scps > svg:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){order:-1 !important;position:static !important;inline-size:18px !important;block-size:18px !important;flex:0 0 18px !important;margin:0 !important}
/* 03/10aq · Grade B2B · o cartão "SUA MARGEM, NO SEU CUSTO" sobe para logo abaixo do trilho de ações (mesmo order 0 do trilho; a seção é flex-column achatada por display:contents, então o DOM decide o empate e o cartão vem depois) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-marg-card]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){order:0 !important;margin-top:24px !important;inline-size:100% !important;max-inline-size:none !important;box-sizing:border-box !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-marg-card] > button[data-ed-head]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-marg-card] > [data-ed-body]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:block !important}
/* 03/10ar · Grade B2B · cartão "Sua margem" IMEDIATAMENTE abaixo do trilho Vídeos · Tabela de medidas: a coluna [data-om-col] é achatada; trilho e cartão em order −1 (depois da galeria, antes de REVERSÃO DE RISCO) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){display:contents !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col] > [data-ficha-artigo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){order:0 !important;inline-size:100% !important;max-inline-size:none !important;margin-top:20px !important;box-sizing:border-box !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col] > div:not([data-ficha-artigo]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){order:2 !important;inline-size:100% !important;max-inline-size:none !important;box-sizing:border-box !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){order:-1 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-marg-card]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){order:-1 !important;margin-top:24px !important}
/* 03/10as · Grade B2B · cartão "Sua margem, no seu custo" removido no telefone, a pedido */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-marg-card]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){display:none !important}
/* 03/10at · Grade B2B · título (nome da peça + preço da faixa) sobe para logo abaixo das miniaturas, antes do trilho de ações (order −1 com margem; o pai está achatado por display:contents) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-titulo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){order:-1 !important;margin-top:20px !important;inline-size:100% !important;max-inline-size:none !important;box-sizing:border-box !important;display:flex !important;flex-direction:column !important;gap:6px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){margin-top:20px !important}
/* 03/10as · Grade B2B · bloco "ACESSO RESTRITO A CNPJ APROVADO" logo abaixo do título da peça (mesmo order −1 do [data-grade-titulo]; vem depois no DOM) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-acesso]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){order:-1 !important;margin-top:16px !important;border-top:0 !important;padding-top:0 !important;inline-size:100% !important;max-inline-size:none !important;box-sizing:border-box !important}
/* 03/10at · Grade B2B · ordem do topo: título → Acesso restrito → pílulas (Giro · Base de estampa · Alta rotatividade) → cartão Prazo e faturamento. Pílulas e Prazo em order 0 (depois do bloco −1, antes de tudo que é ≥3) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-pilulas]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){order:0 !important;margin-top:18px !important;inline-size:100% !important;max-inline-size:none !important;box-sizing:border-box !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-prazo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){order:0 !important;margin-top:14px !important;inline-size:100% !important;max-inline-size:none !important;box-sizing:border-box !important}
/* 03/10au · Grade B2B · "Resumo do produto" sobe para logo ACIMA da Ficha do artigo. Escada de order no topo: título/acesso −2 · pílulas/prazo/reversão −1 · resumo/ficha 0 (o DOM decide os empates) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-titulo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-acesso]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){order:-2 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-pilulas]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-prazo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] #at-ed-conta:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){order:-1 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-resumo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){order:0 !important;margin-top:20px !important;inline-size:100% !important;max-inline-size:none !important;box-sizing:border-box !important}
/* 03/10aw · Grade B2B · Prazo · Resumo · Ficha de borda a borda (390) com calha interna 16, cantos retos (tinham margin −16 e largura 358: 32px vazios à direita); REVERSÃO DE RISCO sai; 4 botões de ação em grade 2×2 sem moldura, todos visíveis */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-prazo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-resumo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ficha-artigo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tudo-sobre]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){box-sizing:border-box !important;margin-inline:calc(var(--page-pad,16px) * -1) !important;inline-size:calc(100% + var(--page-pad,16px) * 2) !important;width:calc(100% + var(--page-pad,16px) * 2) !important;max-inline-size:none !important;min-inline-size:0 !important;padding-inline:var(--page-pad,16px) !important;border-radius:0 !important;align-self:auto !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] #at-ed-conta:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] button[data-ed-head][aria-controls="at-ed-conta"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px 16px !important;overflow:visible !important;margin:28px 0 0 !important;padding:0 !important;inline-size:100% !important;max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes] > [data-ed].scps:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){inline-size:100% !important;width:100% !important;max-inline-size:none !important;min-inline-size:0 !important;padding:0 !important;justify-content:flex-start !important;overflow:hidden !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes] > [data-ed].scps > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){display:block !important;min-inline-size:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}
/* 03/10ax · Grade B2B · "Tudo sobre …" sobe para logo ACIMA do Resumo do produto (order 0, vem antes do Resumo? não — vem depois no DOM; por isso Resumo e Ficha descem para order 1) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-resumo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ficha-artigo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){order:1 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tudo-sobre]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){order:0 !important;margin-top:24px !important;inline-size:100% !important;max-inline-size:none !important;box-sizing:border-box !important}
/* 03/10ay · Grade B2B · o título ("Camiseta Básica Premium 30.1 180g") tem de vir ANTES do Acesso restrito: o 03/10au deu −2 aos dois, mas uma regra mais específica segurava o título em −1 e o Acesso pulou para o topo. Título em −3 com especificidade extra. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-buystack] [data-grade-titulo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j){order:-3 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-buystack] [data-grade-acesso]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j){order:-2 !important;margin-top:16px !important}
/* 03/10az · Grade B2B · ordem final do topo: galeria (foto + miniaturas + dica) → 1º título → 2º Acesso restrito → ações → pílulas → prazo → Tudo sobre → Resumo → Ficha. Galeria/título/acesso em −1 (DOM: galeria antes do buystack) · ações/pílulas/prazo em 0 · Tudo sobre 0 (depois no DOM) · Resumo/Ficha 1 */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-buystack] [data-grade-titulo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k){order:-1 !important;margin-top:22px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-buystack] [data-grade-acesso]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k){order:-1 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-pilulas]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-prazo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k){order:0 !important}
/* 03/10ba · Grade B2B (cliente logado) · o bloco de COMPRA — Tabela de preço por volume · trilho de faixas · Montar a grade · Total/Faltam/CTA · Frete e prazo · Parcelado · Preço por faixa (orders 4·5·6 da reorganização de 12/09) — tem de vir LOGO ABAIXO do título + preço. Em vez de mexer em cada um, o restante desce +10: ações/pílulas/prazo/Tudo sobre → 10, Resumo/Ficha → 11, Comparação/Autoridade/Ancoragem → 12 */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-pilulas]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-prazo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tudo-sobre]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){order:10 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-resumo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l),html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ficha-artigo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){order:11 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-om-col] > div:not([data-ficha-artigo]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){order:12 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){margin-top:32px !important}
/* 03/10bb · Grade B2B · "Tudo sobre" de borda a borda (o 03/10ax com `>` ganhava do 03/10aw e segurava inline-size:100%) + todo o texto centrado; botão "Ler a ficha" centrado */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tudo-sobre]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m){box-sizing:border-box !important;margin-inline:calc(var(--page-pad,16px) * -1) !important;inline-size:calc(100% + var(--page-pad,16px) * 2) !important;width:calc(100% + var(--page-pad,16px) * 2) !important;max-inline-size:none !important;padding-inline:var(--page-pad,16px) !important;border-radius:0 !important;text-align:center !important;display:flex !important;flex-direction:column !important;align-items:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tudo-sobre] > *:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m){inline-size:100% !important;max-inline-size:none !important;text-align:center !important;margin-inline:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tudo-sobre] h2:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m){text-wrap:balance !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tudo-sobre] > div :is(h3,h4,p,li):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m){text-align:center !important;max-inline-size:none !important;margin-inline:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] > [data-tudo-sobre] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m){inline-size:auto !important;align-self:center !important;margin-inline:auto !important}
/* 03/10bc · Grade B2B · trilho das faixas de preço: a 1ª pílula ("20+ UN.") encostava na borda esquerda — o trilho ganha calha interna de 16 nas duas pontas (sangria pelo gutter) e deixa de abrir pré-rolado pelo snap */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tier-rail]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m){box-sizing:border-box !important;margin-inline:calc(var(--page-pad,16px) * -1) !important;inline-size:calc(100% + var(--page-pad,16px) * 2) !important;max-inline-size:none !important;padding-inline:var(--page-pad,16px) !important;scroll-padding-inline:var(--page-pad,16px) !important;scroll-snap-type:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tier-rail] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m){scroll-snap-align:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-tier-rail] > button:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m){margin-inline-end:var(--page-pad,16px) !important}
/* 03/10bd · Grade B2B · célula de quantidade: o campo mostra SÓ o número (sem as setinhas nativas do type=number) e os botões − / + ficam com o glifo centrado em 44×34 */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] input[data-qty]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m){-moz-appearance:textfield !important;appearance:textfield !important;text-align:center !important;padding:0 !important;font-variant-numeric:tabular-nums !important;line-height:34px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] input[data-qty]::-webkit-outer-spin-button,html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] input[data-qty]::-webkit-inner-spin-button{-webkit-appearance:none !important;appearance:none !important;margin:0 !important;display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] button[data-qty-btn]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m){display:grid !important;place-items:center !important;inline-size:44px !important;block-size:34px !important;min-inline-size:44px !important;min-block-size:34px !important;padding:0 !important;line-height:1 !important;font-size:18px !important;text-align:center !important}
/* 03/10be · Grade B2B · − / + da célula de quantidade: uma lei genérica dos botões "background:none" sem filhos põe justify-content:flex-start e text-align:left — em grid isso cola o glifo na borda esquerda. Centro real nos dois eixos. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] button[data-qty-btn][data-qty-btn]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n){display:grid !important;place-items:center !important;place-content:center !important;justify-content:center !important;justify-items:center !important;align-content:center !important;text-align:center !important;padding:0 !important;text-indent:0 !important;inline-size:44px !important;block-size:34px !important}
/* 03/10bf · Grade B2B · com os rótulos curtos (Vídeos · Tabela de medidas · WhatsApp · Trocas & Devoluções) os 4 botões cabem numa LINHA só: trilho flex sem quebra, distribuído na calha, sem rolagem */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n){display:flex !important;flex-wrap:nowrap !important;justify-content:space-between !important;align-items:center !important;gap:12px !important;overflow:visible !important;grid-template-columns:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes] > [data-ed].scps:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n){flex:0 1 auto !important;inline-size:auto !important;width:auto !important;min-inline-size:0 !important;gap:6px !important;font-size:11.5px !important;letter-spacing:0 !important;overflow:visible !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes] > [data-ed].scps > svg:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n){inline-size:16px !important;block-size:16px !important;flex:0 0 16px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes] > [data-ed].scps > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n){display:inline !important;overflow:visible !important;text-overflow:clip !important;white-space:nowrap !important;inline-size:auto !important}
/* 03/10bg · Grade B2B · os 4 botões em 1 linha com RESPIRO (gap 24) e trilho de rolagem lateral (sangria pela calha de 16, barra oculta, sem snap que pré-role); substitui o space-between apertado do 03/10bf */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o){display:flex !important;flex-wrap:nowrap !important;justify-content:flex-start !important;align-items:center !important;gap:24px !important;box-sizing:border-box !important;margin-inline:calc(var(--page-pad,16px) * -1) !important;inline-size:calc(100% + var(--page-pad,16px) * 2) !important;max-inline-size:none !important;padding-inline:var(--page-pad,16px) !important;overflow-x:auto !important;overflow-y:hidden !important;scroll-snap-type:none !important;scroll-padding-inline:var(--page-pad,16px) !important;scrollbar-width:none !important;-webkit-overflow-scrolling:touch !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes]::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes] > [data-ed].scps:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o){flex:0 0 auto !important;gap:8px !important;font-size:12px !important;scroll-snap-align:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes] > [data-ed].scps > svg:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o){inline-size:18px !important;block-size:18px !important;flex:0 0 18px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes] > [data-ed].scps:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o){margin-inline-end:var(--page-pad,16px) !important}
/* 03/10bh · Grade B2B · os 4 botões do trilho ganham moldura em pílula cinza clarinho (fundo #F1F1EF, filete rgba(11,11,10,.08), raio 999, 40px, calha 0 14px) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes] > [data-ed].scps:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p){background:#F1F1EF !important;border:1px solid rgba(11,11,10,.08) !important;border-radius:999px !important;padding:0 14px 0 12px !important;block-size:40px !important;min-block-size:40px !important;max-block-size:40px !important;color:#0B0B0A !important;box-shadow:none !important}


/* ── bloco <style> ── */

/* 04/10r · Grade B2B · SKU (canto esquerdo) e GTIN (canto direito) logo abaixo do título, pequenos e discretos, sem negrito.
   Números vêm da camada (codigosProduto · GS1); sem prefixo GS1, "GTIN a confirmar". Rollback = apagar este bloco + [data-grade-codigos]. */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-codigos]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;justify-content:space-between !important;align-items:baseline !important;gap:12px !important;inline-size:100% !important;max-inline-size:none !important;margin:2px 0 0 !important;padding:0 !important;font-size:10.5px !important;line-height:1.3 !important;font-weight:400 !important;letter-spacing:.04em !important;color:#8A8A85 !important;text-transform:none !important;text-align:left !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-codigos] > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:inline !important;flex:0 1 auto !important;min-inline-size:0 !important;font-size:inherit !important;line-height:inherit !important;font-weight:400 !important;letter-spacing:inherit !important;color:inherit !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;padding:0 !important;margin:0 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-codigos] > [data-grade-gtin]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){text-align:right !important}


/* ── bloco <style> ── */

/* 04/10o · Menu do telefone sem trilho interno: a lista "Seções do atacado" fica TODA visível e o menu inteiro rola como uma página,
   igual às demais lojas (substitui, no telefone, o 10/09 "painel fixo, só a lista rola"). Rollback = apagar este bloco. */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){overflow-x:hidden !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] > [data-menu-panel]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){height:auto !important;block-size:auto !important;min-height:100dvh !important;min-block-size:100dvh !important;max-height:none !important;max-block-size:none !important;overflow:visible !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-screen-label="Menu overlay"][data-menu-v2] [data-menu-list]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){flex:0 0 auto !important;min-height:0 !important;min-block-size:0 !important;max-height:none !important;max-block-size:none !important;overflow:visible !important}
/* 04/10m · SHOWROOM NO MENU DO TELEFONE · o mesmo botão do Studio (04/10l), idêntico nas 5 lojas: padrão Master Shell · Liquid Glass
   (DESIGN.md) + página do showroom (V2) — foto sr-hero de borda a borda, selo "Itajaí · SC" em vidro claro, pílula em vidro escuro
   "Showroom de fábrica · Visita com hora marcada" com ↗ em disco papel. A linha antiga ([data-sr-old="1"]) sai só no telefone;
   desktop intacto. Rollback = apagar este bloco + o nó [data-menu-sr]. */
  html[data-lunfe-mob] [data-sc-name] [data-sr-old="1"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){display:none !important}
  html[data-lunfe-mob] [data-sc-name] [data-menu-sr]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:block !important;margin:12px calc(50% - 50vw) 0 !important;inline-size:100vw !important;max-inline-size:none !important;padding:0 !important;box-sizing:border-box !important}
  html[data-lunfe-mob] [data-sc-name] [data-menu-sr-btn]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){position:relative !important;display:block !important;inline-size:100% !important;max-inline-size:none !important;min-inline-size:0 !important;min-width:0 !important;min-block-size:0 !important;block-size:auto !important;aspect-ratio:16/9 !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:0 !important;overflow:hidden !important;background:#D9D9D4 !important;box-shadow:none !important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;text-align:left !important;cursor:pointer !important;-webkit-tap-highlight-color:transparent}
  html[data-lunfe-mob] [data-sc-name] [data-menu-sr-img]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){position:absolute !important;inset:0 !important;inline-size:100% !important;block-size:100% !important;max-inline-size:none !important;object-fit:cover !important;object-position:center 64% !important;display:block !important;transition:transform .42s cubic-bezier(.22,.61,.21,1) !important}
  html[data-lunfe-mob] [data-sc-name] [data-menu-sr-veu]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){position:absolute !important;inset:0 !important;background:linear-gradient(180deg,rgba(11,11,10,0) 40%,rgba(11,11,10,.36) 100%) !important;pointer-events:none !important}
  html[data-lunfe-mob] [data-sc-name] [data-menu-sr-chip]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){position:absolute !important;left:16px !important;top:16px !important;display:inline-flex !important;align-items:center !important;gap:8px !important;inline-size:auto !important;max-inline-size:none !important;min-block-size:0 !important;min-inline-size:0 !important;padding:7px 12px 7px 10px !important;margin:0 !important;border-radius:999px !important;background:rgba(255,255,255,.72) !important;border:1px solid rgba(255,255,255,.55) !important;-webkit-backdrop-filter:blur(24px) saturate(1.4) !important;backdrop-filter:blur(24px) saturate(1.4) !important;box-shadow:0 10px 30px -18px rgba(11,11,10,.2) !important;color:#20211F !important;font-family:inherit !important;font-size:10.5px !important;font-weight:500 !important;letter-spacing:.15em !important;line-height:1.2 !important;text-transform:uppercase !important;white-space:nowrap !important}
  html[data-lunfe-mob] [data-sc-name] [data-menu-sr-ponto]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){inline-size:6px !important;block-size:6px !important;min-inline-size:0 !important;min-width:0 !important;border-radius:50% !important;background:#DDFD2C !important;box-shadow:0 0 0 1px #20211F !important;flex:none !important}
  html[data-lunfe-mob] [data-sc-name] [data-menu-sr-pill]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){position:absolute !important;left:16px !important;right:16px !important;bottom:16px !important;inline-size:auto !important;max-inline-size:none !important;display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:space-between !important;gap:14px !important;min-block-size:62px !important;padding:8px 8px 8px 22px !important;margin:0 !important;border-radius:999px !important;background:rgba(16,16,15,.38) !important;border:1px solid rgba(255,255,255,.16) !important;-webkit-backdrop-filter:blur(18px) saturate(1.2) !important;backdrop-filter:blur(18px) saturate(1.2) !important;color:#fff !important;box-sizing:border-box !important}
  html[data-lunfe-mob] [data-sc-name] [data-menu-sr-txt]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:flex !important;flex-direction:column !important;gap:3px !important;min-inline-size:0 !important;inline-size:auto !important;max-inline-size:none !important;padding:0 !important;margin:0 !important;text-align:left !important}
  html[data-lunfe-mob] [data-sc-name] [data-menu-sr-tit]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:block !important;font-family:inherit !important;font-size:19px !important;line-height:1.15 !important;font-weight:500 !important;letter-spacing:-.035em !important;color:#fff !important;text-transform:none !important;white-space:nowrap !important;text-align:left !important}
  html[data-lunfe-mob] [data-sc-name] [data-menu-sr-sub]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:block !important;font-family:inherit !important;font-size:12px !important;line-height:1.3 !important;font-weight:400 !important;letter-spacing:.01em !important;color:#fff !important;text-transform:none !important;white-space:normal !important;flex:none !important;text-align:left !important}
  html[data-lunfe-mob] [data-sc-name] [data-menu-sr-seta]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){flex:none !important;inline-size:44px !important;block-size:44px !important;min-inline-size:44px !important;max-inline-size:44px !important;min-block-size:44px !important;border-radius:50% !important;background:#F8F8F5 !important;color:#20211F !important;display:grid !important;place-items:center !important;font-family:inherit !important;font-size:19px !important;line-height:1 !important;letter-spacing:0 !important;padding:0 !important;margin:0 !important;text-align:center !important;transition:transform .2s cubic-bezier(.22,.61,.21,1) !important}
  html[data-lunfe-mob] [data-sc-name] [data-menu-sr-btn]:hover [data-menu-sr-img]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){transform:scale(1.02) !important}
  html[data-lunfe-mob] [data-sc-name] [data-menu-sr-btn]:hover [data-menu-sr-seta]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){transform:translate(2px,-2px) !important}
  html[data-lunfe-mob] [data-sc-name] [data-menu-sr-btn]:hover:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){background:#D9D9D4 !important;box-shadow:none !important;color:#fff !important}
  html[data-lunfe-mob] [data-sc-name] [data-menu-sr-btn]:focus-visible:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){outline:2px solid #0B0B0A !important;outline-offset:-2px !important}
  @media (prefers-reduced-motion:reduce){ html[data-lunfe-mob] [data-sc-name] [data-menu-sr-btn] *:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){transition:none !important;transform:none !important} }
  @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){ html[data-lunfe-mob] [data-sc-name] [data-menu-sr-chip]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){background:rgba(255,255,255,.94) !important} html[data-lunfe-mob] [data-sc-name] [data-menu-sr-pill]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){background:rgba(16,16,15,.88) !important} }


}

/* guarda das rodadas desktop 27/09 e 30/09 (compile-lojas): [data-dk27]/[data-dk30] nunca aparecem no telefone */
@media (max-width:430px){html[data-lunfe-mob] :is([data-dk27],[data-dk30]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:none !important}}
@media (max-width:430px){html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-studio-tecs][data-dk27]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:8px !important;margin-top:16px !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-premium-fecho][data-dk27]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:flex !important;flex-direction:column !important;gap:8px !important;margin-top:24px !important;padding-top:0 !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-premium-fecho][data-dk27] > p:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){font-size:clamp(28px,8.4vw,34px) !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-pl-passos][data-dk27]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:flex !important;flex-direction:column !important;margin:16px 0 8px !important;box-sizing:border-box !important;width:auto !important;inline-size:auto !important;max-width:100% !important;max-inline-size:100% !important;padding:0 !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-ficha-mais][data-dk27]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:10px !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-studio-passos][data-dk27] > *:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){border-left:none !important;border-right:none !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-studio-passos][data-dk27] > * + *:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){border-top:1px solid #E4E4DF !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-studio-passos][data-dk27]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:grid !important;grid-template-columns:minmax(0,1fr) !important;flex:1 1 auto !important;width:100% !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-eco-brand]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){font-family:'Urbanist','Lunfe fallback Urbanist',system-ui,sans-serif !important;font-weight:600 !important;letter-spacing:-.01em !important}}
@media (max-width:430px){html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){inset-inline:0 !important;left:0 !important;right:0 !important;margin-inline:0 !important;inline-size:100% !important;max-inline-size:100% !important}}
@media (max-width:430px){html[data-lunfe-mob] [data-sc-name] [data-screen-label="Ecosystem Bar"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){overflow-y:hidden !important;overscroll-behavior:contain !important;align-items:stretch !important}html[data-lunfe-mob] [data-sc-name] [data-screen-label="Ecosystem Bar"] > *:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){align-self:stretch !important;min-block-size:0 !important;max-block-size:100% !important;margin-block:0 !important}html[data-lunfe-mob] [data-sc-name] [data-screen-label="Ecosystem Bar"] > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){block-size:auto !important;align-items:stretch !important}html[data-lunfe-mob] [data-sc-name] [data-screen-label="Ecosystem Bar"] :is(button,a):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){min-block-size:0 !important;max-block-size:100% !important;block-size:auto !important;margin-block:0 !important}html[data-lunfe-mob] [data-sc-name] [data-ann-track]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){animation:none !important;will-change:transform}html[data-lunfe-mob] [data-sc-name] :is([data-screen-label="Menu overlay"],[data-screen-label="Mega-menu"],[data-screen-label="Busca"],[data-screen-label="Filtros"],[data-screen-label="Favoritos"],[data-screen-label="Outlet · Favoritos"],[data-screen-label="Varejo · Favoritos"],[data-screen-label="Sacola · Sidebar"],[data-screen-label="Sacola"],[data-screen-label="Carrinho"],[data-screen-label="Página institucional"],[data-screen-label="Central de Ajuda"],[data-screen-label="Atendimento"],[data-screen-label="Escolha rápida"],[data-screen-label="Vídeos"],[data-screen-label="Vídeos do produto"],[data-portal-sheet],[data-fav-panel]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){inset-inline:0 !important;left:0 !important;right:0 !important;max-width:none !important;max-inline-size:none !important;margin-inline:0 !important}html[data-lunfe-mob] [data-sc-name] [data-ck-pref]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){inset-inline:0 !important;max-inline-size:none !important}}
@media (max-width:430px){html[data-lunfe-mob] [data-sc-name] section[data-screen-label$="· Social"] > div:nth-of-type(2) > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:none !important}}
@media (max-width:430px){html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-card] [data-card-pe]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){align-items:center !important;row-gap:12px !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-card] [data-card-pe] > div:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){align-self:center !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-card] [data-card-pe] > button[title="Montar grade"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){align-self:center !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-card] [data-card-pe] > p:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){margin-block-start:0 !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-grade-resumo] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;inline-size:100% !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-grade-resumo] > button > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){flex:1 1 auto !important;min-inline-size:0 !important;inline-size:auto !important;width:auto !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-grade-resumo] > button > span:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){flex:0 0 auto !important;inline-size:auto !important;width:auto !important;max-inline-size:60% !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-grade-resumo] > button > span:last-child > span:not([data-resumo-sinal]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){inline-size:auto !important;width:auto !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-grade-resumo] > button > span:last-child > [data-resumo-sinal]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){flex:0 0 34px !important;inline-size:34px !important;width:34px !important;block-size:34px !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] [data-studio-cross] [data-studio-passos]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){background:transparent !important;background-color:transparent !important}}
@media (max-width:430px){html[data-lunfe-mob] body{font-family:'Outfit','Lunfe fallback Outfit',system-ui,sans-serif}}
@media (max-width:430px){html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){flex-direction:row !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-ed-acoes] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){align-self:auto !important;margin-top:0 !important;margin-bottom:0 !important;order:0 !important;flex-direction:row !important;inline-size:auto !important;width:auto !important;block-size:40px !important;min-block-size:40px !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-buystack] > div:first-child > div > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){inline-size:auto !important;width:auto !important;max-inline-size:100% !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-pilulas] > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){inline-size:auto !important;width:auto !important;flex:0 0 auto !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] section[data-screen-label="Grade B2B"] [data-grade-codigos] > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){inline-size:auto !important;width:auto !important}}
@media (max-width:430px){/* ajustes-0510 · GLIFOS · tools/celular-v2.mjs */html[data-lunfe-mob]{font-variant-emoji:text}html[data-lunfe-mob] [data-glifo]:not(.lf-arrow):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){font-size:0 !important;line-height:0 !important;-webkit-text-fill-color:transparent;align-content:center !important}html[data-lunfe-mob] [data-glifo]:not(.lf-arrow):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h)::before{content:"" !important;display:inline-block !important;vertical-align:middle;flex:none;background-color:currentColor !important;-webkit-text-fill-color:initial}html[data-lunfe-mob] [data-glifo="seta-ne"]:not(.lf-arrow):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h)::before{inline-size:calc(var(--glifo-fs,16px) * 0.95) !important;block-size:calc(var(--glifo-fs,16px) * 0.95) !important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6.5%2017.5%2017.5%206.5%22%2F%3E%3Cpath%20d%3D%22M8.5%206.5h9v9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6.5%2017.5%2017.5%206.5%22%2F%3E%3Cpath%20d%3D%22M8.5%206.5h9v9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat}html[data-lunfe-mob] [data-glifo="play"]:not(.lf-arrow):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h)::before{inline-size:calc(var(--glifo-fs,16px) * 0.9) !important;block-size:calc(var(--glifo-fs,16px) * 0.9) !important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7.5%204.8v14.4L19%2012z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7.5%204.8v14.4L19%2012z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}html[data-lunfe-mob] [data-glifo="setas-h"]:not(.lf-arrow):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h)::before{inline-size:calc(var(--glifo-fs,16px) * 1) !important;block-size:calc(var(--glifo-fs,16px) * 1) !important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3.5%2012h17%22%2F%3E%3Cpath%20d%3D%22M7%208.5%203.5%2012%207%2015.5%22%2F%3E%3Cpath%20d%3D%22M17%208.5l3.5%203.5-3.5%203.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3.5%2012h17%22%2F%3E%3Cpath%20d%3D%22M7%208.5%203.5%2012%207%2015.5%22%2F%3E%3Cpath%20d%3D%22M17%208.5l3.5%203.5-3.5%203.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat}html[data-lunfe-mob] [data-glifo="coracao"]:not(.lf-arrow):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h)::before{inline-size:calc(var(--glifo-fs,16px) * 0.95) !important;block-size:calc(var(--glifo-fs,16px) * 0.95) !important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2020.3%204.3%2012.9A4.9%204.9%200%200%201%2011.2%206l.8.8.8-.8a4.9%204.9%200%200%201%206.9%206.9z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2020.3%204.3%2012.9A4.9%204.9%200%200%201%2011.2%206l.8.8.8-.8a4.9%204.9%200%200%201%206.9%206.9z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}}
@media (max-width:430px){html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){position:fixed !important;inset:0 !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;inline-size:100% !important;max-inline-size:100% !important;block-size:auto !important;margin:0 !important;box-sizing:border-box !important;padding:calc(8px + env(safe-area-inset-top,0px)) 12px calc(10px + env(safe-area-inset-bottom,0px)) 12px !important;display:flex !important;flex-direction:column !important;align-items:stretch !important;justify-content:flex-end !important;gap:0 !important;z-index:var(--z-modal,1200) !important;pointer-events:none !important;transition:none !important}html[data-lunfe-mob][data-lh-vv] [data-support-widget]:has([data-sup-thread]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){top:var(--lh-vvt,0px) !important;bottom:auto !important;block-size:var(--lh-vvh,100dvh) !important;max-block-size:var(--lh-vvh,100dvh) !important}html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]) > div:has(> button):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:none !important}html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){inline-size:100% !important;max-inline-size:100% !important;width:100% !important;max-width:100% !important;block-size:100% !important;max-block-size:100% !important;min-block-size:0 !important;height:100% !important;display:flex !important;flex-direction:column !important;border-radius:20px !important;overflow:hidden !important;pointer-events:auto !important;box-sizing:border-box !important}html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] > div:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){flex:0 0 auto !important;padding:14px 18px !important}html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] [data-sup-thread]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){flex:1 1 auto !important;min-block-size:0 !important;block-size:auto !important;max-block-size:none !important;overflow-y:auto !important;padding:16px 16px !important;gap:12px !important}html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] [data-sup-thread] > div > :is(div,span):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){font-size:14px !important;line-height:1.5 !important;max-width:88% !important;padding:11px 14px !important;display:block !important}html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] [data-sup-thread] + div:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){flex:0 0 auto !important;block-size:56px !important;max-block-size:56px !important;padding:0 16px !important}html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] input:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){min-block-size:52px !important;block-size:52px !important;font-size:16px !important;padding-block:0 !important}html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] input + button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){inline-size:44px !important;block-size:44px !important;min-block-size:44px !important}html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] > div:has(> input):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){flex:0 0 auto !important;padding:8px 10px 8px 16px !important}html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] > div:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){flex:0 0 auto !important}html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] > div:last-child > :is(button,a):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){min-block-size:52px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;white-space:nowrap !important;padding:0 14px !important}html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] > div:last-child > :is(button,a) > svg:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){inline-size:16px !important;block-size:16px !important;flex:none !important}}
@media (max-width:430px){/* lojas-0510b · tools/lojas-0510b.mjs */html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] [data-sup-campo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){border:0 !important;outline:none !important;box-shadow:none !important;background:transparent !important;border-radius:0 !important;font-size:16px !important;line-height:1.45 !important;min-block-size:52px !important;min-height:52px !important;max-block-size:140px !important;max-height:140px !important;padding:14px 0 !important;resize:none !important;block-size:auto !important;height:auto !important;overflow-y:auto !important}html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] > div:has(> [data-sup-campo]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){flex:0 0 auto !important;align-items:flex-end !important;padding:6px 8px 6px 16px !important}html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] [data-sup-campo] + button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){inline-size:44px !important;block-size:44px !important;min-block-size:44px !important;margin-block-end:4px !important}html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] [data-sup-thread] + div:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){block-size:48px !important;max-block-size:48px !important;min-block-size:48px !important;align-items:center !important;gap:6px !important}html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] [data-sup-thread] + div > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){min-block-size:32px !important;min-height:32px !important;block-size:32px !important;height:32px !important;padding:0 12px !important;font-size:12.5px !important;line-height:1 !important;position:relative !important;display:inline-flex !important;align-items:center !important}html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] [data-sup-thread] + div > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h)::after{content:"";position:absolute;inset:-8px 0}html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] [data-sup-thread]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){overscroll-behavior:contain !important}html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] [data-foot-lojas]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){display:flex !important;flex-wrap:wrap !important;justify-content:flex-start !important;align-items:center !important;gap:4px 8px !important;grid-template-columns:none !important;inline-size:auto !important;width:auto !important}html[data-lunfe-mob] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] [data-foot-lojas] > :not(:first-child):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){flex:0 1 auto !important;inline-size:auto !important;width:auto !important;text-align:left !important;margin:0 !important}html[data-lunfe-mob][data-lh-compacto] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] > div:first-child > div > :not(:first-child):not([data-foot-lojas]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){display:none !important}html[data-lunfe-mob][data-lh-compacto] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] > div:first-child [data-foot-lojas]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){margin-top:4px !important}html[data-lunfe-mob][data-lh-compacto] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] > div:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){padding:10px 14px 10px 18px !important;align-items:center !important}html[data-lunfe-mob][data-lh-compacto] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] [data-sup-thread] + div:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h),html[data-lunfe-mob][data-lh-compacto] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] [data-sup-dica]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){display:none !important}html[data-lunfe-mob][data-lh-compacto] [data-support-widget]:has([data-sup-thread]) [data-screen-label="Atendimento"] [data-sup-campo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){max-block-size:100px !important;max-height:100px !important;padding:12px 0 !important;min-block-size:48px !important;min-height:48px !important}html[data-lh-aberto][data-lunfe-mob],html[data-lh-aberto][data-lunfe-mob] body{overflow:hidden !important;overscroll-behavior:none !important}}
/* GOAL pend0610 · R1b · sacola do telefone rola com o dedo e o Calcular cabe (tools/frete-pdp-0610.mjs) */
@media (max-width:430px){html[data-lunfe-mob] [data-sc-name] [data-cart-trilho]:not(#a):not(#b):not(#c):not(#d):not(#e){max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important}}

/* GOAL fecha-0710 · WV2 · itens do uiux-1006 ligados no telefone (tools/uiux1006/telefone.mjs) */
@media (max-width:430px){
html[data-lunfe-mob] [data-sc-name] [data-uix-ref]:not([data-uix-ref=""]):not([data-uix-ref="undefined"]){position:relative}
html[data-lunfe-mob] [data-sc-name] [data-uix-ref]:not([data-uix-ref=""]):not([data-uix-ref="undefined"])::after{content:attr(data-uix-ref);position:absolute;left:0;right:0;bottom:0;z-index:2;padding:2px 3px;background:rgba(20,20,20,.74);color:#fff;font-size:8.5px;line-height:1.2;letter-spacing:0;text-align:center;text-transform:none;font-weight:500;pointer-events:none;white-space:normal}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Atacado"] image-slot[id^="at-fav-"]:is([style*="display: none"],[style*="display:none"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:none !important}
html[data-lunfe-mob] [data-sc-name] [data-uix-exp]:not([data-uix-exp=""]):not([data-uix-exp="undefined"])::after{content:attr(data-uix-exp);display:block;margin-top:4px;font-size:12.5px;line-height:1.5;color:#6E6E68;font-weight:400;letter-spacing:normal;text-transform:none;max-width:70ch;white-space:normal}
html[data-lunfe-mob] [data-sc-name] [data-uix-nota]{display:none !important}
html[data-lunfe-mob] [data-sc-name] [data-uix-sem-medida="1"]{display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-uix-grade-proj]{margin-left:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-uix-grade-proj] > div{grid-template-columns:repeat(auto-fill,minmax(58px,1fr)) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-uix-grade-proj] > div > span:first-child{grid-column:1/-1}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-uix-grade-proj] input{-moz-appearance:textfield;appearance:textfield}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-uix-grade-proj] input::-webkit-inner-spin-button,html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-uix-grade-proj] input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-uix-grade-proj]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p){display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:14px !important;margin:14px 0 0 !important;padding:14px !important;border:1px solid rgba(16,36,58,.28) !important;border-radius:18px !important;background:rgba(255,255,255,.42) !important;color:#10243A !important;box-sizing:border-box !important;width:auto !important;max-width:100% !important;inline-size:auto !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-uix-grade-proj] > div:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p){display:grid !important;grid-template-columns:repeat(auto-fill,minmax(46px,1fr)) !important;gap:8px !important;align-items:end !important;width:auto !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-uix-grade-proj] > div > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p){grid-column:1/-1 !important;display:flex !important;align-items:center !important;gap:8px !important;font-size:14px !important;color:#10243A !important;width:auto !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-uix-grade-proj] > div > span:not(:first-child):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p){display:grid !important;gap:4px !important;justify-items:stretch !important;text-align:center !important;font-size:11px !important;letter-spacing:.06em !important;color:#10243A !important;opacity:1 !important;width:auto !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-uix-grade-proj] input:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p){width:100% !important;min-height:44px !important;font-size:16px !important;border:1px solid rgba(16,36,58,.42) !important;background:#fff !important;color:#10243A !important;border-radius:12px !important;text-align:center !important;padding:0 !important;box-sizing:border-box !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-uix-grade-proj] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p){justify-self:stretch !important;width:100% !important;min-height:44px !important;border-radius:999px !important;font-size:13px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-uix-grade-proj] > button:nth-of-type(1):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p){background:#10243A !important;color:#fff !important;border:1px solid #10243A !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-uix-grade-proj] > button:nth-of-type(2):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p){background:transparent !important;color:#10243A !important;border:1px solid rgba(16,36,58,.5) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-uix-grade-proj] > p:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p){color:#10243A !important}
html[data-lunfe-mob] [data-sc-name] [data-uix-sem-medida="1"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] div:has(> button[aria-label="Editar a grade deste modelo"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p){display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:8px 12px !important;width:auto !important;max-width:100% !important;height:auto !important;min-height:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] div:has(> button[aria-label="Editar a grade deste modelo"]) > span:nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p){flex:1 1 0 !important;min-width:0 !important;width:auto !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;writing-mode:horizontal-tb !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] div:has(> button[aria-label="Editar a grade deste modelo"]) > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p){flex:none !important;width:auto !important;min-width:0 !important;max-width:100% !important}
}