/* GERADO por tools/gen-loja-mobile.mjs — NÃO editar à mão (regerar a cada export do design).
   fonte: Lunfe Studio Mobile 390.dc.html sha256:bbebfca97a7eb457
   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 */
  /* 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 */
  /* 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 */
  /* 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). */
  /* 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}
/* 05/09 · hero do Studio: coluna centrada por desenho */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"]{--ta:center}
/* header: badge de conta só com o ícone no telefone (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:not(:only-child){display:none !important}
/* Manifesto: citação em tamanho de telefone */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Manifesto"]:not(#a):not(#b):not(#c) > blockquote{font-size:22px !important;line-height:1.3 !important;letter-spacing:-.01em;padding-inline:16px !important;margin:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Manifesto"]:not(#a):not(#b):not(#c) > blockquote *{font-size:inherit !important}
/* ══ indicadores de carrossel (todos os [data-tracos] da loja no telefone): pontos-pílula numa cápsula; o ativo alonga.
   Cor lida do fundo: seções escuras (Campanhas) usam branco/lime; claras usam grafite/azul. ══ */
html[data-lunfe-mob] [data-sc-name] main:not(#a):not(#b):not(#c) [data-tracos]{display:flex !important;gap:6px !important;align-items:center;justify-content:center;padding:6px 10px !important;margin:0 !important;border-radius:999px;background:rgba(30,30,30,.06)}
html[data-lunfe-mob] [data-sc-name] main:not(#a):not(#b):not(#c) [data-tracos] > button{inline-size:8px !important;block-size:8px !important;min-inline-size:8px !important;min-block-size:8px !important;padding:0 !important;border:0 !important;border-radius:999px !important;background:rgba(30,30,30,.28) !important;transition:inline-size .25s,background .25s;overflow:hidden;position:relative}
html[data-lunfe-mob] [data-sc-name] main:not(#a):not(#b):not(#c) [data-tracos] > button::before{content:"";position:absolute;inset:-12px}
html[data-lunfe-mob] [data-sc-name] main:not(#a):not(#b):not(#c) [data-tracos] > button > *{display:none !important}
html[data-lunfe-mob] [data-sc-name] main:not(#a):not(#b):not(#c) [data-tracos] > button:has(> span[style*="width: 22px"]){inline-size:24px !important;background:#82ADD4 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]:not(#a):not(#b):not(#c) [data-tracos]{background:rgba(255,255,255,.14);backdrop-filter:blur(6px)}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]:not(#a):not(#b):not(#c) [data-tracos] > button{background:rgba(255,255,255,.45) !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]:not(#a):not(#b):not(#c) [data-tracos] > button:has(> span[style*="width: 22px"]){background:#DDFD2C !important}
/* indicador do carrossel de Campanhas: mesma linguagem das pílulas de Acabamentos (fundo escuro → cápsula clara translúcida) */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Imagem"]){display:flex !important;gap:6px !important;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(6px)}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Imagem"]) > button{inline-size:8px !important;block-size:8px !important;min-inline-size:8px !important;min-block-size:8px !important;padding:0 !important;border:0 !important;border-radius:999px !important;background:rgba(255,255,255,.45) !important;transition:inline-size .25s,background .25s;overflow:hidden;position:relative}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Imagem"]) > button::before{content:"";position:absolute;inset:-12px}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Imagem"]) > button > *{display:none !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Imagem"]) > button:has(> span[style*="width: 22px"]),html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Imagem"]) > button:has(> span[style*="width: 24px"]),html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Imagem"]) > button:has(> span[style*="width: 20px"]){inline-size:24px !important;background:#DDFD2C !important}
/* indicador do carrossel de Acabamentos: pílulas em vez de traços; ativa alonga e ganha a cor do Studio */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Variação"]){display:flex !important;gap:6px !important;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:rgba(30,30,30,.06)}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Variação"]) > button{inline-size:8px !important;block-size:8px !important;min-inline-size:8px !important;min-block-size:8px !important;padding:0 !important;border:0 !important;border-radius:999px !important;background:rgba(30,30,30,.28) !important;transition:inline-size .25s,background .25s;overflow:hidden;position:relative}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Variação"]) > button::before{content:"";position:absolute;inset:-12px}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Variação"]) > button > *{display:none !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Variação"]) > button:has(> span[style*="width: 22px"]){inline-size:24px !important;background:#82ADD4 !important}
html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas:not(#a):not(#b):not(#c) > div[data-pad] > p:last-child{text-align:center !important;margin-inline:auto !important;inline-size:100%}
/* Lookbook: cabeçalho centrado, título e chamada em coluna com respiro uniforme */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Lookbook"]:not(#a):not(#b):not(#c) > div:first-child{--ta:center;display:flex !important;flex-direction:column;align-items:center;text-align:center !important;gap:10px !important;padding:0 24px 20px !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Lookbook"]:not(#a):not(#b):not(#c) > div:first-child > *{text-align:center !important;margin:0 !important;max-inline-size:32ch}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Lookbook"]:not(#a):not(#b):not(#c) > div:first-child > h2{font-size:26px !important;line-height:1.15 !important;letter-spacing:-.01em}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Lookbook"]:not(#a):not(#b):not(#c) > div:first-child > span{font-size:14px !important;line-height:1.45 !important;color:#6B6B6B !important}
html[data-lunfe-mob] [data-sc-name] main > section#ps-pecas:not(#a):not(#b):not(#c) > div:first-child{padding-inline:16px !important}
/* ══ 05/09 · LARGURA PADRÃO DA LOJA STUDIO MOBILE: toda seção de borda a borda (0→390); o respiro do
   texto vem do miolo (16px), nunca da calha da seção. Cartões de seção perdem canto e borda lateral. ══ */
html[data-lunfe-mob] [data-sc-name] main > section:not(#a):not(#b):not(#c):not([data-screen-label="Studio · Hero"]){padding-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section:not(#a):not(#b):not(#c):not([data-screen-label="Studio · Hero"]) > *{inline-size:100% !important;max-inline-size:none !important;margin-inline:0 !important;box-sizing:border-box}
/* cartões de seção (borda + canto grande) viram faixas de borda a borda com 16px internos */
html[data-lunfe-mob] [data-sc-name] main > section:not(#a):not(#b):not(#c):not([data-screen-label="Studio · Hero"]) > div[style*="border-radius: 28px"],html[data-lunfe-mob] [data-sc-name] main > section:not(#a):not(#b):not(#c):not([data-screen-label="Studio · Hero"]) > div[style*="border-radius:28px"],html[data-lunfe-mob] [data-sc-name] main > section:not(#a):not(#b):not(#c):not([data-screen-label="Studio · Hero"]) > div[style*="border: 1px solid"]{border-radius:0 !important;border-inline:0 !important;padding-inline:16px !important}
/* miolos de texto sem moldura ganham o recuo de 16px */
html[data-lunfe-mob] [data-sc-name] main > section:not(#a):not(#b):not(#c):not([data-screen-label="Studio · Hero"]):not([data-screen-label="Campanhas"]):not(#ps-tecnicas):not([data-screen-label="Estúdio · Lookbook"]) > :is(div,p,h2,h3,header):not([style*="border"]):not([data-pad]):not(:has(> article)):not([data-om-two]):not(:has(> image-slot)):not(:has(> span[role="img"])):not(:has(> [data-seg-row])){padding-inline:16px !important}
html[data-lunfe-mob] [data-sc-name] main > section:not(#a):not(#b):not(#c):not([data-screen-label="Studio · Hero"]) > div[data-pad]{padding-inline:16px !important}
html[data-lunfe-mob] [data-sc-name] main > section:not(#a):not(#b):not(#c) [data-seg-row]{margin-inline:0 !important}
/* mídia direta (fotos, vídeos, slots) de borda a borda */
html[data-lunfe-mob] [data-sc-name] main > section:not(#a):not(#b):not(#c) > :is(div,figure):has(> :is(image-slot,video,span[role="img"])){padding-inline:0 !important;border-radius:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section:not(#a):not(#b):not(#c) > :is(div,figure) > :is(image-slot,video,span[role="img"]){border-radius:0 !important}
/* Técnicas: cartão de borda a borda (mesma largura da foto de Acabamentos) */
html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas:not(#a):not(#b):not(#c){padding-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas:not(#a):not(#b):not(#c) > div[data-pad]{padding-inline:0 !important;inline-size:100% !important;max-inline-size:none !important;margin-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas:not(#a):not(#b):not(#c) [data-pad] > div:has(> article){margin-inline:0 !important;padding-inline:0 !important;inline-size:100% !important;max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas:not(#a):not(#b):not(#c) article{flex:0 0 100% !important;inline-size:100% !important;max-inline-size:none !important;border-radius:0 !important;border-inline:0 !important;margin:0 !important}
/* especificidade reforçada para vencer a cadeia :not() do contrato */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"]:not(#a):not(#b):not(#c){padding-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"]:not(#a):not(#b):not(#c) > div{border-radius:0 !important;border-inline:0 !important;padding:20px 16px !important;inline-size:100% !important;max-inline-size:none !important;margin-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"]:not(#a):not(#b):not(#c) div:has(> span[aria-label^="DTF"]){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;border-radius:0 !important}
/* 05/09 · Acabamentos: as fotos do carrossel de borda a borda (o cartão tem 16px internos; a faixa de mídia anula esse recuo) */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"] div:has(> span[aria-label^="DTF"]),html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"] div:has(> span[role="img"]:nth-child(1)):has(> span[role="img"]:nth-child(2)){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;border-radius:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"] div:has(> span[aria-label^="DTF"]) > span[role="img"]{border-radius:0 !important;inline-size:100% !important}
/* 05/09 · Acabamentos: cartão de borda a borda (sem calha da seção, sem canto) e miolo com 16px */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"]{padding-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"] > div{border-radius:0 !important;border-inline:0 !important;padding:20px 16px !important;inline-size:100% !important;max-inline-size:none !important;margin-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"] > div > div{padding-inline:0 !important;margin-inline:0 !important;inline-size:100% !important;max-inline-size:none !important;grid-template-columns:minmax(0,1fr) !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"] > div > div > *{min-inline-size:0;inline-size:100% !important;max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > div[data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][style*="position: absolute"]:last-of-type{position:absolute !important;left:12px !important;bottom:12px !important;top:auto !important;right:auto !important;z-index:5 !important;width:calc(50% - 18px) !important;inline-size:calc(50% - 18px) !important;max-inline-size:170px !important;margin:0 !important;grid-column:auto !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-hero-card]{margin-bottom:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]){display:block !important}
/* 05/09 · vence [data-float]{position:static !important} do contrato (declarado depois, mesma prioridade): especificidade dobrada */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > div[data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][style*="position: absolute"]{position:relative !important;z-index:3 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > div[data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][style*="position: absolute"]:not([data-float] ~ [data-float]){position:absolute !important;right:12px !important;top:12px !important;left:auto !important;z-index:5 !important;width:calc(50% - 18px) !important;inline-size:calc(50% - 18px) !important;max-inline-size:170px !important}
/* 05/09 · Acabamentos: miolo interno sem segunda calha; Técnicas: um cartão por tela com snap obrigatório */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"] > div > div{padding-inline:0 !important;max-inline-size:none !important;margin-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas [data-pad] > div:has(> article){scroll-snap-type:x mandatory !important;gap:0 !important;padding-inline:0 !important;scroll-padding-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas article{flex:0 0 100% !important;inline-size:100% !important;max-inline-size:none !important;border-radius:0 !important;border-inline:0 !important;scroll-snap-align:start !important;scroll-snap-stop:always}
/* 05/09 · Peças-base: "Ver aplicação" e "Quero algo assim" lado a lado, mesma pílula, alinhados no pé do cartão */
html[data-lunfe-mob] [data-sc-name] main > section#ps-pecas [data-qa-studio]{position:relative;padding-bottom:64px !important}
html[data-lunfe-mob] [data-sc-name] main > section#ps-pecas [data-qa-studio] > button:first-child > span:last-child{padding-bottom:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section#ps-pecas [data-qa-studio] > button:first-child > span:last-child > span:last-child{position:absolute;left:16px;bottom:16px;width:calc(50% - 20px);box-sizing:border-box;margin:0 !important;display:inline-flex !important;align-items:center;justify-content:center;min-height:40px;border:1px solid #1E1E1E !important;border-radius:999px;padding:0 10px !important;font-size:12.5px !important;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-lunfe-mob] [data-sc-name] main > section#ps-pecas [data-qa-studio] > div:last-child{position:absolute;right:16px;bottom:16px;width:calc(50% - 20px);padding:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section#ps-pecas [data-qa-studio] > div:last-child > button{width:100% !important;min-height:40px !important;padding:0 10px !important;font-size:12.5px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 05/09 · hero: CTA secundário com moldura preta; cartão de imagem de borda a borda */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] button[style*="background: none"],html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] button[style*="background:none"]{border:1px solid #1E1E1E !important;border-radius:999px !important;padding:0 22px !important;min-height:48px !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div > div:has(> [aria-label="estamparia"]){--hero-card-w:100%;margin-inline:0 !important;border-radius:22px !important;aspect-ratio:4/3 !important}
/* 05/09 · os dois cartões flutuantes voltam a sobrepor a foto como no desktop: lado a lado, "cavalgando" a borda inferior da imagem */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]){min-height:0 !important;padding-bottom:0 !important;margin-bottom:8px !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-hero-card]{margin-bottom:-56px !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]){display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:0}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-hero-card]{grid-column:1/-1}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float]{position:relative !important;inset:auto !important;display:block;inline-size:auto !important;max-inline-size:none !important;min-inline-size:0 !important;box-sizing:border-box;padding:14px !important;border-radius:16px !important;margin:0 !important;box-shadow:0 18px 40px rgba(30,30,30,.14) !important;align-self:start}
/* "Orçamento imediato" sobe para a frente da foto (canto superior esquerdo), como no desktop; o outro card fica no pé */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float]:first-of-type{position:absolute !important;left:12px !important;top:12px !important;width:calc(50% - 18px) !important;inline-size:calc(50% - 18px) !important;z-index:5 !important;isolation:isolate;opacity:1 !important;visibility:visible !important;transform:none !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-hero-card] *{z-index:auto}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float]:last-of-type{grid-column:2;position:relative;z-index:2;isolation:isolate}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-hero-card]{z-index:0;position:relative}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float] p:nth-child(2){font-size:26px !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float] p:first-child{font-size:13px !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float] p:last-child{font-size:12px !important}
/* 05/09 · Private label: as 11 pílulas do briefing em grade 2 colunas iguais (o flex-wrap deixava fileiras irregulares) */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Private label"] div:has(> span:nth-child(10)):not(:has(> :not(span))){display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Private label"] div:has(> span:nth-child(10)):not(:has(> :not(span))) > span{display:flex;align-items:center;justify-content:center;text-align:center;padding:9px 10px !important;min-height:40px;line-height:1.25;white-space:normal}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Private label"] div:has(> span:nth-child(10)):not(:has(> :not(span))) > span:nth-child(11):last-child{grid-column:1/-1}
/* 05/09 · Lookbook: fotos de borda a borda (grade 3→1 coluna, sem calha), texto na margem de 16 */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Lookbook"]{padding-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Lookbook"] > div:not([data-om-two]){padding-inline:16px}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Lookbook"] > div[data-om-two]{gap:8px !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Lookbook"] > div[data-om-two] > *{border-radius:0 !important}
/* 05/09 · "Escolha o caminho": os 6 cartões viram trilho horizontal com snap (eram 6 blocos empilhados) */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"] div[data-om-grid]:has(> button){display:flex !important;grid-template-columns:none !important;gap:0 !important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:-16px !important;padding:0 !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"] div[data-om-grid]:has(> button)::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid]:has(> button){padding-inline:16px !important;gap:16px !important;scroll-padding-inline:16px !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button{flex:0 0 calc(100% - 32px) !important;inline-size:calc(100% - 32px) !important;max-inline-size:none !important;border-radius:22px !important;border:1px solid #E4E4DF !important;scroll-snap-align:center !important;scroll-snap-stop:always;display:flex !important;flex-direction:column;align-items:center;justify-content:center;text-align:center !important;gap:8px;padding:24px 20px !important;min-height:180px}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button > span{text-align:center !important;margin:0 !important;max-inline-size:100%}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button{flex:0 0 358px !important;inline-size:358px !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button > span:first-child{font-size:19px !important;line-height:1.25 !important}
/* ícone antes do título (o card não tem elemento de ícone; entra por ::before, só no telefone) */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button{flex-direction:row !important;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:10px;row-gap:8px}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button::before{content:"";display:inline-block;inline-size:24px;block-size:24px;flex:0 0 auto;background-color:var(--ico-c,#fff);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button:has(> span:first-child[style*="color: rgb(30, 30, 30)"]), html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button:has(> span:first-child[style*="color: rgb(20, 20, 20)"]), html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button:has(> span:first-child[style*="color:#1E1E1E"]){--ico-c:#1E1E1E}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button:nth-child(1){--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M8 3l4 2 4-2 4 4-3 2v11H7V9L4 7z'/><circle cx='12' cy='12' r='2'/></svg>")}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button:nth-child(2){--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='7' r='3'/><path d='M3 20v-2a5 5 0 0 1 5-5h2a5 5 0 0 1 5 5v2'/><circle cx='17' cy='8' r='2.5'/><path d='M16 13h1a4 4 0 0 1 4 4v3'/></svg>")}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button:nth-child(3){--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M20 12l-8 8-9-9V4h7z'/><circle cx='7.5' cy='7.5' r='1.5'/></svg>")}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button:nth-child(4){--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M4 7h16v4H4z'/><path d='M6 11v9h12v-9'/><path d='M10 15h4'/></svg>")}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button:nth-child(5){--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M4 20L18 6'/><path d='M16 4l4 4'/><path d='M4 20c3-1 5-3 6-6'/><circle cx='19' cy='5' r='1.2'/></svg>")}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button:nth-child(6){--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='4' width='16' height='16' rx='2'/><path d='M12 8c2 2.5 3 4 3 5.5a3 3 0 0 1-6 0C9 12 10 10.5 12 8z'/></svg>")}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button > span:first-child{flex:0 1 auto !important;inline-size:auto !important;max-inline-size:calc(100% - 40px) !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button > span:not(:first-child){flex:1 1 100% !important;inline-size:100% !important}
/* 05/09 · Newsletter do Studio: cartão de ponta a ponta com margem mínima e conteúdo centrado */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Newsletter"] [data-nl-card]{--ta:center;padding:40px 16px !important;border-radius:18px !important;text-align:center !important;align-items:center !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Newsletter"] [data-nl-card] > *{text-align:center !important;margin-inline:auto !important;max-inline-size:100%}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Newsletter"] [data-nl-card] [data-nl-row]{justify-content:center !important;inline-size:100%}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Newsletter"] [data-nl-card] [data-nl-row] > *{flex:1 1 100%}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Newsletter"] [data-nl-card] [data-nl-row] > input{text-align:center !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Newsletter"] [data-nl-card] > span[style*="position: absolute"],html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Newsletter"] [data-nl-card] > span[style*="position:absolute"]{position:static !important;display:block;margin:10px auto 0 !important;text-align:center}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Newsletter"] [data-nl-card] > p:nth-last-child(2){inline-size:100%}
/* 05/09 · Studio mobile · Técnicas: cartão cabe na tela (era 520px fixos em 358 de tela, conteúdo cortado), miolo em 1 coluna; bolinhas do carrossel de Acabamentos centradas */
html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas{padding-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas > div[data-pad]{padding-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas [data-pad] > div:has(> article){margin-inline:0 !important;padding-inline:16px !important;gap:12px !important;scroll-padding-inline:16px;inline-size:100% !important;max-inline-size:100% !important}
html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas [data-pad] > *:not(:has(> article)){padding-inline:16px}
html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas article{flex:0 0 calc(100% - 32px) !important;inline-size:calc(100% - 32px);max-inline-size:none;padding:18px 16px !important;border-radius:18px !important}
html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas article > div{grid-template-columns:minmax(0,1fr) !important}
html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas article *{min-inline-size:0;overflow-wrap:anywhere}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"] div:has(> span > button[aria-label^="Variação"]){justify-content:center !important;margin-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"] span:has(> button[aria-label^="Variação"]){margin:0 !important;flex:0 0 auto !important;justify-content:center}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"] div:has(> span > button[aria-label^="Variação"]) > span:first-child:not(:has(button)){display:none !important}
/* 05/09 · Studio mobile · blocos "full width com margens mínimas" e centralizações pedidas */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]{padding-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"] > div{inline-size:100%}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"] > div:nth-child(2){padding-inline:16px !important}
html[data-lunfe-mob] [data-sc-name] main > section:is([data-screen-label="Estúdio · Gramatura"],[data-screen-label="Estúdio · Acabamentos"],[data-screen-label="Estúdio · Grade de uniformes"],[data-screen-label="Estúdio · Private label"],[data-screen-label="Estúdio · Comparador de técnicas"],[data-screen-label="Estúdio · Em uma frase"]) > div{padding:16px !important;border-radius:18px !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Peças-base"] > div:first-child{--ta:center;justify-content:center;text-align:center}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Peças-base"] > div:first-child > div{text-align:center}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Peças-base"] > div:first-child :is(h2,p){text-align:center;margin-inline:auto}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Peças-base"] [data-rail-dica]{display:none !important}
/* 05/09 · "O que produzimos": pílulas em grade 2 colunas de largura igual (eram 3 fileiras irregulares), rótulo centrado e fecho de 40px antes da faixa escura */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Produzimos"]{--sec-pb:var(--r-secao-m,40px);--ta:center}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Produzimos"] > p{text-align:center}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Produzimos"] [data-seg-row]{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;inline-size:100%;max-inline-size:100%}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Produzimos"] [data-seg-row] > button{inline-size:100%;padding-inline:12px !important;font-size:14px !important;text-align:center;white-space:normal;line-height:1.25;box-shadow:none !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Produzimos"] [data-seg-row] > button:nth-child(5):last-child{grid-column:1/-1}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div{align-items:center;text-align:center}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div :is(h1,p,span){text-align:center}
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}
  /* #12 · respiro no limite da seção, nunca em margem de filho */
  /* o cartão "Como funciona a compra" é peça independente do <main> */
  html[data-lunfe-mob] [data-sc-name] [data-cta-centro]{margin-inline:auto}
  html[data-lunfe-mob] [data-sc-name] [data-camp-cta]{--row-just:center}
  /* #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="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] main > section[data-screen-label="Campanhas"]{--sec-pt:var(--space-16,64px)} /* 24/08 · desce um bloco: o Studio (−9) passa na frente */ /* 24/08 · Shorts sobe para logo abaixo do bloco Matéria-prima (empate em −14 resolvido pelo DOM) */ /* 24/08 · Lookbook sobe para logo abaixo do bloco "Padrão premium" (empate em −13 resolvido pelo DOM) */ /* 24/08 · entra ENTRE o Clube do lojista (0) e a História técnica (2) */ /* 24/08 · troca com "Como funciona" (um bloco abaixo) */ /* 24/08 · sobe um bloco (passa na frente da Gramatura) */ /* 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} /* 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) ══ */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] header [data-pad]{--hdr-h:56px;--hdr-px:var(--page-pad,16px);--hdr-gap:var(--space-2,8px)}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] header{--mobsearch-disp:inline-flex;--util-gap:var(--space-2,8px);--hdr-py:0px}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] header [data-util-extra]{--utilx-disp:none}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-camp-seta]{display:none}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-camp-nav]{justify-content:center;--tracos-ml:0}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] main > section[data-screen-label="Studio · Hero"]{--sec-pt:0px}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] main > section[data-screen-label="Campanhas"]{--sec-pt:var(--space-16,64px)}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] main > section[data-screen-label="Studio · Catálogo"],
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] main > section[data-screen-label="Peça-base"],
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] main > section[data-screen-label="Studio · Briefing"],
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] main > section[data-screen-label="Studio · Seu projeto"],
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] main > section[data-screen-label="Studio · Entrar"],
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] main > section[data-screen-label="Studio · Arte"],
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] main > section[data-screen-label="Studio · Aprovado"],
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] main > section[data-screen-label="Studio · Enviado"],
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] main > section[data-screen-label="Central de Ajuda"],
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] main > section[data-screen-label="Produção"]{--sec-pb:96px}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-nl-row] button,
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] footer [data-foot-ajuda],
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-eco-rail] > button{--tap-floor:var(--tap-comfort,48px)}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] main > section{--sec-mt:0px}

/* ══ 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}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-tracos]{--tracos-m:0}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-hero-card]{--hero-card-w:100%}

/* 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 */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-nl-row]{flex-wrap:wrap;gap:var(--space-3,12px)}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-nl-row] > *{flex:1 1 100% !important;min-block-size:var(--tap-comfort,48px)}
/* 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) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-rail="produto"] button > span[style*="space-between"],
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-rail-prod] button > span[style*="space-between"]{
  flex-wrap:wrap !important;row-gap:6px !important;justify-content:flex-start !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-rail-prod] > button,
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-rail-prod] > div{flex:0 0 100% !important;min-width:0 !important}


/* ══ 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. */

/* ══ 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. */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [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 - Personalizacao"] [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 - Personalizacao"] [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 - Personalizacao"] [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 - Personalizacao"] [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 - Personalizacao"] [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 - Personalizacao"] [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 - Personalizacao"] [data-screen-label="Menu overlay"] [data-om-grid] button:hover{
  background:linear-gradient(270deg,rgba(221,253,44,.34),rgba(221,253,44,.06)) !important;box-shadow:inset -2px 0 0 #DDFD2C}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-screen-label="Menu overlay"] > div > div:first-child > button:first-of-type{display:none !important}

/* ══ 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. */

/* 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 */

/* pedido 24/08 · "Escolha por objetivo" fechava sem ar: o último botão da
   grade encostava no bloco seguinte (Shorts). */

/* 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. */

/* 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. */

/* pedido 24/08 · Triptych desce para depois da "História técnica" (empate em 1
   com o vídeo/newsletter resolvido pelo DOM). */ /* 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. */
/* 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. */

/* 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. */

/* 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. */

/* pedido 24/08 · o CTA da newsletter acende em verde escuro quando o e-mail já
   permite concluir (e permanece aceso na confirmação). */

/* 24/08 · dentro do card do Clube a roupa branca do CTA é mais específica —
   a luz verde precisa do mesmo escopo para vencer. */

/* 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. */
/* 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. */
/* 24/08 · nome do artigo em UMA linha (a ficha abaixo carrega malha e gramatura) */

/* 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. */

/* 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. */

/* 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ó. */

/* pedido 24/08 · foto do card da PLP em canto reto (a moldura, o slot e a
   camada de imagem herdavam raio do desktop). */

/* pedido 24/08 · trilho de linhas comerciais na PLP: sinal de rolagem discreto
   logo abaixo da pista (hairline curto + mono de 10px). */

/* 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. */

/* 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. */
/* 24/08 · "← Voltar" e a trilha centrados na mesma linha; o respiro sai do pai */

/* 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. */

/* 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. */

/* 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. */

/* 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). */
/* o piso de toque continua valendo: 44×44 de área sensível ao redor do desenho */

/* 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. */
/* 2px de sobra horizontal: a linha usa a largura útil do card, sem estourar */

/* 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é). */

/* 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. */

/* 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. */


/* ══ 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. */
/* painel de compra no fluxo: o vidro de 28px vira respiro de telefone */
/* cartão "Montar a grade": 22–34px de moldura não caberia com a matriz dentro */
/* 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 */
/* foto da cor na primeira coluna da linha: 34px de trilho, não 72px de card */
/* 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 */

/* ══ 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). */
/* B6 (25/08) · "calcule antes de pagar": CEP e CALCULAR na mesma linha */
/* ══ 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.
   ═════════════════════════════════════════════════════════════════════════ */
/* 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). */


/* ══ 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-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-prova-linha][data-mobile="only"]{display:flex !important;padding-top:12px !important;margin-top:2px !important}
/* 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]. */


/* ── 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="Studio · Hero"],[data-screen-label="Studio · Produzimos"],[data-screen-label="Studio · Peças-base"],[data-screen-label="Estúdio · Gramatura"],[data-screen-label="Shorts"],[data-screen-label="Estúdio · Acabamentos"],[data-screen-label="Estúdio · Lookbook"],[data-screen-label="Estúdio · Escolha o caminho"],[data-screen-label="Estúdio · Acabamento de perto"],[data-screen-label="Studio · Newsletter"],[data-screen-label="Studio · Números"],[data-screen-label="Estúdio · Comparador de técnicas"],[data-screen-label="Studio · Processo"],[data-screen-label="Estúdio · Grade de uniformes"],[data-screen-label="Estúdio · Private label"],[data-screen-label="Studio · Manifesto"],[data-screen-label="Selo-tríade"],[data-screen-label="Studio · FAQ"],[data-screen-label="Estúdio · Em uma frase"]){--sec-pt:var(--r-secao-m)}
html[data-lunfe-mob] [data-sc-name] main > section:has(+ section:is([data-screen-label="Studio · Hero"],[data-screen-label="Studio · Produzimos"],[data-screen-label="Studio · Peças-base"],[data-screen-label="Estúdio · Gramatura"],[data-screen-label="Shorts"],[data-screen-label="Estúdio · Acabamentos"],[data-screen-label="Estúdio · Lookbook"],[data-screen-label="Estúdio · Escolha o caminho"],[data-screen-label="Estúdio · Acabamento de perto"],[data-screen-label="Studio · Newsletter"],[data-screen-label="Studio · Números"],[data-screen-label="Estúdio · Comparador de técnicas"],[data-screen-label="Studio · Processo"],[data-screen-label="Estúdio · Grade de uniformes"],[data-screen-label="Estúdio · Private label"],[data-screen-label="Studio · Manifesto"],[data-screen-label="Selo-tríade"],[data-screen-label="Studio · FAQ"],[data-screen-label="Estúdio · Em uma frase"])){--sec-pb:0px}
/* 05/09 · vence [data-float]{position:static !important} do contrato (declarado depois, mesma prioridade): especificidade dobrada */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > div[data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][style*="position: absolute"]{position:relative !important;z-index:3 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > div[data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][style*="position: absolute"]:not([data-float] ~ [data-float]){position:absolute !important;right:12px !important;top:12px !important;left:auto !important;z-index:5 !important;width:calc(50% - 18px) !important;inline-size:calc(50% - 18px) !important;max-inline-size:170px !important}
/* ══ 05/09 · MENU MOBILE DO STUDIO · geometria de telefone (só neste quadro) ══
   Causa: --menu-px 56px (calha de desktop) dentro de um painel de 358px → 72px de recuo,
   itens de 274px vazando e o × fora da tela. */
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"]{--menu-px:16px;--s5:14px;--s6:18px;--s9:20px;--s10:32px;--menu-ggrid:minmax(0,1fr)}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div{max-width:none !important;margin:0 !important;padding:0 !important;inline-size:100% !important;height:100% !important;overflow-y:auto;-webkit-overflow-scrolling:touch}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div{padding-inline:16px !important;inline-size:100% !important;box-sizing:border-box}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:first-child{min-height:56px;padding-block:8px !important;gap:12px !important;align-items:center !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:first-child > span{font-size:24px !important;line-height:1.1 !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:first-child > button{display:inline-flex !important;position:static !important;inline-size:44px !important;min-inline-size:44px !important;block-size:44px !important;margin:0 0 0 auto !important;align-items:center;justify-content:center;border-radius:999px;font-size:22px;line-height:1}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:nth-child(2){display:flex !important;padding:4px 16px 12px !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:nth-child(3){display:flex !important;flex-direction:column;gap:24px;padding:16px 16px 28px !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:nth-child(3) > div{inline-size:100% !important;max-inline-size:100% !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:nth-child(3) button[style*="margin"]{margin-inline:0 !important;inline-size:100% !important;padding-inline:0 !important;box-sizing:border-box;text-align:left}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:nth-child(3) > div > div[style*="display: grid"]{grid-template-columns:minmax(0,1fr) !important;gap:16px !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:nth-child(3) div[style*="border-radius: 28px"]{padding:20px 16px !important;border-radius:18px !important;grid-template-columns:minmax(0,1fr) !important;gap:14px !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:nth-child(3) div[style*="justify-content: space-between"]{flex-wrap:wrap;gap:12px !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] *{overflow-wrap:anywhere;min-inline-size:0}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:last-child{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px !important;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px)) !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:last-child > span:first-child{grid-column:1/-1;margin-bottom:2px}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:last-child > button{inline-size:100% !important;margin:0 !important;justify-content:center;text-align:center;min-height:44px !important;padding-inline:12px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:last-child > button:last-child{grid-column:1/-1;margin-top:6px !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:last-child > button:last-child > span{display:inline !important;margin-left:6px}
/* cartão "Comece pelo briefing": composição centrada, tamanhos de telefone (o cqw inflava o texto do botão a 25px) */
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div[style*="border-radius: 28px"]:has(> button){display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;gap:16px !important;padding:24px 20px !important;border-radius:20px !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div[style*="border-radius: 28px"]:has(> button) > div{align-items:center !important;text-align:center !important;gap:10px !important;inline-size:100%}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div[style*="border-radius: 28px"]:has(> button) > div > span{font-size:11.5px !important;padding:6px 12px !important;letter-spacing:.04em}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div[style*="border-radius: 28px"]:has(> button) > div > h3{font-size:22px !important;line-height:1.15 !important;max-width:none !important;letter-spacing:-.01em}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div[style*="border-radius: 28px"]:has(> button) > div > p{font-size:14px !important;line-height:1.5 !important;max-width:30ch !important;color:#3A3A3A !important;margin-inline:auto !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div[style*="border-radius: 28px"]:has(> button) > button{inline-size:auto !important;min-height:40px !important;padding:0 18px !important;border-radius:999px !important;display:inline-flex !important;align-items:center;justify-content:center;margin:0 auto !important;background:transparent !important;color:#1E1E1E !important;border:1px solid #1E1E1E !important;box-shadow:none !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div[style*="border-radius: 28px"]:has(> button) > button > span,html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div[style*="border-radius: 28px"]:has(> button) > button{font-size:13px !important;font-weight:500 !important;line-height:1 !important;letter-spacing:.02em !important;text-transform:none !important}
/* pílulas de técnica (Silk · DTF · Bordado · Private label) removidas do menu mobile a pedido */
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:nth-child(3) div[style*="flex-wrap: wrap"]:has(> span:nth-child(4)):not(:has(> span:nth-child(5))){display:none !important}
/* rodapé "Ecossistema" flui DEPOIS do menu principal (não sobrepõe): pane em coluna rolável, miolo com altura natural, rodapé discreto */
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div{display:flex !important;flex-direction:column !important;overflow-y:auto !important;height:100% !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:nth-child(3){flex:0 0 auto !important;min-height:0 !important;overflow:visible !important;height:auto !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:last-child{position:static !important;inset:auto !important;flex:0 0 auto !important;margin-top:auto !important;background:#FAFAF8 !important;border-top:1px solid #ECECE8 !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px)) !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:last-child > span:first-child{font-size:10px !important;letter-spacing:.14em;color:#A9A9A9 !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:last-child > button{min-height:40px !important;font-size:13px !important;background:#fff !important;border:1px solid #E4E4DF !important;color:#1E1E1E !important;box-shadow:none !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:last-child > button:last-child{background:#1E1E1E !important;color:#fff !important;border-color:#1E1E1E !important;min-height:44px !important;margin-top:4px !important}
/* hierarquia tipográfica dos itens (o cqw do quadro inflava a descrição ao tamanho do título) */
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:nth-child(3) button[style*="margin"] > span:last-child{font-size:16px !important;color:#1E1E1E !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:nth-child(3) button[style*="margin"] > span:last-child > span:first-child,html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:nth-child(3) button[style*="margin"] > span:last-child > span:first-child > span{font-size:20px !important;line-height:1.15 !important;color:#1E1E1E !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:nth-child(3) button[style*="margin"] > span:last-child > span:last-child,html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:nth-child(3) button[style*="margin"] > span:last-child > span:last-child > span{font-size:14px !important;line-height:1.35 !important;color:#6B6B6B !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:last-child[style]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > div[data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][data-float][style*="position: absolute"]:last-of-type{position:absolute !important;left:12px !important;bottom:12px !important;top:auto !important;right:auto !important;z-index:5 !important;width:calc(50% - 18px) !important;inline-size:calc(50% - 18px) !important;max-inline-size:170px !important;margin:0 !important;grid-column:auto !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-hero-card]{margin-bottom:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]){display:block !important}
/* 05/09 · Acabamentos: cartão de borda a borda (sem calha da seção, sem canto) e miolo com 16px */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"]{padding-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"] > div{border-radius:0 !important;border-inline:0 !important;padding:20px 16px !important;inline-size:100% !important;max-inline-size:none !important;margin-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"] > div > div{padding-inline:0 !important;margin-inline:0 !important;inline-size:100% !important;max-inline-size:none !important;grid-template-columns:minmax(0,1fr) !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"] > div > div > *{min-inline-size:0;inline-size:100% !important;max-inline-size:none !important}
/* 05/09 · Acabamentos: as fotos do carrossel de borda a borda (o cartão tem 16px internos; a faixa de mídia anula esse recuo) */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"] div:has(> span[aria-label^="DTF"]),html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"] div:has(> span[role="img"]:nth-child(1)):has(> span[role="img"]:nth-child(2)){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;border-radius:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"] div:has(> span[aria-label^="DTF"]) > span[role="img"]{border-radius:0 !important;inline-size:100% !important}
/* especificidade reforçada para vencer a cadeia :not() do contrato */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"]:not(#a):not(#b):not(#c){padding-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"]:not(#a):not(#b):not(#c) > div{border-radius:0 !important;border-inline:0 !important;padding:20px 16px !important;inline-size:100% !important;max-inline-size:none !important;margin-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"]:not(#a):not(#b):not(#c) div:has(> span[aria-label^="DTF"]){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;border-radius:0 !important}
/* Técnicas: cartão de borda a borda (mesma largura da foto de Acabamentos) */
html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas:not(#a):not(#b):not(#c){padding-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas:not(#a):not(#b):not(#c) > div[data-pad]{padding-inline:0 !important;inline-size:100% !important;max-inline-size:none !important;margin-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas:not(#a):not(#b):not(#c) [data-pad] > div:has(> article){margin-inline:0 !important;padding-inline:0 !important;inline-size:100% !important;max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas:not(#a):not(#b):not(#c) article{flex:0 0 100% !important;inline-size:100% !important;max-inline-size:none !important;border-radius:0 !important;border-inline:0 !important;margin:0 !important}
/* ══ 05/09 · LARGURA PADRÃO DA LOJA STUDIO MOBILE: toda seção de borda a borda (0→390); o respiro do
   texto vem do miolo (16px), nunca da calha da seção. Cartões de seção perdem canto e borda lateral. ══ */
html[data-lunfe-mob] [data-sc-name] main > section:not(#a):not(#b):not(#c):not([data-screen-label="Studio · Hero"]){padding-inline:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section:not(#a):not(#b):not(#c):not([data-screen-label="Studio · Hero"]) > *{inline-size:100% !important;max-inline-size:none !important;margin-inline:0 !important;box-sizing:border-box}
/* cartões de seção (borda + canto grande) viram faixas de borda a borda com 16px internos */
html[data-lunfe-mob] [data-sc-name] main > section:not(#a):not(#b):not(#c):not([data-screen-label="Studio · Hero"]) > div[style*="border-radius: 28px"],html[data-lunfe-mob] [data-sc-name] main > section:not(#a):not(#b):not(#c):not([data-screen-label="Studio · Hero"]) > div[style*="border-radius:28px"],html[data-lunfe-mob] [data-sc-name] main > section:not(#a):not(#b):not(#c):not([data-screen-label="Studio · Hero"]) > div[style*="border: 1px solid"]{border-radius:0 !important;border-inline:0 !important;padding-inline:16px !important}
/* miolos de texto sem moldura ganham o recuo de 16px */
html[data-lunfe-mob] [data-sc-name] main > section:not(#a):not(#b):not(#c):not([data-screen-label="Studio · Hero"]):not([data-screen-label="Campanhas"]):not(#ps-tecnicas):not([data-screen-label="Estúdio · Lookbook"]) > :is(div,p,h2,h3,header):not([style*="border"]):not([data-pad]):not(:has(> article)):not([data-om-two]):not(:has(> image-slot)):not(:has(> span[role="img"])):not(:has(> [data-seg-row])){padding-inline:16px !important}
html[data-lunfe-mob] [data-sc-name] main > section:not(#a):not(#b):not(#c):not([data-screen-label="Studio · Hero"]) > div[data-pad]{padding-inline:16px !important}
html[data-lunfe-mob] [data-sc-name] main > section:not(#a):not(#b):not(#c) [data-seg-row]{margin-inline:0 !important}
/* mídia direta (fotos, vídeos, slots) de borda a borda */
html[data-lunfe-mob] [data-sc-name] main > section:not(#a):not(#b):not(#c) > :is(div,figure):has(> :is(image-slot,video,span[role="img"])){padding-inline:0 !important;border-radius:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section:not(#a):not(#b):not(#c) > :is(div,figure) > :is(image-slot,video,span[role="img"]){border-radius:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section#ps-pecas:not(#a):not(#b):not(#c) > div:first-child{padding-inline:16px !important}
/* Lookbook: cabeçalho centrado, título e chamada em coluna com respiro uniforme */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Lookbook"]:not(#a):not(#b):not(#c) > div:first-child{--ta:center;display:flex !important;flex-direction:column;align-items:center;text-align:center !important;gap:10px !important;padding:0 24px 20px !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Lookbook"]:not(#a):not(#b):not(#c) > div:first-child > *{text-align:center !important;margin:0 !important;max-inline-size:32ch}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Lookbook"]:not(#a):not(#b):not(#c) > div:first-child > h2{font-size:26px !important;line-height:1.15 !important;letter-spacing:-.01em}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Lookbook"]:not(#a):not(#b):not(#c) > div:first-child > span{font-size:14px !important;line-height:1.45 !important;color:#6B6B6B !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid]:has(> button){padding-inline:16px !important;gap:16px !important;scroll-padding-inline:16px !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button{flex:0 0 calc(100% - 32px) !important;inline-size:calc(100% - 32px) !important;max-inline-size:none !important;border-radius:22px !important;border:1px solid #E4E4DF !important;scroll-snap-align:center !important;scroll-snap-stop:always;display:flex !important;flex-direction:column;align-items:center;justify-content:center;text-align:center !important;gap:8px;padding:24px 20px !important;min-height:180px}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button > span{text-align:center !important;margin:0 !important;max-inline-size:100%}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button{flex:0 0 358px !important;inline-size:358px !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button > span:first-child{font-size:19px !important;line-height:1.25 !important}
/* ícone antes do título (o card não tem elemento de ícone; entra por ::before, só no telefone) */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button{flex-direction:row !important;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:10px;row-gap:8px}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button::before{content:"";display:inline-block;inline-size:24px;block-size:24px;flex:0 0 auto;background-color:var(--ico-c,#fff);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button:has(> span:first-child[style*="color: rgb(30, 30, 30)"]), html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button:has(> span:first-child[style*="color: rgb(20, 20, 20)"]), html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button:has(> span:first-child[style*="color:#1E1E1E"]){--ico-c:#1E1E1E}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button:nth-child(1){--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M8 3l4 2 4-2 4 4-3 2v11H7V9L4 7z'/><circle cx='12' cy='12' r='2'/></svg>")}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button:nth-child(2){--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='7' r='3'/><path d='M3 20v-2a5 5 0 0 1 5-5h2a5 5 0 0 1 5 5v2'/><circle cx='17' cy='8' r='2.5'/><path d='M16 13h1a4 4 0 0 1 4 4v3'/></svg>")}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button:nth-child(3){--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M20 12l-8 8-9-9V4h7z'/><circle cx='7.5' cy='7.5' r='1.5'/></svg>")}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button:nth-child(4){--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M4 7h16v4H4z'/><path d='M6 11v9h12v-9'/><path d='M10 15h4'/></svg>")}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button:nth-child(5){--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M4 20L18 6'/><path d='M16 4l4 4'/><path d='M4 20c3-1 5-3 6-6'/><circle cx='19' cy='5' r='1.2'/></svg>")}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button:nth-child(6){--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='4' width='16' height='16' rx='2'/><path d='M12 8c2 2.5 3 4 3 5.5a3 3 0 0 1-6 0C9 12 10 10.5 12 8z'/></svg>")}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button > span:first-child{flex:0 1 auto !important;inline-size:auto !important;max-inline-size:calc(100% - 40px) !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]:not(#a):not(#b):not(#c) div[data-om-grid] > button > span:not(:first-child){flex:1 1 100% !important;inline-size:100% !important}
/* indicador do carrossel de Acabamentos: pílulas em vez de traços; ativa alonga e ganha a cor do Studio */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Variação"]){display:flex !important;gap:6px !important;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:rgba(30,30,30,.06)}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Variação"]) > button{inline-size:8px !important;block-size:8px !important;min-inline-size:8px !important;min-block-size:8px !important;padding:0 !important;border:0 !important;border-radius:999px !important;background:rgba(30,30,30,.28) !important;transition:inline-size .25s,background .25s;overflow:hidden;position:relative}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Variação"]) > button::before{content:"";position:absolute;inset:-12px}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Variação"]) > button > *{display:none !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Variação"]) > button:has(> span[style*="width: 22px"]){inline-size:24px !important;background:#82ADD4 !important}
html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas:not(#a):not(#b):not(#c) > div[data-pad] > p:last-child{text-align:center !important;margin-inline:auto !important;inline-size:100%}
/* indicador do carrossel de Campanhas: mesma linguagem das pílulas de Acabamentos (fundo escuro → cápsula clara translúcida) */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Imagem"]){display:flex !important;gap:6px !important;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(6px)}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Imagem"]) > button{inline-size:8px !important;block-size:8px !important;min-inline-size:8px !important;min-block-size:8px !important;padding:0 !important;border:0 !important;border-radius:999px !important;background:rgba(255,255,255,.45) !important;transition:inline-size .25s,background .25s;overflow:hidden;position:relative}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Imagem"]) > button::before{content:"";position:absolute;inset:-12px}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Imagem"]) > button > *{display:none !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Imagem"]) > button:has(> span[style*="width: 22px"]),html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Imagem"]) > button:has(> span[style*="width: 24px"]),html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]:not(#a):not(#b):not(#c) span:has(> button[aria-label^="Imagem"]) > button:has(> span[style*="width: 20px"]){inline-size:24px !important;background:#DDFD2C !important}
/* ══ indicadores de carrossel (todos os [data-tracos] da loja no telefone): pontos-pílula numa cápsula; o ativo alonga.
   Cor lida do fundo: seções escuras (Campanhas) usam branco/lime; claras usam grafite/azul. ══ */
html[data-lunfe-mob] [data-sc-name] main:not(#a):not(#b):not(#c) [data-tracos]{display:flex !important;gap:6px !important;align-items:center;justify-content:center;padding:6px 10px !important;margin:0 !important;border-radius:999px;background:rgba(30,30,30,.06)}
html[data-lunfe-mob] [data-sc-name] main:not(#a):not(#b):not(#c) [data-tracos] > button{inline-size:8px !important;block-size:8px !important;min-inline-size:8px !important;min-block-size:8px !important;padding:0 !important;border:0 !important;border-radius:999px !important;background:rgba(30,30,30,.28) !important;transition:inline-size .25s,background .25s;overflow:hidden;position:relative}
html[data-lunfe-mob] [data-sc-name] main:not(#a):not(#b):not(#c) [data-tracos] > button::before{content:"";position:absolute;inset:-12px}
html[data-lunfe-mob] [data-sc-name] main:not(#a):not(#b):not(#c) [data-tracos] > button > *{display:none !important}
html[data-lunfe-mob] [data-sc-name] main:not(#a):not(#b):not(#c) [data-tracos] > button:has(> span[style*="width: 22px"]){inline-size:24px !important;background:#82ADD4 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]:not(#a):not(#b):not(#c) [data-tracos]{background:rgba(255,255,255,.14);backdrop-filter:blur(6px)}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]:not(#a):not(#b):not(#c) [data-tracos] > button{background:rgba(255,255,255,.45) !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]:not(#a):not(#b):not(#c) [data-tracos] > button:has(> span[style*="width: 22px"]){background:#DDFD2C !important}
/* Manifesto: citação em tamanho de telefone */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Manifesto"]:not(#a):not(#b):not(#c) > blockquote{font-size:22px !important;line-height:1.3 !important;letter-spacing:-.01em;padding-inline:16px !important;margin:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Manifesto"]:not(#a):not(#b):not(#c) > blockquote *{font-size:inherit !important}

/* Private label (mobile): coluna "O briefing pergunta" removida; botão centrado e renomeado */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Private label"] [data-om-grid] > div:nth-child(2):last-child{display:none !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Private label"] [data-om-grid]{grid-template-columns:minmax(0,1fr) !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Private label"] [data-om-grid] > div:first-child{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Private label"] [data-om-grid] > div:first-child > button{display:inline-flex !important;justify-content:center;min-inline-size:220px}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Private label"] [data-om-grid] > div:first-child > button > span{font-size:0 !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Private label"] [data-om-grid] > div:first-child > button > span::before{content:"Preencher formulário";font-size:15px;font-weight:600}

/* FAQ (mobile): cabeçalho centrado */
html[data-lunfe-mob] [data-sc-name] main > section#ps-faq > div:has(> h2){text-align:center !important;align-items:center !important}
html[data-lunfe-mob] [data-sc-name] main > section#ps-faq h2:not(#a):not(#b),html[data-lunfe-mob] [data-sc-name] main > section#ps-faq :is(span,p):has(+ h2){text-align:center !important;margin-inline:auto !important;max-width:none !important;display:block !important}
html[data-lunfe-mob] [data-sc-name] main > section#ps-faq div:has(> h2){text-align:center !important;align-items:center !important;justify-content:center !important}

/* Ecossistema: lista das lojas mantida como no original (restyle minimalista revertido em 05/09 a pedido) */

/* Redes sociais (menu mobile): 5 ícones distribuídos de borda a borda */
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div:has(> p + div > a[aria-label="Instagram"]) > div{display:flex !important;justify-content:space-between !important;gap:0 !important;inline-size:100% !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div:has(> p + div > a[aria-label="Instagram"]) > div > a{flex:1 1 0 !important;display:inline-flex !important;justify-content:center !important;align-items:center !important;min-height:44px}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div:has(> p + div > a[aria-label="Instagram"]) > p{text-align:center !important}

/* Busca do menu (mobile): respiro saudável em relação ao cabeçalho do painel */
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:has(> input[aria-label="Buscar no estúdio"]){padding-top:16px !important;padding-bottom:16px !important;margin-top:4px !important}

/* Menu mobile: Técnicas antes de Peças-base */
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div:has(> div > p:first-child):has(> div:nth-child(2)) > div:has(> p:first-child){display:flex;flex-direction:column}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div:has(> div:nth-child(2) > p:first-child){display:flex !important;flex-direction:column !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div:has(> div:nth-child(2) > p:first-child) > div:nth-child(1):has(> p:first-child){order:2}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div:has(> div:nth-child(2) > p:first-child) > div:nth-child(2):has(> p:first-child){order:1}

/* Menu mobile: Técnicas (03) sobe, Peças-base (02) desce — grid de 1 coluna respeita order */
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div[style*="grid-template-columns: var(--menu-g"]:has(> div:nth-child(2) > p:first-child){display:grid !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div[style*="grid-template-columns: var(--menu-g"]:has(> div:nth-child(2) > p:first-child) > div:nth-child(1){order:2 !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div[style*="grid-template-columns: var(--menu-g"]:has(> div:nth-child(2) > p:first-child) > div:nth-child(2){order:1 !important}
/* redes: título centrado (força sobre a regra anterior) */
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div:has(> p + div > a[aria-label="Instagram"]) > p:not(#a){text-align:center !important;display:block !important;inline-size:100%}
/* ecossistema: rótulo dos links um pouco menor */

/* Contato Studio · briefing: CTA em destaque (pílula preta, centrada) */

/* numeração acompanha a nova ordem: Técnicas = 02, Peças-base = 03 */
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div[style*="grid-template-columns: var(--menu-g"]:has(> div:nth-child(2) > p:first-child) > div:nth-child(1) > p:first-child > span:first-child,html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div[style*="grid-template-columns: var(--menu-g"]:has(> div:nth-child(2) > p:first-child) > div:nth-child(2) > p:first-child > span:first-child{font-size:0 !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div[style*="grid-template-columns: var(--menu-g"]:has(> div:nth-child(2) > p:first-child) > div:nth-child(1) > p:first-child > span:first-child::before{content:"03";display:inline-block;font-size:10.5px;line-height:1.2;letter-spacing:1.68px;vertical-align:baseline}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div[style*="grid-template-columns: var(--menu-g"]:has(> div:nth-child(2) > p:first-child) > div:nth-child(2) > p:first-child > span:first-child::before{content:"02";display:inline-block;font-size:10.5px;line-height:1.2;letter-spacing:1.68px;vertical-align:baseline}

/* correção do tremor ao arrastar: o overlay tinha scroll próprio (935>844) E o painel também (2368>935).
   Um único scroller — o painel — com overscroll contido e sem corrente para a página atrás. */
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"]:not(#a):not(#b){overflow:hidden !important;height:100% !important;max-height:100% !important;overscroll-behavior:contain !important;touch-action:none !important}
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"]:not(#a):not(#b) > div{height:100% !important;max-height:100% !important;min-height:0 !important;overflow-y:auto !important;overflow-x:hidden !important;overscroll-behavior:contain !important;-webkit-overflow-scrolling:touch !important;touch-action:pan-y !important}

/* pílula do hero: destaque + símbolo de agulha/marca coerente com "a sua marca nas nossas peças" */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div > span:first-child:not(#a){display:inline-flex !important;align-items:center !important;gap:8px !important;background:#1E1E1E !important;color:#fff !important;border:0 !important;border-radius:999px !important;inline-size:fit-content !important;max-inline-size:calc(100% - 32px) !important;margin-inline:auto !important;align-self:center !important;flex:none !important;white-space:normal !important;text-align:center !important;padding:9px 16px !important;font-size:10.5px !important;font-weight:600 !important;letter-spacing:.12em !important;box-shadow:0 4px 14px rgba(0,0,0,.16) !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div > span:first-child:not(#a) > span{color:#fff !important;background:none !important}
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"]{--ico-marca:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 20 20 4M20 4l-1.2 4.4M20 4l-4.4 1.2M9 15l-3.4.9L6.6 12" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><circle cx="12" cy="12" r="1.6" fill="black"/></svg>')}

/* títulos numerados do menu (00·, 01·, 02·, 03·): faixa de fundo discreta */
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:nth-child(3) > div > p:first-child:not(#a),html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:nth-child(3) > div > div > p:first-child:not(#a),html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:nth-child(3) > div > div > div > p:first-child:not(#a){display:inline-flex !important;align-items:center !important;gap:6px !important;background:#F2F2EE !important;border-radius:999px !important;padding:6px 12px !important;inline-size:fit-content !important;color:#6B6B6B !important}

/* mesma faixa de fundo nos títulos 00 · e 01 · (markup diferente: texto solto / 1 span) */
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:nth-child(3) > div > p:first-child:not(#a),html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:nth-child(3) > div > div > p:first-child:not(#a){display:inline-flex !important;align-items:center !important;gap:6px !important;background:#F2F2EE !important;border-radius:999px !important;padding:6px 12px !important;inline-size:fit-content !important;color:#6B6B6B !important}

/* "Siga a Lunfe nas redes sociais" não é título de seção: sem faixa de fundo */
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] p:not(#a):not(#b):not(#c):has(+ div > a[aria-label="Instagram"]),html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] div:has(a[aria-label="Instagram"]) > p:not(#a):not(#b):not(#c){background:transparent !important;display:block !important;border-radius:0 !important;padding-inline:0 !important;inline-size:100% !important}

/* CAUSA (05/09): 'gap' mede a BORDA da caixa — ao virar pílula (padding 6px + fundo), a caixa cresceu para
   dentro do respiro e os títulos 00/01, cujos pais não têm gap, ficaram colados (0px e 10px medidos).
   Correção: respiro explícito só onde o pai não fornece gap (02/03 já têm 26px do pai). */
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:nth-child(3) > div > p:first-child:not(#a):not(#b){margin-block-end:16px !important}

/* × de fechar o menu: sem moldura */
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] [aria-label="Fechar menu"]:not(#a){border:0 !important;background:none !important;box-shadow:none !important}

/* o CTA saiu do rodapé: "Lunfe Malhas" não deve herdar o estilo do antigo último botão */
html[data-lunfe-mob] [data-sc-name] [data-menu-v2][role="dialog"] > div > div:last-child:not(#a):not(#b) > button:last-child{grid-column:auto !important;background:#fff !important;color:#1E1E1E !important;border:1px solid #E4E4DF !important;min-height:44px !important;box-shadow:none !important;font-weight:500 !important}

/* Campanhas (mobile): a imagem 2 vinha com background-size 88% e não preenchia — igualar às demais */
html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"] [role="img"]:not(#a){background-size:cover !important;background-position:50% 50% !important}

/* Campanhas (mobile): faixa dos controles/pontos com fundo escuro para dar contraste */

/* header mobile: botão Rastrear pedido volta ao cluster (paridade com Varejo/Atacado), 44px só ícone.
   O botão mora num div[data-desk] (wrapper do popover) — reexibe só esse wrapper e mantém o popover irmão oculto. */
html[data-lunfe-mob] [data-sc-name] header [data-util] > div[data-desk]:has(> button[aria-label="Rastrear pedido"]):not(#a):not(#b):not(#c):not(#d){display:block !important;flex:none !important}
html[data-lunfe-mob] [data-sc-name] header [data-util] > div[data-desk] > button[aria-label="Rastrear pedido"]:not(#a):not(#b):not(#c):not(#d){display:inline-flex !important;inline-size:44px !important;block-size:44px !important;min-inline-size:44px !important;padding:0 !important;flex:none !important;align-items:center !important;justify-content:center !important}
html[data-lunfe-mob] [data-sc-name] header [data-util] > div[data-desk] > button[aria-label="Rastrear pedido"] svg{inline-size:20px !important;block-size:20px !important}
html[data-lunfe-mob] [data-sc-name] header [data-util] > div[data-desk] > button[aria-label="Rastrear pedido"] [data-cap]{display:none !important}
/* header mobile: sacola do projeto (paridade com as outras 4 lojas) — o botão é display:none no desktop */
html[data-lunfe-mob] [data-sc-name] header [data-util] > button[data-mob-sacola]:not(#a):not(#b):not(#c):not(#d){display:inline-flex !important}
html[data-lunfe-mob] [data-sc-name] [data-screen-label="Sacola · Sidebar"] > aside{width:100% !important;max-width: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}

/* 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 - Personalizacao"] [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:#E4E4DF !important;z-index:var(--z-modal,1200) !important;box-shadow:0 -6px 24px rgba(0,0,0,.08) !important;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);background:rgba(255,255,255,.88) !important;box-sizing:border-box !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [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 - Personalizacao"]: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}


/* ── 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-studio.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}

/* STUDIO · contraste medido: #A9A9A4 sobre branco = 2,36:1 (54) → #6E6E69 = 5,3:1;
   branco sobre o azul da marca #82ADD4 = 2,37:1 (19) → texto escuro #10243A sobre o MESMO azul (a cor da marca não muda) */
html[data-lunfe-mob] [data-sc-name] [style*="; color: rgb(169, 169, 164)"]: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(169, 169, 164)"]: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:#6E6E69 !important}
html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(255, 255, 255)"] [style*="; color: rgb(169, 169, 164)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(255, 255, 255)"] [style^="color: rgb(169, 169, 164)"]: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(169, 169, 164)"]: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(169, 169, 164)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(250, 250, 250)"] [style*="; color: rgb(169, 169, 164)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(250, 250, 250)"] [style^="color: rgb(169, 169, 164)"]: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(169, 169, 164)"]: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(169, 169, 164)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(246, 246, 246)"] [style*="; color: rgb(169, 169, 164)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(246, 246, 246)"] [style^="color: rgb(169, 169, 164)"]: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(169, 169, 164)"]: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(169, 169, 164)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(247, 247, 245)"] [style*="; color: rgb(169, 169, 164)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(247, 247, 245)"] [style^="color: rgb(169, 169, 164)"]: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(169, 169, 164)"]: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(169, 169, 164)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(240, 240, 240)"] [style*="; color: rgb(169, 169, 164)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(240, 240, 240)"] [style^="color: rgb(169, 169, 164)"]: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(169, 169, 164)"]: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(169, 169, 164)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(240, 240, 237)"] [style*="; color: rgb(169, 169, 164)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(240, 240, 237)"] [style^="color: rgb(169, 169, 164)"]: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(169, 169, 164)"]: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(169, 169, 164)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(251, 251, 251)"] [style*="; color: rgb(169, 169, 164)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] > [data-sc-name] [style*="background: rgb(251, 251, 251)"] [style^="color: rgb(169, 169, 164)"]: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(169, 169, 164)"]: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(169, 169, 164)"]:not(#a):not(#b):not(#c):not(#d){color:#6E6E69 !important}
html[data-lunfe-mob] [data-sc-name] [style*="background: rgb(130, 173, 212)"] [style*="color: rgb(255, 255, 255)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] [data-sc-name] [style*="background-color: rgb(130, 173, 212)"] [style*="color: rgb(255, 255, 255)"]:not(#a):not(#b):not(#c):not(#d), html[data-lunfe-mob] [data-sc-name] [style*="background: rgb(130, 173, 212)"][style*="color: rgb(255, 255, 255)"]:not(#a):not(#b):not(#c):not(#d){color:#10243A !important}
/* 04/10u · a regra acima escurece o texto branco DENTRO do cartão azul (contraste sobre #82ADD4) — mas botão com fundo próprio escuro
   ("Montar a grade" #1E1E1E, pretos, verdes) mantém o texto branco. */
html[data-lunfe-mob] [data-sc-name] [style*="background: rgb(130, 173, 212)"] [style*="background: rgb(30, 30, 30)"][style*="color: rgb(255, 255, 255)"]:not(#a):not(#b):not(#c):not(#d):not(#e), html[data-lunfe-mob] [data-sc-name] [style*="background: rgb(130, 173, 212)"] [style*="background: rgb(20, 20, 20)"][style*="color: rgb(255, 255, 255)"]:not(#a):not(#b):not(#c):not(#d):not(#e), html[data-lunfe-mob] [data-sc-name] [style*="background: rgb(130, 173, 212)"] [style*="background: rgb(0, 0, 0)"][style*="color: rgb(255, 255, 255)"]:not(#a):not(#b):not(#c):not(#d):not(#e), html[data-lunfe-mob] [data-sc-name] [style*="background: rgb(130, 173, 212)"] [style*="background: rgb(17, 17, 17)"][style*="color: rgb(255, 255, 255)"]:not(#a):not(#b):not(#c):not(#d):not(#e), html[data-lunfe-mob] [data-sc-name] [style*="background: rgb(130, 173, 212)"] [style*="background: rgb(11, 11, 10)"][style*="color: rgb(255, 255, 255)"]:not(#a):not(#b):not(#c):not(#d):not(#e), html[data-lunfe-mob] [data-sc-name] [style*="background: rgb(130, 173, 212)"] [style*="background: rgb(27, 107, 71)"][style*="color: rgb(255, 255, 255)"]:not(#a):not(#b):not(#c):not(#d):not(#e), html[data-lunfe-mob] [data-sc-name] [style*="background: rgb(130, 173, 212)"] [style*="background: rgb(47, 86, 71)"][style*="color: rgb(255, 255, 255)"]:not(#a):not(#b):not(#c):not(#d):not(#e){color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}
/* 13/09 · quadro: barra sticky oculta não reserva 140px — a barra de conversão é display:none no quadro, mas o aparelho seguia com padding-block-end:140px; esse padding reduz o retângulo do position:sticky e subia o FAB 140px. No aparelho real a barra existe e o FAB usa a cota acima dela. */

/* 14/09 · Campanhas (mobile): CTA até a calha — a pílula media 215px no meio de uma calha de 358: agora vai de ponta a
   ponta, na mesma medida do texto acima. */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] main > section[data-screen-label="Campanhas"] [data-camp-cta]:not(#a):not(#b):not(#c):not(#d){inline-size:100% !important;flex-direction:column !important;align-items:stretch !important;gap:10px !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] main > section[data-screen-label="Campanhas"] [data-camp-cta] > button:not(#a):not(#b):not(#c):not(#d){inline-size:100% !important;min-inline-size:0 !important;justify-content:center !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] main > section[data-screen-label="Campanhas"] [data-camp-cta] > span:not(#a):not(#b):not(#c):not(#d){inline-size:100% !important;text-align:center !important;box-sizing:border-box !important}


/* 14/09b · Studio (mobile) · hero: a pílula do eyebrow em fundo branco com texto preto (era tinta cheia #1E1E1E) */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div > span:first-child:not(#a):not(#b):not(#c):not(#d){background:#FFFFFF !important;color:#1E1E1E !important;border:1px solid #82ADD4 !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div > span:first-child:not(#a):not(#b):not(#c):not(#d) > span{color:#1E1E1E !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div > span:first-child:not(#a):not(#b):not(#c):not(#d) > span:first-child{background:#82ADD4 !important}
/* 14/09b · Studio (mobile) · hero: a foto de estamparia de borda a borda (estava na calha de 16px do cartão) */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] [data-hero-card]:not(#a):not(#b):not(#c):not(#d){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important}
/* 14/09b · Studio (mobile) · Acabamentos: as 8 técnicas em UMA linha, trilho de arraste com calha de 16px (eram 3 linhas empilhadas); ~4 por tela, DTF · Serigrafia · Bordado à frente */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"] [data-acab-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;scroll-padding-inline:16px;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;padding-inline:16px !important;padding-block-end:2px !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"] [data-acab-chips]::-webkit-scrollbar{display:none}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamentos"] [data-acab-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;min-block-size:44px !important;padding:8px 12px !important;font-size:12px !important}


/* 14/09c · Studio (mobile) · pílula do hero com presença — era uma cápsula cinza com um ponto morto. Agora: contorno azul do Studio,
   halo suave, tipo em caixa-alta mais firme e o ponto virou indicador vivo (dois anéis
   que pulsam). Sem mexer no texto nem no template. */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div > span:first-child:not(#a):not(#b):not(#c):not(#d){border:1.5px solid #82ADD4 !important;box-shadow:0 8px 22px -12px rgba(130,173,212,.95) !important;padding:9px 18px !important;min-block-size:42px !important;gap:10px !important;align-items:center !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div > span:first-child:not(#a):not(#b):not(#c):not(#d) > span:last-child{font-size:11.5px !important;font-weight:700 !important;letter-spacing:.14em !important;line-height:1.35 !important;text-transform:uppercase !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div > span:first-child:not(#a):not(#b):not(#c):not(#d) > span:first-child{inline-size:9px !important;block-size:9px !important;min-inline-size:9px !important;border-radius:999px !important;flex:0 0 auto !important;align-self:center !important;animation:lunfeStudioPulso 1.9s ease-out infinite}
@keyframes lunfeStudioPulso{
  0%{box-shadow:0 0 0 0 rgba(130,173,212,.7),0 0 0 0 rgba(130,173,212,.45)}
  70%{box-shadow:0 0 0 7px rgba(130,173,212,0),0 0 0 12px rgba(130,173,212,0)}
  100%{box-shadow:0 0 0 0 rgba(130,173,212,0),0 0 0 0 rgba(130,173,212,0)}}


/* 14/09e · Studio (mobile) · cartão do hero vira pílula full width — era um cartãozinho de 161px encostado na coluna 2, com três linhas.
   Agora é uma faixa reta de borda a borda (390px) com duas linhas: a frase, o selo e a linha de apoio. */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float]:last-of-type:not(#a):not(#b):not(#c):not(#d){position:relative !important;inset:auto !important;grid-column:1 / -1 !important;justify-self:stretch !important;inline-size:calc(100% + 32px) !important;width:calc(100% + 32px) !important;max-inline-size:none !important;margin:14px -16px 0 !important;border-radius:0 !important;padding:14px 20px !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:6px !important;box-shadow:0 14px 34px -22px rgba(30,30,30,.45) !important;box-sizing:border-box !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float]:last-of-type:not(#a):not(#b):not(#c):not(#d) > p:nth-child(3){display:block !important;font-size:12px !important;line-height:1.35 !important;color:#A9A9A4 !important;margin:0 !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float]:last-of-type:not(#a):not(#b):not(#c):not(#d) > p:first-child{font-size:13px !important;line-height:1.2 !important;margin:0 !important;white-space:nowrap !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float]:last-of-type:not(#a):not(#b):not(#c):not(#d) > p:nth-child(2){font-size:20px !important;line-height:1.1 !important;margin:0 !important;display:flex !important;align-items:center !important;gap:10px !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float]:last-of-type:not(#a):not(#b):not(#c):not(#d) > p:nth-child(2) > span{margin-left:0 !important}


/* 14/09f · Studio (mobile) · "sem complicação" sobe para a 1ª linha — a faixa passa a ter duas fileiras: frase + selo na primeira, apoio na segunda. */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float]:last-of-type:not(#a):not(#b):not(#c):not(#d):not(#e){flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important;column-gap:10px !important;row-gap:6px !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float]:last-of-type:not(#a):not(#b):not(#c):not(#d):not(#e) > p:first-child{flex:0 1 auto !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float]:last-of-type:not(#a):not(#b):not(#c):not(#d):not(#e) > p:nth-child(2){flex:0 0 auto !important;font-size:17px !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float]:last-of-type:not(#a):not(#b):not(#c):not(#d):not(#e) > p:nth-child(3){flex:1 0 100% !important}


/* 14/09g · Studio (mobile) · harmonia da faixa do hero — a fileira de cima brigava: 13px ao lado de 17px com o selo no meio.
   Agora a frase inteira lê num só corpo (13.5/500), o selo lime é o único acento, e a
   linha de apoio fica abaixo em 12px cinza. Respiro por UMA origem (gap do pai). */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float]:last-of-type:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){padding:16px 20px !important;column-gap:8px !important;row-gap:8px !important;align-items:baseline !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float]:last-of-type:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) > p:first-child{font-size:13.5px !important;font-weight:500 !important;line-height:1.25 !important;color:#141414 !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float]:last-of-type:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) > p:nth-child(2){font-size:13.5px !important;font-weight:500 !important;line-height:1.25 !important;color:#141414 !important;gap:8px !important;align-items:center !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float]:last-of-type:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) > p:nth-child(2) > span{font-size:11.5px !important;padding:4px 10px !important;line-height:1 !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float]:last-of-type:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) > p:nth-child(3){font-size:12px !important;line-height:1.4 !important;color:#A9A9A4 !important}


/* 14/09h · Studio (mobile) · subtítulo mais perto do H1 — o pai distribui 16px por gap para todos; só este par precisa de ~12px ÓPTICOS, então
   a causa real era um min-height de 69px no H1 (duas linhas reservadas para um título que hoje cabe em uma): zerado, o parágrafo só precisa de -4 em vez de mexer no gap comum. */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div > h1:not(#a):not(#b):not(#c):not(#d){min-block-size:0 !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div > h1 + p:not(#a):not(#b):not(#c):not(#d){margin-block-start:-4px !important;line-height:1.45 !important}


/* 14/09i · Studio (mobile) · selo "complicação" com mais peso — o selo lime lia como nota de rodapé ao lado da frase; ganha corpo, peso e
   caixa-alta, e o lime passa a ter uma sombra curta que o descola da faixa branca. */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float]:last-of-type:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) > p:nth-child(2) > span{font-size:13px !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase !important;padding:6px 12px !important;border-radius:999px !important;box-shadow:0 6px 14px -8px rgba(221,253,44,.95) !important;color:#1E1E1E !important}


/* 14/09j · Studio (mobile) · a frase e o selo cabem na mesma fileira — ao engordar o selo, a fileira passou de 350px úteis e ele caiu para baixo.
   Corpo 12.5 na frase e selo 11.5 com cápsula mais justa: sobra folga e tudo volta à 1ª linha. */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float]:last-of-type:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) > p:first-child{font-size:12.5px !important;white-space:nowrap !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float]:last-of-type:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) > p:nth-child(2){font-size:12.5px !important;white-space:nowrap !important;gap:7px !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]) > [data-float]:last-of-type:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) > p:nth-child(2) > span{font-size:11.5px !important;padding:5px 10px !important;letter-spacing:.05em !important}


/* 14/09k · Studio (mobile) · "Orçamento imediato" abaixo de Universidades — o cartão flutuava sobre a foto do hero (161px, absoluto). No telefone ele
   desce para o fim das pílulas, logo abaixo de "Universidades", usando a cópia em
   fluxo que já existe no template ([data-orc-mob], até então display:none). */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] [data-float]:not(:last-of-type):not(#a):not(#b):not(#c):not(#d){display:none !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Produzimos"] [data-orc-mob]:not(#a):not(#b):not(#c):not(#d){display:block !important;margin-block-start:0 !important}
  /* a régua tracejada só tem altura e fundo: a lei "altura fixa vira auto no mobile" a colapsava para 0 e sobrava uma margem órfã */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Produzimos"] [data-orc-mob] > div:not(#a):not(#b):not(#c):not(#d){block-size:22px !important;min-block-size:22px !important}
  /* "Orçamento imediato" e "agora mesmo" na MESMA linha: o rótulo à esquerda, o valor
     em destaque à direita, na mesma base tipográfica */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Produzimos"] [data-orc-mob]:not(#a):not(#b):not(#c):not(#d):not(#e){display:flex !important;flex-wrap:wrap !important;align-items:baseline !important;column-gap:6px !important;row-gap:0 !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Produzimos"] [data-orc-mob] > p:first-child:not(#a):not(#b):not(#c):not(#d){margin:0 !important;flex:0 0 auto !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Produzimos"] [data-orc-mob] > p:nth-child(2):not(#a):not(#b):not(#c):not(#d){margin:0 !important;flex:0 0 auto !important;font-size:22px !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Produzimos"] [data-orc-mob] > div:not(#a):not(#b):not(#c):not(#d):not(#e){flex:1 0 100% !important;margin-block-start:12px !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Produzimos"] [data-orc-mob] > p:last-child:not(#a):not(#b):not(#c):not(#d){flex:1 0 100% !important}
  /* texto centrado no cartão */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Produzimos"] [data-orc-mob]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){justify-content:center !important;text-align:center !important}


/* 14/09l · Studio (mobile) · foto maior e faixa dentro dela — a foto sobe de 4/3 (293px) para 4/5 (487px) e a faixa "Estampar ou bordar"
   deixa de ser um bloco abaixo: vira sobreposição no rodapé da própria imagem (branco
   translúcido com blur; tinta cheia #141414 para manter a leitura). */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] [data-hero-card]:not(#a):not(#b):not(#c):not(#d){aspect-ratio:4 / 5 !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] [data-float]:last-of-type:not(#a):not(#b):not(#c):not(#d):not(#e){position:absolute !important;inset:auto -16px 0 -16px !important;margin:0 !important;inline-size:auto !important;width:auto !important;border-radius:0 !important;background:rgba(255,255,255,.94) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;box-shadow:none !important;padding:12px 16px !important;z-index:2 !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] [data-float]:last-of-type:not(#a):not(#b):not(#c):not(#d):not(#e) > p{color:#141414 !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] [data-float]:last-of-type:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) > p:last-child{color:#5C5C58 !important}


/* 14/09m · Studio (mobile) · cabeçalho de "Números" centrado — o selo já vinha centrado pelo flex do pai; o título e o apoio seguiam à esquerda. */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Números"] > div:not(#a):not(#b):not(#c):not(#d){text-align:center !important;align-items:center !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Números"] > div > :is(h1,h2,h3,h4,h5,h6):not(#a):not(#b):not(#c):not(#d){text-align:center !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Números"] > div > p:not(#a):not(#b):not(#c):not(#d){text-align:center !important;margin-inline:auto !important}


/* 14/09n · Studio (mobile) · cabeçalho do cartão de técnica em azul bebê — o cabeçalho (nome da técnica + mínimo/prazo) ganha faixa azul bebê muito
   clara, de borda a borda do cartão; tinta do texto intacta. */
  html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas article > div:first-child:not(#a):not(#b):not(#c):not(#d){background:#F1F7FC !important;margin-block-start:-18px !important;margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;padding:14px 16px !important;box-sizing:border-box !important;border-block-end:1px solid #DCEAF6 !important}


/* 14/09o · Studio (mobile) · visor de "Acabamento de perto" full width — o visor vivia na calha de 16px do grid (356px). Vai de borda a borda: a
   coluna zera o padding e o visor perde o canto arredondado. */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamento de perto"] > div[data-om-col]: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-inline:0 !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamento de perto"] > div[data-om-col] > div:first-child:not(#a):not(#b):not(#c):not(#d){border-radius:0 !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamento de perto"] > div[data-om-col] > div:first-child > span:first-child:not(#a):not(#b):not(#c):not(#d){inset:0 !important;inline-size:100% !important;border-radius:0 !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamento de perto"] > div[data-om-col] > div:not(:first-child):not(#a):not(#b):not(#c):not(#d){margin-inline:16px !important}


/* 14/09p · Studio (mobile) · a foto sobe: o invólucro da mídia tinha 72px de margem
   acima (medida de desktop), deixando um vazio desproporcional sob os botões. 24px. */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > div:has(> [data-hero-card]):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-block-start:24px !important}


/* 14/09q · Studio (mobile) · "Técnicas": 129px de vazio acima do selo (40 de padding +
   ~89 de margem herdada do desktop). Fica em 32px, o mesmo respiro das outras seções. */
  html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas: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-block-start:32px !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas > div: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){margin-block-start:0 !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas > div:first-child > div: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){margin-block-start:0 !important;padding-block-start:0 !important}


/* 14/09r · Studio (mobile) · Técnicas: o invólucro trazia 72px de padding acima e 63 abaixo
   (medidas de desktop) e 64px entre o cabeçalho e o 1º cartão. Vira 0 / 24 / 24 — o respiro
   de topo passa a ser só o padding de 32px da seção, e o Lookbook encosta em 64 no lugar de 140. */
  html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas > div: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){padding-block:0 24px !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas > div:last-child > div: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){margin-block-end:24px !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas > div:last-child > div: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){margin-block-start:0 !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Lookbook"]: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-block-start:32px !important}


/* 14/09s · Studio (mobile) · "Escolha o caminho": 52px entre o texto e o 1º caminho
   (vinham do gap de seção do desktop). Fica em 24px, e o topo da seção em 32. */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"]: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-block-start:32px !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"] > div: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){margin-block-end:0 !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Escolha o caminho"] > div: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){margin-block-start:24px !important}


/* 14/09t · Studio (mobile) · a dica "← arraste…" encosta no CTA: os 37px vinham do
   rodapé vazio do cartão; sobe 22px e passa a ler como continuação do "Usar no briefing →". */
  html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas > div:last-child > p: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){margin-block-start:8px !important;padding-inline:16px !important}
/* 04/10f · Técnicas: a dica "← arraste para ver os 8 serviços →" mora DENTRO de cada cartão, logo abaixo
   do "Usar no briefing →"; a do pé do trilho sai. Rollback = apagar as 2 regras + os nós [data-svc-dica] da loja. */
  html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas [data-svc-dica]:not(#a):not(#b):not(#c):not(#d){display:block !important;flex:1 0 100% !important;inline-size:100% !important;margin:0 !important;padding:0 !important;font-size:12px !important;line-height:1.4 !important;color:#A9A9A4 !important;text-align:center !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas p[data-svc-dica-fim]: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:none !important}
/* 04/10g · Comparador: as abas (Bordado · Silk-screen · DTF…) ficam paradas no lugar delas, sem flutuar na rolagem. Rollback = apagar a regra. */
  html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-cmp-abas]: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){position:static !important;top:auto !important;inset-block-start:auto !important}
/* 04/10h · Menu do Studio de borda a borda: o painel somava 16px de calha (regra genérica dos overlays)
   à calha própria de cada bloco — conteúdo a 32px da borda, 326 de 390. Painel sem calha; cada bloco
   (cabeçalho · busca · lista · Ecossistema) mantém os seus 16px e os filetes/fundos vão de borda a borda. */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-menu-v2][role="dialog"] > div[data-menu-panel]:not(#a):not(#b):not(#c):not(#d){padding-inline:0 !important;padding-inline-start:0 !important;padding-inline-end:0 !important;padding-left:0 !important;padding-right:0 !important}
/* 04/10i · menu do telefone: sai o selo "00 · Por onde entrar" (o nó [data-menu-kicker-entrar] mora na loja) */
  html[data-lunfe-mob] [data-sc-name] [data-menu-kicker-entrar]:not(#a):not(#b):not(#c):not(#d){display:none !important}
/* 04/10j · menu do telefone: Showroom em destaque (faixa azul da loja, ponto lime com aro), cartão do briefing
   e WhatsApp (verde escuro) de borda a borda, Ecossistema no formato do seletor de lojas da Varejo
   (nome · indicação · →, "você está aqui" na loja atual). A lista do menu tem calha de 16px. Rollback = apagar o bloco. */
/* 04/10l · Showroom do menu no telefone = botão próprio no padrão Master Shell · Liquid Glass (DESIGN.md) e da página do showroom (V2):
   foto do showroom de borda a borda (a fotografia é a interface), selo em vidro claro, pílula em vidro escuro com ↗ em disco papel.
   A linha antiga da lista sai só no telefone; desktop intacto. Rollback = apagar estas regras + o nó [data-menu-sr]. */
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [data-menu-list] button[data-menu-destaque="1"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:none !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [data-menu-sr]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:block !important;margin:12px -16px 0 !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;padding:0 !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [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-screen-label="Menu overlay"] [data-menu-sr-img]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){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-screen-label="Menu overlay"] [data-menu-sr-veu]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){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-screen-label="Menu overlay"] [data-menu-sr-chip]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){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-screen-label="Menu overlay"] [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-screen-label="Menu overlay"] [data-menu-sr-pill]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){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-screen-label="Menu overlay"] [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}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [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}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [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}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [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;padding:0 !important;margin:0 !important;transition:transform .2s cubic-bezier(.22,.61,.21,1) !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [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-screen-label="Menu overlay"] [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-screen-label="Menu overlay"] [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-screen-label="Menu overlay"] [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-screen-label="Menu overlay"] [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-screen-label="Menu overlay"] [data-menu-sr-pill]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){background:rgba(16,16,15,.88) !important} }
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [data-menu-briefing]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;border-radius:0 !important;padding-inline:16px !important;box-sizing:border-box !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [data-menu-contato]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){margin:16px -16px 0 !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;min-height:48px !important;padding:0 16px !important;background:#2F5647 !important;border:0 !important;border-radius:0 !important;color:#fff !important;justify-content:space-between !important;font-size:14px !important;font-weight:500 !important;line-height:1.2 !important;font-family:inherit !important;letter-spacing:normal !important;text-transform:none !important;box-sizing:border-box !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [data-menu-contato]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):hover{background:#24463A !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [data-menu-contato] > [data-cta-desk]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:none !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [data-menu-contato] > [data-cta-zap]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:inline !important;color:#fff !important;font-weight:500 !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [data-menu-eco]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:block !important;grid-template-columns:none !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [data-menu-eco] > :is([data-menu-eco-rot],[data-menu-eco-pill]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:none !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [data-menu-eco] > [data-menu-lojas]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:flex !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [data-menu-lojas] button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){inline-size:100% !important;max-inline-size:none !important;border-radius:0 !important;min-height:56px !important;padding:12px 14px 12px 0 !important;line-height:1.3 !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [data-menu-lojas] button > span > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){line-height:1.35 !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [data-menu-lojas] button > span > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){font-size:15px !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [data-menu-lojas] button > span > span:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){font-size:12px !important;color:#6B6B66 !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [data-menu-lojas] button > span[aria-hidden]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){font-size:15px !important;line-height:1 !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [data-menu-lojas] button :is(span > span > span, span[aria-hidden] > span):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){font-size:inherit !important;line-height:inherit !important;letter-spacing:inherit !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [data-menu-lojas] button[aria-current="page"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){pointer-events:none !important;cursor:default !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Menu overlay"] [data-menu-lojas] button[aria-current="page"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) > span:last-child{font-size:11.5px !important;letter-spacing:.04em !important;color:#6B6B66 !important}




/* 14/09v · Studio (mobile) · Comparador reconstruído no vocabulário da loja: painel
   full-bleed 1 por tela, abas de vidro (liquid glass) que rolam o painel, ficha de
   especificação em linhas rótulo/valor, decisão em pílulas azul bebê, CTA em cápsula. */
  html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-cmp-tabela]: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:none !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-cmp-mob]: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;margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-cmp-abas]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){overscroll-behavior-x:contain;scroll-padding-inline:16px;-ms-overflow-style:none;position:sticky !important;top:var(--app-hdr-bottom,56px) !important;z-index:2 !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-cmp-abas]::-webkit-scrollbar,html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-cmp-rail]::-webkit-scrollbar{display:none}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-cmp-tab]: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;min-inline-size:0 !important;flex:0 0 auto !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-cmp-tab][data-ativo="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){background:#1E1E1E !important;border-color:#1E1E1E !important;color:#fff !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-cmp-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){overscroll-behavior-x:contain;-ms-overflow-style:none;gap:0 !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-cmp-card]: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:100vw !important;width:100vw !important;min-inline-size:100vw !important;max-inline-size:390px !important;flex:0 0 390px !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-cmp-card] h3: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:28px !important;line-height:1.08 !important;min-block-size:0 !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-cmp-card] > 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){line-height:1.6 !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-cmp-card] [data-cmp-specs] > 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:grid !important;grid-template:none !important;grid-template-columns:104px minmax(0,1fr) !important;gap:12px !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-cmp-card] [data-cmp-specs] > span > 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}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-cmp-card] [data-cmp-decisao]: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-wrap:wrap !important;gap:8px !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-cmp-card] [data-cmp-decisao] > 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:inline-flex !important;inline-size:auto !important;flex:0 0 auto !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-cmp-card] [data-cmp-decisao] > span > 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:6px !important;block-size:6px !important;min-inline-size:0 !important;display:block !important;flex:0 0 auto !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-cmp-card] [data-cmp-decisao] > span > 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){inline-size:auto !important;block-size:auto !important;min-inline-size:0 !important;display:inline !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-cmp-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;inline-size:auto !important;flex:0 0 auto !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-cmp-selo] > 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:6px !important;block-size:6px !important;min-inline-size:0 !important;display:block !important;flex:0 0 auto !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-cmp-selo] > 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){inline-size:auto !important;block-size:auto !important;min-inline-size:0 !important;display:inline !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-cmp-dica]: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-inline:16px !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-comparador [data-e-s7]: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-block-end:16px !important}


/* 14/09w · Studio (mobile) · a borda de baixo do cartão de técnica passava 6px ABAIXO
   da dica "← arraste…" (a dica sobe 22px para encostar no CTA): o rodapé do cartão
   fecha em 4px e a linha volta a ficar acima, com 8px de folga. */
  html[data-lunfe-mob] [data-sc-name] main > section#ps-tecnicas article: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-block-end:12px !important}


/* 14/09x · Studio (mobile) · "Iniciar projeto" centrado sob o texto do bloco. */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Acabamento de perto"] button:not([aria-label]):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;margin-inline:auto !important}


/* 14/09y · Studio (mobile) · Selo-tríade em carrossel: 1 selo por tela, full-bleed,
   avanço automático a cada 5s (o timer mora na classe e só roda quando o trilho existe).
   Zerar o shorthand antes, senão o grid-template do contrato continua ganhando. */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Selo-tríade"] > div[data-triade-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){grid-template:none !important;display:flex !important;flex-wrap:nowrap !important;gap:0 !important;overflow-x:auto !important;scroll-snap-type:x proximity;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;margin-inline:0 !important;inline-size:100% !important;max-inline-size:none !important;padding-inline:0 !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Selo-tríade"] > div[data-triade-rail]::-webkit-scrollbar{display:none}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Selo-tríade"] > div[data-triade-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){flex:0 0 390px !important;background:#F4F4F1 !important;border-block:1px solid #E4E4DF !important;inline-size:100vw !important;min-inline-size:100vw !important;max-inline-size:390px !important;scroll-snap-align:start;border-radius:0 !important;border-inline:none !important;box-shadow:none !important;padding:24px 20px !important;box-sizing:border-box !important;min-block-size:0 !important}


/* 14/09z · Studio (mobile) · FAQ: a pergunta começava a 4px da borda (a seção zera a
   calha e o summary só tinha 4px). Calha de 16px na pergunta, na resposta e no rodapé
   do bloco — mesma medida do título da seção. */
  html[data-lunfe-mob] [data-sc-name] main > section#ps-faq details > summary: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-inline:16px !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-faq details > :not(summary):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-inline:16px !important}


/* 15/09 · Studio (mobile) · Campanhas: o painel do slide não cobria a seção — sobrava
   uma faixa preta de 64px acima (padding de topo herdado do desktop). A seção fecha o
   padding e o painel de texto encosta no topo. */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"]: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-block-start:0 !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"] > div: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){padding-block-start:28px !important}


/* 15/09b · Studio (mobile) · o gradiente das Campanhas começava 40px abaixo do cartão
   "Orçamento imediato" (rodapé da seção anterior) + 28 internos = 68 até a linha de
   abertura. Fica 20 + 22. */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Produzimos"]: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-block-end:20px !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Campanhas"] > div: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){padding-block-start:22px !important}


/* 15/09c · Studio (mobile) · o número do selo ganha a régua tracejada do Studio ao
   lado (traço 3px · vão 5px · #82ADD4 a 45%, faixa de 22px), preenchendo a linha. */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Selo-tríade"] > div[data-triade-rail] > button > 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){display:flex !important;align-items:center !important;gap:12px !important;inline-size:100% !important}
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Selo-tríade"] > div[data-triade-rail] > button > span:first-child::after{content:"";flex:1 1 auto;block-size:22px;min-inline-size:40px;background:repeating-linear-gradient(90deg,rgba(130,173,212,.45) 0 3px,transparent 3px 8px)}


/* 15/09d · Studio (mobile) · Processo em trilho: as 5 etapas empilhadas viravam uma
   lista longa de linhas. Agora é um cartão por tela (arraste), cada um com a frase do
   que acontece ali e o tempo em pílula azul bebê. */
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-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){display:flex !important;flex-wrap:nowrap !important;gap:0 !important;overflow-x:auto !important;scroll-snap-type:x proximity;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;border-radius:0 !important;border-inline:none !important;box-shadow:none !important;margin-inline:0 !important;inline-size:100% !important;max-inline-size:none !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-rail]::-webkit-scrollbar{display:none}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card]: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;display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:10px !important;flex:0 0 390px !important;inline-size:100vw !important;min-inline-size:100vw !important;max-inline-size:390px !important;scroll-snap-align:start;padding:22px 20px !important;border-top:none !important;border-inline-end:1px solid #E4E4DF !important;box-sizing:border-box !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card] > 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:100% !important;display:block !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card] > [data-proc-etapa]: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:10px !important;inline-size:auto !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card] > [data-proc-etapa] > 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:8px !important;block-size:8px !important;min-inline-size:0 !important;flex:0 0 auto !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card] > [data-proc-etapa] > 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){inline-size:auto !important;display:inline !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card] > [data-proc-texto]: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;font-size:14px !important;line-height:1.6 !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){flex-direction:row !important;flex-wrap:wrap !important;align-items:baseline !important;column-gap:10px !important;row-gap:10px !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card] > 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){inline-size:auto !important;flex:0 1 auto !important;font-size:20px !important;line-height:1.2 !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card] > [data-proc-texto]: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){flex:1 0 100% !important;order:2 !important;margin-block-start:2px !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card] > [data-proc-tempo]: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){flex:0 0 auto !important;order:1 !important;margin-inline-start:auto !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card] > [data-proc-tempo]: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;inline-size:auto !important;flex:0 0 auto !important;align-items:center !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card] > [data-proc-tempo] > 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:6px !important;block-size:6px !important;min-inline-size:0 !important;display:block !important;flex:0 0 auto !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card] > [data-proc-tempo] > 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){inline-size:auto !important;block-size:auto !important;min-inline-size:0 !important;display:inline !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card] > 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:none !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-dica]: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}


/* 15/09e · Studio (mobile) · Processo, 2ª volta: cada etapa vira um cartão com faixa
   azul bebê no topo (ETAPA N DE 5 + tempo em cápsula lime), nome em 22px, a frase do
   que acontece ali e a régua tracejada do Studio fechando o cartão. */
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card]: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){position:relative !important;flex-direction:column !important;flex-wrap:nowrap !important;align-items:stretch !important;gap:0 !important;padding:0 !important;border-inline-end:1px solid #E4E4DF !important;background:#fff !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card] > [data-proc-etapa]: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;box-sizing:border-box !important;background:#F4F4F1 !important;border-block-end:1px solid #E4E4DF !important;padding:13px 20px !important;display:flex !important;align-items:center !important;gap:9px !important;order:0 !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card] > [data-proc-etapa] > 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){inline-size:7px !important;block-size:7px !important;background:#DDFD2C !important;border:1px solid #1E1E1E !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card] > [data-proc-etapa] > 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):not(#m){font-size:10.5px !important;font-weight:700 !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#1E1E1E !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card] > [data-proc-tempo]: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){position:absolute !important;top:9px !important;right:20px !important;margin:0 !important;order:0 !important;background:#DDFD2C !important;border:1px solid #1E1E1E !important;border-radius:999px !important;padding:6px 12px !important;font-size:11.5px !important;font-weight:600 !important;letter-spacing:.02em !important;color:#1E1E1E !important;gap:0 !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card] > [data-proc-tempo] > 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){display:none !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card] > 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){inline-size:100% !important;box-sizing:border-box !important;font-size:22px !important;font-weight:500 !important;letter-spacing:-.015em !important;line-height:1.15 !important;color:#1E1E1E !important;padding:18px 20px 7px !important;order:1 !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card] > [data-proc-texto]: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;box-sizing:border-box !important;font-size:14px !important;line-height:1.6 !important;color:#5E5E5A !important;padding:0 20px !important;margin:0 !important;min-block-size:0 !important;flex:0 0 auto !important}
  html[data-lunfe-mob] [data-sc-name] main > section#ps-processo [data-proc-card] > 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):not(#m){display:block !important;order:3 !important;inline-size:auto !important;block-size:14px !important;margin:18px 20px 20px !important;background:repeating-linear-gradient(90deg,rgba(130,173,212,.45) 0 3px,transparent 3px 8px) !important;min-block-size:14px !important;flex:0 0 14px !important}


/* 15/09f · Studio (mobile) · o cartão do briefing ("Como escolher, em 2 passos") vai de
   borda a borda: calha negativa, sem borda lateral e sem cantos. */
  html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Briefing"] > [data-wiz-card]: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:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;border-inline:none !important;border-radius:0 !important;box-shadow:none !important}


/* 15/09g · Studio (mobile) · cabeçalho de tela padronizado nas 9 telas com Voltar
   (Entrar · Peça-base · Briefing · Seu projeto · Arte · Aprovado · Enviado · Ajuda ·
   Produção): barra full-bleed com hairline embaixo e botões pequenos em cinza claro.
   O alvo de toque segue em 44px por ::after invisível, sem inflar o desenho. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section > [data-tela-topo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){min-block-size:0 !important;block-size:auto !important;margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;box-sizing:border-box !important;background:#fff !important;border-block-end:1px solid #E4E4DF !important;padding:9px 16px !important;margin-block-end:18px !important;gap:10px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo [data-tela-topo] > [data-volta-uni]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){position:relative !important;display:inline-flex !important;align-items:center !important;gap:6px !important;inline-size:auto !important;min-inline-size:0 !important;block-size:auto !important;min-block-size:0 !important;justify-content:flex-start !important;background:#F4F4F1 !important;border:1px solid #E9E9E4 !important;border-radius:999px !important;padding:6px 13px !important;font-size:11px !important;font-weight:600 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#5E5E5A !important;line-height:1 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo [data-tela-topo] > [data-volta-uni] > *: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:11px !important;line-height:1 !important;color:#5E5E5A !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo [data-tela-topo] > [data-volta-uni]::after,html[data-lunfe-mob] [data-sc-name] main#ls-conteudo [data-tela-topo] > [data-tela-x]::after{content:"";position:absolute;inset:-10px;min-block-size:44px}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo [data-tela-topo] > [data-tela-x]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){position:relative !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;inline-size:28px !important;min-inline-size:28px !important;block-size:28px !important;min-block-size:0 !important;background:#F4F4F1 !important;border:1px solid #E9E9E4 !important;border-radius:999px !important;padding:0 !important;font-size:14px !important;line-height:1 !important;color:#5E5E5A !important}


/* 15/09h · Studio (mobile) · as 5 faixas de quantidade encolhiam para 233px e ficavam
   encostadas à esquerda: agora centradas na coluna. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] div:has(> button + button + button + button + 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){align-items:center !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] div:has(> button + button + button + button + button) > 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){margin-inline:auto !important}


/* 15/09i · Studio (mobile) · "Progresso de preenchimento 50%" centrado sobre a barra e
   em corpo pequeno e discreto (a lei ≤430 o deixava em 12px/start, com 205px de caixa). */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-prog-lbl]: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;text-align:center !important;font-size:10.5px !important;font-weight:600 !important;letter-spacing:.06em !important;color:#A9A9A4 !important;line-height:1.3 !important;inline-size:100% !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-prog-lbl] > 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:inline !important;font-size:10.5px !important;line-height:1.3 !important}


/* 15/09j · Studio (mobile) · as 6 opções de prazo tinham larguras diferentes (104 a
   235px), centradas e com alturas 48/69 — parecia lista quebrada. Viram uma grade de
   2 colunas com cartões de largura e altura iguais, texto alinhado à esquerda e a nota
   em corpo menor dentro do mesmo cartão. Regra depois da dos 5 botões (que também
   casava aqui) para vencer por ordem. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] div:has(> button + button + button + button + button + 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){display:grid !important;grid-template:none !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;align-items:stretch !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] div:has(> button + button + button + button + button + button) > 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){margin-inline:0 !important;inline-size:100% !important;min-inline-size:0 !important;max-inline-size:none !important;block-size:100% !important;min-block-size:74px !important;box-sizing:border-box !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;text-align:start !important;gap:3px !important;padding:12px 14px !important;border-radius:14px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] div:has(> button + button + button + button + button + button) > button > 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:100% !important;text-align:start !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] div:has(> button + button + button + button + button + button) > button > 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){font-size:14px !important;font-weight:500 !important;line-height:1.2 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] div:has(> button + button + button + button + button + button) > button > 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){font-size:11px !important;font-weight:400 !important;line-height:1.35 !important}


/* 15/09k · Studio (mobile) · as 5 pílulas de quantidade exata quebravam em 2 linhas com
   93px cada, centradas. Grade de 5 colunas iguais em corpo menor: tudo numa linha só.
   O :not(span + span) poupa os blocos de faixa/prazo, que têm nota dentro do botão. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] div:has(> button + button + button + button + button):not(:has(> button > span + span)):not(:has(> button + button + button + button + button + 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){display:grid !important;grid-template:none !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:6px !important;align-items:stretch !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] div:has(> button + button + button + button + button):not(:has(> button > span + span)):not(:has(> button + button + button + button + button + button)) > 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){margin-inline:0 !important;inline-size:100% !important;min-inline-size:0 !important;max-inline-size:none !important;min-block-size:40px !important;block-size:auto !important;box-sizing:border-box !important;padding:8px 4px !important;border-radius:12px !important;font-size:11.5px !important;line-height:1.15 !important;text-align:center !important;justify-content:center !important;align-items:center !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] div:has(> button + button + button + button + button):not(:has(> button > span + span)):not(:has(> button + button + button + button + button + button)) > button > 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){font-size:11.5px !important;line-height:1.15 !important;text-align:center !important;inline-size:100% !important}


/* 15/09m · Studio (mobile) · o catálogo de peças-base era uma grade de 40 cartões
   empilhados (6025px de rolagem vertical). Vira trilho horizontal full-bleed com 2
   peças por tela, sem borda e sem canto — foto no topo, nome/SKU/preço embaixo. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] [data-rail]:has(> button + button + button + button + button + 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){display:flex !important;grid-template:none !important;flex-wrap:nowrap !important;gap:0 !important;overflow-x:auto !important;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;padding-inline:0 !important;padding-block:0 !important;margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;block-size:auto !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] [data-rail]:has(> button + button + button + button + button + button)::-webkit-scrollbar{display:none}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] [data-rail]:has(> button + button + button + button + button + button) > 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){flex:0 0 195px !important;inline-size:195px !important;min-inline-size:195px !important;max-inline-size:195px !important;margin:0 !important;scroll-snap-align:start;box-sizing:border-box !important;border:none !important;border-inline-end:1px solid #EFEFEA !important;border-radius:0 !important;padding:0 0 14px !important;block-size:auto !important;min-block-size:0 !important;display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:0 !important;text-align:start !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] [data-rail]:has(> button + button + button + button + button + button) > button > 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:100% !important;text-align:start !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] [data-rail]:has(> button + button + button + button + button + button) > button > 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){block-size:228px !important;min-block-size:228px !important;margin:0 0 10px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] [data-rail]:has(> button + button + button + button + button + button) > button > 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){font-size:13px !important;font-weight:500 !important;line-height:1.25 !important;padding:0 12px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] [data-rail]:has(> button + button + button + button + button + button) > button > span:nth-child(3):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:11px !important;line-height:1.35 !important;padding:2px 12px 0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] [data-rail]:has(> button + button + button + button + button + button) > button > span:nth-child(4):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:13px !important;font-weight:600 !important;line-height:1.3 !important;padding:6px 12px 0 !important}


/* 15/09n · Studio (mobile) · as 4 pílulas de cores (1 cor … + de 5 cores) quebravam em
   2 linhas: grade de 4 colunas iguais em corpo menor, tudo numa linha só. O :not(×5)
   poupa quantidade/prazo e o :not(span + span) os blocos com nota dentro do botão. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] div:has(> button + button + button + button):not(:has(> button + button + button + button + button)):not(:has(> button > span + 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:grid !important;grid-template:none !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:6px !important;align-items:stretch !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] div:has(> button + button + button + button):not(:has(> button + button + button + button + button)):not(:has(> button > span + span)) > 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){margin-inline:0 !important;inline-size:100% !important;min-inline-size:0 !important;max-inline-size:none !important;min-block-size:40px !important;block-size:auto !important;box-sizing:border-box !important;padding:8px 4px !important;border-radius:12px !important;font-size:11.5px !important;line-height:1.15 !important;text-align:center !important;justify-content:center !important;align-items:center !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] div:has(> button + button + button + button):not(:has(> button + button + button + button + button)):not(:has(> button > span + span)) > button > 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){font-size:11.5px !important;line-height:1.15 !important;text-align:center !important;inline-size:100% !important}


/* 15/09o · Studio (mobile) · as 3 opções de tamanho da arte (P/M/G) encolhiam e ficavam
   encostadas à esquerda: centradas na coluna. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] div:has(> button + button + button):not(:has(> button + button + button + 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){align-items:center !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] div:has(> button + button + button):not(:has(> button + button + button + button)) > 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){margin-inline:auto !important}


/* 15/09p · Studio (mobile) · o aviso de Private Label (750 peças passam o MOQ) fica
   centrado: texto e CTA no eixo da tela, em vez de alinhados à esquerda. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] > div:has(> p + button):not(:has(> p + 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){display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] > div:has(> p + button):not(:has(> p + button + *)) > 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){text-align:center !important;inline-size:100% !important;margin-inline:auto !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] > div:has(> p + button):not(:has(> p + button + *)) > 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){margin-inline:auto !important;inline-size:auto !important;flex:0 0 auto !important}


/* 15/09q · Studio (mobile) · as 2 pílulas de acabamento de marca (Etiqueta interna ·
   Tag personalizada) tinham 221 e 289px e ficavam à esquerda: mesma largura e centradas. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] div:has(> button + button):not(:has(> button + button + 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){display:grid !important;grid-template:none !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;align-items:stretch !important;justify-items:stretch !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] div:has(> button + button):not(:has(> button + button + button)) > 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){margin-inline:0 !important;inline-size:100% !important;min-inline-size:0 !important;max-inline-size:none !important;block-size:100% !important;box-sizing:border-box !important;padding:12px 12px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;gap:3px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] div:has(> button + button):not(:has(> button + button + button)) > button > 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:100% !important;text-align:center !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] div:has(> button + button):not(:has(> button + button + button)) > button > 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){font-size:13px !important;font-weight:500 !important;line-height:1.2 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] div:has(> button + button):not(:has(> button + button + button)) > button > 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){font-size:11px !important;font-weight:400 !important;line-height:1.35 !important}


/* 15/09r · Studio (mobile) · cartão de contexto do Visual Studio ("Personalizando ·
   peça · ficha · Trocar") reorganizado: era uma linha de 4 pedaços que embrulhava e
   empurrava o botão para baixo. Agora texto à esquerda em 3 níveis e a pílula à direita. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ctx]: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:minmax(0,1fr) auto !important;gap:12px !important;align-items:center !important;inline-size:100% !important;box-sizing:border-box !important;padding:12px 14px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ctx] > 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){display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:2px !important;inline-size:100% !important;min-inline-size:0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ctx-rot]: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;font-size:10.5px !important;line-height:1.2 !important;letter-spacing:.14em !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ctx-nome]: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;font-size:15px !important;line-height:1.25 !important;font-weight:600 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ctx-spec]: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;font-size:12px !important;line-height:1.4 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ctx-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){inline-size:auto !important;min-inline-size:0 !important;block-size:auto !important;min-block-size:0 !important;padding:9px 14px !important;font-size:12px !important;line-height:1 !important;position:relative !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ctx-btn]::after{content:"";position:absolute;inset:-9px;min-block-size:44px}


/* 15/09s · Studio (mobile) · ETAPA 5 (Lunfe Visual Studio) reconstruída. Antes: 2.538px
   sem sequência — o visor e os controles de prévia (ângulo/cor/ferramentas) vinham ANTES
   dos passos numerados, a cópia dizia "envie a arte ao lado" (não existe lado no
   telefone) e os botões finais ficavam em 175×108 com texto de 11px.
   Agora: visor → 1 Arte → 2 Aplicação/Posição → 3 Tamanho → prévia (ângulo/cor) →
   custo → notas. Achatar as duas colunas com display:contents e ordenar; os filhos da
   coluna da arte compartilham a MESMA ordem, então a sequência do DOM se preserva. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-grid]: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;gap:14px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-colvisor]: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] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-colarte]: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:contents !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-stage]: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:1 !important;position:relative !important;inline-size:100% !important;max-inline-size:none !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-colarte] > *: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:5 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ctrl]: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:2 !important;inline-size:100% !important;max-inline-size:none !important;align-self:stretch !important}
  /* a linha "Envie a arte ao lado…" é cópia de desktop: no telefone o passo 1 fica
     logo abaixo do visor e ela só repete */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-colvisor] > 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){display:none !important}

  /* cabeçalho de passo: barra de largura cheia, número em disco preto */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-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;align-items:center !important;gap:10px !important;align-self:stretch !important;inline-size:100% !important;box-sizing:border-box !important;margin:2px 0 0 !important;padding:9px 14px !important;border:1px solid #E4E4DF !important;border-radius:12px !important;background:#F4F4F1 !important;font-size:11px !important;letter-spacing:.14em !important;line-height:1.1 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-passo] > 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:20px !important;min-inline-size:20px !important;block-size:20px !important;min-block-size:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:11px !important;letter-spacing:0 !important;flex:0 0 auto !important}

  /* prévia: rótulo acima dos controles e cada linha empilhada (o par 150px + resto
     apertava os chips em 3 linhas) */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ctrl]: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:"Prévia da peça";display:block;padding:11px 16px 0;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#A9A9A4}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ctrl] > 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){grid-template:none !important;grid-template-columns:minmax(0,1fr) !important;gap:8px !important;padding:12px 16px !important}

  /* upload da arte e avisos em corpo legível, sem caixas altas demais */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-colarte] > label:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){min-block-size:88px !important;padding:14px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ajuda]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){align-self:stretch !important;inline-size:100% !important;text-align:center !important;justify-content:center !important;padding:13px 16px !important;font-size:13px !important;background:#1E1E1E !important;color:#fff !important;border:none !important;border-radius:999px !important;font-weight:600 !important;min-block-size:48px !important}

  /* par final: "Já possuo o setup" e "+ Adicionar aplicação" empilhados e inteiros
     (a regra dos 2 botões iguais os deixava em 175px com 108px de altura) */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] [data-wiz-setup]: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;grid-template:none !important;gap:10px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] [data-wiz-setup] > 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;max-inline-size:none !important;block-size:auto !important;min-block-size:48px !important;margin-inline:0 !important;align-self:stretch !important;justify-content:flex-start !important;text-align:start !important;font-size:13px !important;line-height:1.45 !important;padding:12px 14px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] [data-wiz-setup] > button: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){border:1px solid #E4E4DF !important;border-radius:12px !important;background:#fff !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] [data-wiz-setup] > 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){justify-content:center !important;text-align:center !important;font-weight:600 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] [data-wiz-setup] > button > 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){font-size:13px !important;line-height:1.45 !important;text-align:start !important}


/* 15/09t · Studio (mobile) · os controles de prévia (ângulo · cor · ferramentas) viram
   acordeão: nascem RECOLHIDOS, o cabeçalho é o gatilho e o disco +/− de 34px abre. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ctrl]: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:none !important;display:none !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ctrl-tog]: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:12px !important;inline-size:100% !important;min-block-size:56px !important;padding:13px 16px !important;box-sizing:border-box !important;background:#F1F7FC !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ctrl-tog] > 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){display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:2px !important;inline-size:auto !important;flex:1 1 auto !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ctrl-tog] > span:first-child > 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] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ctrl-tog] > span:first-child > 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){font-size:11px !important;line-height:1.2 !important;letter-spacing:.14em !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ctrl-tog] > span:first-child > 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){font-size:11.5px !important;line-height:1.3 !important;letter-spacing:0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ctrl-tog] > 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){inline-size:34px !important;min-inline-size:34px !important;block-size:34px !important;min-block-size:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:16px !important;line-height:1 !important;text-align:center !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ctrl-tog] > span:last-child > 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:flex !important;align-items:center !important;justify-content:center !important;inline-size:100% !important;block-size:100% !important;font-size:16px !important;line-height:1 !important;text-align:center !important;margin:0 !important;padding:0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ctrl][data-vs-ctrl-open="0"] > 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){display:none !important}


/* 15/09u · Studio (mobile) · a arte carregada ganha miniatura discreta no chip (26px,
   a própria imagem em contain), mantendo o ✕; a lei ≤430 infla todo <span>, então a
   miniatura e o ✕ precisam redeclarar tamanho. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-art-chip]: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;align-items:center !important;gap:9px !important;inline-size:auto !important;max-inline-size:100% !important;min-block-size:44px !important;padding:7px 12px 7px 8px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-art-chip] > [data-vs-art-thumb]: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:26px !important;min-inline-size:26px !important;block-size:26px !important;min-block-size:0 !important;display:block !important;flex:0 0 auto !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-art-chip] > 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:block !important;inline-size:auto !important;max-inline-size:170px !important;font-size:12.5px !important;line-height:1.3 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-art-chip] > 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){inline-size:auto !important;min-inline-size:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:13px !important;line-height:1 !important;flex:0 0 auto !important;padding:4px !important}


/* 15/09v · Studio (mobile) · o par final do editor ganha hierarquia: a caixa de seleção
   volta para o lado do texto (estava esticada a 328px e empilhada), o rótulo vira
   título + nota, e "+ Adicionar esta aplicação e criar outra" fica em cápsula preta. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] [data-wiz-setup] > button: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){display:flex !important;flex-direction:row !important;align-items:flex-start !important;gap:11px !important;padding:13px 14px !important;background:#F4F4F1 !important;border:1px solid #E9E9E4 !important;border-radius:12px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] [data-wiz-setup] > button:first-child > 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;align-items:center !important;justify-content:center !important;flex:0 0 auto !important;margin-block-start:1px !important;font-size:12px !important;line-height:1 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] [data-wiz-setup] > button [data-wiz-setup-txt]: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;gap:3px !important;inline-size:auto !important;flex:1 1 auto !important;text-align:start !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] [data-wiz-setup] > button [data-wiz-setup-txt] > 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:100% !important;text-align:start !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] [data-wiz-setup] > button [data-wiz-setup-txt] > 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){font-size:13.5px !important;font-weight:600 !important;line-height:1.3 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] [data-wiz-setup] > button [data-wiz-setup-txt] > 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){font-size:12px !important;line-height:1.45 !important;color:#6B6B66 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-card] [data-wiz-setup] > 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){background:#1E1E1E !important;color:#fff !important;border:none !important;border-radius:999px !important;min-block-size:48px !important;font-size:13.5px !important;font-weight:600 !important}


/* 15/09w · Studio (mobile) · o visor da peça vai de borda a borda, sem cantos. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-stage]: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:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;border-radius:0 !important;border-inline:none !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-stage] > 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){border-radius:0 !important}


/* 15/09x · Studio (mobile) · o selo da posição ("CENTRO DO PEITO · FRENTE") sai do canto
   superior esquerdo e vai centrado ao pé da imagem. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-stage] > 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){top:auto !important;bottom:12px !important;left:50% !important;right:auto !important;transform:translateX(-50%) !important;white-space:nowrap !important;inline-size:auto !important;max-inline-size:calc(100% - 24px) !important}


/* 15/09y · Studio (mobile) · os passos 1·2·3 ganham o mesmo disco +/− da prévia, mas
   nascem EXPANDIDOS. O recolher usa faixa de irmãos: esconde o que vem depois do
   cabeçalho e para no cabeçalho seguinte (passo 2 · passo 3 · [data-vs-sec3]). */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-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){justify-content:space-between !important;padding:8px 10px 8px 14px !important;min-block-size:52px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-passo] > [data-vs-passo-tog]: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;align-items:center !important;justify-content:center !important;inline-size:34px !important;min-inline-size:34px !important;block-size:34px !important;min-block-size:0 !important;flex:0 0 auto !important;margin-inline-start:auto !important;font-size:16px !important;line-height:1 !important;letter-spacing:0 !important;padding:0 !important;text-align:center !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-passo] > [data-vs-passo-tog] > 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:flex !important;align-items:center !important;justify-content:center !important;inline-size:100% !important;block-size:100% !important;font-size:16px !important;line-height:1 !important;margin:0 !important;padding:0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-colarte][data-vs-o1="0"] > [data-vs-passo="1"] ~ *:not([data-vs-passo="2"]):not([data-vs-passo="2"] ~ *){display:none !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-colarte][data-vs-o2="0"] > [data-vs-passo="2"] ~ *:not([data-vs-sec3]):not([data-vs-sec3] ~ *){display:none !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-colarte][data-vs-o3="0"] [data-vs-passo="3"] ~ *{display:none !important}


/* 15/09z · Studio (mobile) · o passo 3 vive dentro de um invólucro que encolheu a 265px
   (largura do conteúdo): invólucro e cabeçalho voltam à largura dos passos 1 e 2. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-colarte] > div:has(> [data-vs-passo="3"]):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;max-inline-size:none !important;align-self:stretch !important}


/* 15/09aa · Studio (mobile) · os 4 discos +/− (prévia + passos 1·2·3) na mesma coluna:
   o da prévia caía a 357 e os dos passos a 363 (padding e calha diferentes). Barra do
   passo com 14px de padding à direita e o cartão da prévia com a mesma cota. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-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):not(#n){padding-inline:14px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ctrl]: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(#n){margin-inline:-1px !important;inline-size:calc(100% + 2px) !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ctrl-tog]: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(#n){padding-inline:15px 15px !important}


/* 15/09ab · Studio (mobile) · o custo ao vivo era 3 frases corridas com os valores
   dentro do texto ("Personalização: R$ 1.290,00 + setups R$ 150,00"). Agora é ledger:
   faixa de título, contexto, aplicações × unitário, setups e TOTAL, cada valor à direita. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-custo]: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;gap:0 !important;inline-size:100% !important;align-self:stretch !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-custo] > 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){inline-size:100% !important;box-sizing:border-box !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-custo] > [data-vs-custo-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;justify-content:space-between !important;gap:10px !important;font-size:10.5px !important;line-height:1.2 !important;letter-spacing:.14em !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-custo] > [data-vs-custo-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){display:inline !important;inline-size:auto !important;font-size:10px !important;letter-spacing:.1em !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-custo] > [data-vs-custo-ctx]: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:12.5px !important;line-height:1.5 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-custo] > [data-vs-custo-lin]: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:baseline !important;justify-content:space-between !important;gap:12px !important;font-size:13px !important;line-height:1.4 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-custo] > [data-vs-custo-lin] > 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;flex:1 1 auto !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-custo] > [data-vs-custo-lin] > strong:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){flex:0 0 auto !important;font-size:13px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-custo] > [data-vs-custo-tot]: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:baseline !important;justify-content:space-between !important;gap:12px !important;font-size:14px !important;line-height:1.3 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-custo] > [data-vs-custo-tot] > 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;flex:1 1 auto !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-custo] > [data-vs-custo-tot] > strong:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){flex:0 0 auto !important;font-size:16px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-custo] > [data-vs-custo-nota]: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:11.5px !important;line-height:1.45 !important}


/* 15/09ac · Studio (mobile) · "até A4 (21×30 cm) · zona…" desce para a linha de baixo
   da classificação, e "Quero outra faixa de tamanho" encosta nesse mesmo bloco (sem
   hairline nem vão de 12px, para não parecer um bloco novo). */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-colarte] > div:has(> [data-vs-passo="3"]) > p:last-of-type > 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:100% !important;margin-block-start:3px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-colarte] > div:has(> [data-vs-passo="3"]) > [data-faixa-sw]: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-block-start:none !important;padding-block-start:0 !important;margin-block-start:-8px !important}


/* 15/09ad · Studio (mobile) · FAB de atendimento no padrão do Varejo: cota única de 16px
   pousado e flutuando; no quadro o pouso vinha de ":not(footer) > [data-support-widget]"
   com 64px (32+20+12) e o botão saltava ao rolar. */


/* 15/09ae · Studio (mobile) · o × recolhe de verdade: as regras da loja/quadro que dão
   201px de pílula ao FAB (padding 0 16px + min-block-size 46) venciam o CSS do script,
   então o estado "recolhido" não virava disco. Geometria declarada aqui, por último. */
html[data-lunfe-mob] [data-fab-host][data-fab-recolhido="1"] > button:not([data-fab-x]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){inline-size:48px !important;width:48px !important;min-inline-size:48px !important;max-inline-size:48px !important;block-size:48px !important;min-block-size:48px !important;padding:0 !important;border-radius:999px !important;justify-content:center !important;gap:0 !important;overflow:hidden !important}
html[data-lunfe-mob] [data-fab-host][data-fab-recolhido="1"] > button:not([data-fab-x]) > *:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:none !important}


/* 15/09af · Studio (mobile) · a nota "A prévia visual representa…" ficava no pé do
   editor, longe do que ela explica. Achatando o invólucro (grade + rodapé em
   display:contents) todos viram irmãos de uma coluna só e a nota assume o lugar
   logo abaixo da imagem; o botão de ajuda continua no fim. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] div:has(> [data-vs-grid]) > *: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:0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] div:has(> [data-vs-grid]):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;gap:14px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-grid]: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:contents !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-foot]: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:contents !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-colvisor] > *: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:4 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-colvisor] > [data-vs-stage]: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:1 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-colvisor] > [data-vs-ctrl]: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}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-foot] > 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){order:2 !important;margin:0 !important;font-size:12px !important;line-height:1.5 !important;color:#A9A9A4 !important;text-align:center !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-foot] > 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){order:9 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-ctrl]: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){order:3 !important}


/* 15/09ag · Studio (mobile) · o ledger de custo desce para DEPOIS do par
   "Já possuo o setup" / "+ Adicionar esta aplicação e criar outra": o valor fecha o
   editor, em vez de aparecer no meio das escolhas. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-colarte] > [data-vs-custo]: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:7 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-colarte] > [data-wiz-setup]: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:6 !important}


/* 15/09ah · Studio (mobile) · "As escolhas salvam sozinhas…" ficava entre o acordeão da
   prévia e o passo 1, cortando a sequência. Vai para o fim do editor (logo antes do
   botão de ajuda), discreta e centrada — é tranquilização, não instrução. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-colarte] > p:last-of-type:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){text-align:center !important;font-size:11.5px !important;line-height:1.45 !important;color:#A9A9A4 !important;margin:0 !important}

@keyframes lunfeSemArtePulso{0%{box-shadow:0 0 0 0 rgba(30,30,30,.20),0 0 0 rgba(221,253,44,0)}55%{box-shadow:0 0 0 6px rgba(221,253,44,.55),0 6px 18px rgba(30,30,30,.10)}100%{box-shadow:0 0 0 0 rgba(30,30,30,.20),0 0 0 rgba(221,253,44,0)}}

/* 15/09ai · Studio (mobile) · o recado "Deixa com a gente" ganha destaque: tinta cheia
   do Studio (#1E1E1E) com selo lime, texto branco e borda pulsando (3 ciclos e para —
   pulso infinito em recado de confirmação vira ruído). */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] div:has(> [data-vs-passo="3"]) > [data-vs-semarte]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){background:#1E1E1E !important;color:#fff !important;border:1px solid #DDFD2C !important;border-radius:14px !important;padding:16px 16px 15px !important;font-size:14px !important;line-height:1.55 !important;animation:lunfeSemArtePulso 1.5s ease-out 3 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-semarte] > strong: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;color:#DDFD2C !important;font-size:12px !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;margin-block-end:6px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-vs-semarte] > 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){color:#fff !important}


/* 15/09aj · Studio (mobile) · etapa 6 (Contato e frete) de borda a borda: a seção zera
   a calha só nesta etapa (as outras dependem dela para os blocos full-bleed com margem
   negativa) e os cartões perdem canto e borda lateral. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="6"]: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-inline:0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="6"] > [data-tela-topo]: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:0 !important;inline-size:100% !important;max-inline-size:none !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="6"] > 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),html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="6"] > h1: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] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="6"] > 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){padding-inline:16px !important;box-sizing:border-box !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="6"] > div > 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){margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;border-radius:0 !important;border-inline:none !important;padding-inline:16px !important;box-sizing:border-box !important}




/* 15/09al · Studio (mobile) · "+ Adicionar esta aplicação e criar outra" passou a viver
   no editor, logo abaixo de "As escolhas salvam sozinhas…" e ACIMA da linha do grupo
   (antes estava dentro do grupo, abaixo dela). Cápsula preta full width. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"] [data-wiz-addapl]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){align-self:stretch !important;inline-size:100% !important;max-inline-size:none !important;justify-content:center !important;text-align:center !important;background:#1E1E1E !important;color:#fff !important;border:none !important;border-radius:999px !important;min-block-size:48px !important;font-size:13.5px !important;font-weight:600 !important;padding:13px 16px !important}


/* 15/09am · Studio (mobile) · tela "Seu projeto" reconstruída: full width, uma coluna e
   ordenada por prioridade — cabeçalho → identidade do orçamento → CARTÃO AZUL (total,
   PIX, parcelas, pagar) → detalhe dos itens → frete e prazo → guardar/falar.
   Achata as duas colunas (grade + ledger + coluna 2 em display:contents) e ordena. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"]: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;gap:12px !important;padding-inline:0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] > [data-tela-topo]: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:0 !important;margin-inline:0 !important;inline-size:100% !important;max-inline-size:none !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] > div:has(> div > [data-orc-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){order:1 !important;padding-inline:16px !important;gap:10px !important;margin:0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] > [data-tela-topo]: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-block-end:0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] h1: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:30px !important;line-height:1.08 !important;letter-spacing:-.015em !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-pedido]: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:100% !important;box-sizing:border-box !important;font-size:13px !important;line-height:1.5 !important;border-radius:12px !important;padding:13px 15px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-valid]: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:12.5px !important;color:#A9A9A4 !important;padding-inline:16px !important}

  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-split]: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] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-ledger]: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] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-col2]: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:contents !important}

  /* 1º · a decisão: cartão azul do Studio de borda a borda */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-azul]: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:6 !important;border-radius:0 !important;margin:0 !important;inline-size:100% !important;max-inline-size:none !important;padding:20px 16px !important;box-sizing:border-box !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-azul] > p: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){font-size:38px !important;line-height:1 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-unit]: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:14px !important;padding:16px !important;margin-block-end:18px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-unit] > p: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){font-size:34px !important;line-height:1 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-azul] 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:48px !important;margin-block-start:16px !important}

  /* 2º · o detalhe: ledger em linhas full width */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-ledger-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){order:2 !important;padding:14px 16px 10px !important;border-block-start:1px solid #E4E4DF !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-item]: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:2 !important;padding:13px 16px !important;gap:12px !important;align-items:flex-start !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-item] > span:first-child > 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){font-size:14.5px !important;line-height:1.35 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-item] > span:first-child > 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){font-size:12.5px !important;line-height:1.45 !important;margin-block-start:3px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-item]: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(#n){flex-wrap:nowrap !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-item] > 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){flex:1 1 auto !important;min-inline-size:0 !important;inline-size:auto !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-item] > 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){font-size:15.5px !important;font-weight:600 !important;white-space:nowrap !important;flex:0 0 auto !important;margin-inline-start:auto !important;text-align:end !important;inline-size:auto !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-total]: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;padding:14px 16px !important;background:#F4F4F1 !important;border-block:1px solid #E4E4DF !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-total] > 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){font-size:13px !important;font-weight:700 !important;color:#1E1E1E !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-total] > 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){font-size:26px !important;font-weight:600 !important;color:#1E1E1E !important}

  /* 3º · frete e prazo */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-frete-rot]: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:4 !important;padding:16px 16px 0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-frete-aviso]: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:4 !important;margin:10px 16px 12px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-frete-trilho]: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:4 !important;max-block-size:none !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-frete-nota]: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:5 !important;padding:10px 16px 0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-frete-trilho] > 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){padding:13px 16px !important;min-block-size:56px !important}

  /* 4º · guardar e falar */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-cta]: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:8 !important;border-radius:0 !important;border-inline:none !important;inline-size:100% !important;max-inline-size:none !important;padding:18px 16px 24px !important;box-sizing:border-box !important;margin:0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-cta] 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:48px !important}


/* 15/09an · Studio (mobile) · FRETE E PRAZO vira acordeão fechado (o trilho de 6
   transportadoras empurrava o resumo para fora da tela) e o botão "Finalizar pagamento"
   fica verde escuro com texto branco. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-frete-rot]: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;justify-content:space-between !important;gap:12px !important;min-block-size:56px !important;padding:14px 14px !important;background:#F4F4F1 !important;border-block:1px solid #E4E4DF !important;box-sizing:border-box !important;cursor:pointer}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-frete-rot]: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(#r){flex-wrap:wrap !important;align-content:center !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-frete-sum]: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 1 auto !important;order:0 !important;align-items:baseline !important;gap:5px !important;margin:0 !important;font-size:11px !important;line-height:1.3 !important;letter-spacing:.02em !important;text-transform:none !important;font-weight:500 !important;color:#14523A !important;min-inline-size:0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-frete-sum]: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:":";margin-inline:-12px 5px;color:#1E1E1E;font-weight:700}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-frete-barato]: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;align-items:center !important;inline-size:auto !important;min-inline-size:0 !important;flex:0 0 auto !important;margin-inline-start:2px !important;padding:3px 7px !important;background:transparent !important;border:1px solid #1B6B47 !important;color:#1B6B47 !important;border-radius:0 !important;font-size:9.5px !important;font-weight:700 !important;letter-spacing:.1em !important;line-height:1.1 !important;white-space:nowrap !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-frete-barato] > 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:inline !important;inline-size:auto !important;font-size:9.5px !important;line-height:1.1 !important;color:#1B6B47 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-frete-rot] > [data-orc-frete-tog]: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(#t){margin-inline-start:auto !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-frete-sum] > 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){display:inline !important;inline-size:auto !important;font-size:11px !important;line-height:1.3 !important;color:#14523A !important;font-weight:500 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-frete-sum] > 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:inline !important;inline-size:auto !important;margin-inline-start:0 !important;font-size:11px !important;white-space:nowrap !important;line-height:1.3 !important;color:#A9A9A4 !important;font-weight:400 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-frete-sum] span 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:inline !important;inline-size:auto !important;font-size:inherit !important;line-height:inherit !important;color:inherit !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-frete-rot] > [data-orc-frete-tog]: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;align-items:center !important;justify-content:center !important;inline-size:34px !important;min-inline-size:34px !important;block-size:34px !important;min-block-size:0 !important;flex:0 0 auto !important;font-size:16px !important;line-height:1 !important;letter-spacing:0 !important;padding:0 !important;text-align:center !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-frete-rot] > [data-orc-frete-tog] > 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:flex !important;align-items:center !important;justify-content:center !important;inline-size:100% !important;block-size:100% !important;font-size:16px !important;line-height:1 !important;margin:0 !important;padding:0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-frete-rot][data-orc-frete-open="0"] ~ [data-orc-frete-aviso]: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:none !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-frete-rot][data-orc-frete-open="0"] ~ [data-frete-trilho]: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:none !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-frete-rot][data-orc-frete-open="0"] ~ [data-orc-frete-nota]: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:none !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-pagar]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){background:#1B6B47 !important;color:#fff !important;border:none !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-pagar] > 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){color:#fff !important}


/* 15/09ao · Studio (mobile) · FAB de atendimento oculto durante o briefing e nas telas
   do fluxo de produção (o formulário já tem o próprio caminho de ajuda). */
html[data-lunfe-mob] [data-sc-name] main#ls-conteudo:has(> section[data-screen-label="Studio · Briefing"]) ~ * [data-support-widget]: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]:has(main#ls-conteudo > section[data-screen-label="Studio · Briefing"]) [data-support-widget]: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]:has(main#ls-conteudo > section[data-screen-label="Studio · Seu projeto"]) [data-support-widget]: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]:has(main#ls-conteudo > section[data-screen-label="Studio · Arte"]) [data-support-widget]: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]:has(main#ls-conteudo > section[data-screen-label="Studio · Aprovado"]) [data-support-widget]: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]:has(main#ls-conteudo > section[data-screen-label="Studio · Enviado"]) [data-support-widget]: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]:has(main#ls-conteudo > section[data-screen-label="Studio · Produção"]) [data-support-widget]: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]:has(main#ls-conteudo > section[data-screen-label="Studio · Peça-base"]) [data-support-widget]: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:none !important}


/* 15/09ap · Studio (mobile) · rodapé: o 1º bloco tinha 55px de margem herdada acima
   (margin-top do footer) + 12px de padding = quase 70px de branco antes da frase.
   Fica 24px de respiro e o mesmo 16px de calha do resto da loja. */
html[data-lunfe-mob] footer: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-block-start:24px !important}
html[data-lunfe-mob] footer > div: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){padding-block:0 !important}


/* 15/09aq · Studio (mobile) · selo do orçamento alinhado à calha de 16px (estava com
   17px de recuo herdado do padding da coluna), em corpo menor e mais compacto. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-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){margin:0 0 4px !important;padding:5px 11px !important;font-size:11.5px !important;line-height:1.2 !important;gap:7px !important;align-self:flex-start !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-selo] > 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:5px !important;block-size:5px !important;min-inline-size:0 !important;flex:0 0 auto !important;display:block !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-selo] > 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){display:inline !important;inline-size:auto !important;font-size:11.5px !important;line-height:1.2 !important}


/* 15/09ar · Studio (mobile) · a linha do parcelado, dentro do cartão azul, herdava
   cinza do bloco de notas: texto branco sobre o azul. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-azul] > 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){color:#fff !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-azul] > p > strong: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] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-azul] > p > 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){color:#fff !important}


/* 15/09as · Studio (mobile) · a tela terminava com 145px de branco antes do rodapé:
   96px de padding-bottom da seção (reserva da barra sticky, que aqui não existe) +
   24px do CTA + 24px do rodapé. Fica 24 + 24. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"]: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-block-end:0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-cta]: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(#p){padding-block-end:24px !important}


/* 15/09at · Studio (mobile) · a grade de 6 atalhos do rodapé fechava a 2px do bloco
   seguinte e as linhas tinham 2px entre si: gap de 8px e 24px de respiro até o próximo
   bloco (que também ganha 20px de padding acima da sua régua). */
html[data-lunfe-mob] footer div:has(> button + button + button + button + button + 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){row-gap:8px !important;column-gap:12px !important;margin-block-end:24px !important}
html[data-lunfe-mob] footer > div: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){padding-block-start:20px !important}


/* 15/09au · Studio (mobile) · ETAPA 1 (finalidade) reconstruída: as 5 opções caíam na
   regra das pílulas de quantidade — 5 colunas de 67px com o nome quebrado em 3 linhas
   de 11.5px ("Uniforme da empresa", "Colégio/Universidade"). Agora: 2 colunas de 173px,
   nome em 13px numa linha, cartões de 52px e "Outro" ocupando a linha inteira. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="1"] [data-wiz-chips]: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;align-items:stretch !important;justify-items:stretch !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="1"] [data-wiz-chips] > 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-inline:0 !important;block-size:auto !important;min-block-size:52px !important;box-sizing:border-box !important;padding:10px 12px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;gap:2px !important;border-radius:12px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="1"] [data-wiz-chips] > button > 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:100% !important;font-size:13px !important;line-height:1.25 !important;text-align:center !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="1"] [data-wiz-chips] > 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){grid-column:1 / -1 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="1"] [data-wiz-rot]: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:12.5px !important;font-weight:600 !important;line-height:1.4 !important;margin-block-end:2px !important}


/* 15/09av · Studio (mobile) · painel "Monte a sua grade" (cor × tamanho, padrão do
   Atacado): full-bleed, acordeão por produto, células de 16px que caibam em 390. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-grade-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:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;padding-inline:16px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-grade-prod]: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:-16px !important;inline-size:calc(100% + 32px) !important;border-inline:none !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-grade-prod][data-grade-open="0"] > [data-grade-corpo]: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:none !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-grade-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:10px !important;min-block-size:56px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-grade-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){display:flex !important;flex-direction:column !important;align-items:flex-start !important;inline-size:auto !important;flex:1 1 auto !important;gap:2px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-grade-top] > span > 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] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-grade-del]: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] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-grade-tog]: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:32px !important;min-inline-size:32px !important;block-size:32px !important;min-block-size:0 !important;padding:0 !important;flex:0 0 auto !important;display:flex !important;align-items:center !important;justify-content:center !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-grade-head]: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] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-grade-linha]: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:62px repeat(5,minmax(0,1fr)) 28px !important;gap:4px !important;align-items:center !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-grade-head] > 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),html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-grade-linha] > 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;min-inline-size:0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-grade-cel]: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;block-size:auto !important;min-block-size:38px !important;padding:8px 1px !important;font-size:16px !important;text-align:center !important;border-radius:0 !important;box-sizing:border-box !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-grade-cel][data-off="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){background:#F7F7F5 !important;color:#C9C9C4 !important;pointer-events:none !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-grade-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-wrap:wrap !important;gap:6px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-grade-total]: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:-16px !important;inline-size:calc(100% + 32px) !important;border-inline:none !important;display:flex !important;flex-wrap:wrap !important;gap:4px 10px !important}


/* 15/09aw · Studio (mobile) · barra de economia por volume: full-bleed, verde clarinho,
   percentual em selo, frase de ganho e régua de faixas. A lei ≤430 infla todo span
   (25px/40px, display:block) — daí cada texto redeclarado. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-wiz-bar]: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:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;border-inline:none !important;border-radius:0 !important;display:flex !important;flex-direction:column !important;gap:9px !important;padding:16px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-wiz-bar] [data-bar-topo]: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:10px !important;inline-size:100% !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-wiz-bar] [data-bar-topo] > 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:inline-flex !important;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] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-wiz-bar] [data-bar-pct]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){flex:0 0 auto !important;font-size:14px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-wiz-bar] [data-bar-tit]: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;font-size:16px !important;line-height:1.25 !important;min-block-size:0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-wiz-bar] [data-bar-frase]: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;font-size:13px !important;line-height:1.55 !important;min-block-size:0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-wiz-bar] [data-bar-trilha]: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:100% !important;block-size:8px !important;min-block-size:8px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-wiz-bar] [data-bar-trilha] > 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;block-size:8px !important;min-block-size:8px !important;inline-size:auto !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-wiz-bar] [data-bar-marcos]: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;justify-content:space-between !important;gap:4px !important;inline-size:100% !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-wiz-bar] [data-bar-marco]: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 !important;inline-size:auto !important;block-size:auto !important;min-block-size:0 !important;font-size:10.5px !important;line-height:1.2 !important;flex:0 0 auto !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-wiz-bar] [data-bar-marco][data-on="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){color:#1B6B47 !important;font-weight:700 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="3"] [data-wiz-bar] [data-bar-eco]: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;inline-size:auto !important;block-size:auto !important;min-block-size:0 !important;flex:0 0 auto !important;font-size:12.5px !important;line-height:1.3 !important}


/* 15/09ax · Studio (mobile) · o briefing fechava com 96px de padding (reserva da barra
   sticky, que não existe nestas telas) + 24px do rodapé: ~120px de branco depois do
   "Continuar". Em TODAS as etapas o vão fica 24 + 24. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"]: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-block-end:24px !important}


/* 15/09ay · Studio (mobile) · nas telas curtas do fluxo o `main` tinha min-height de
   844px (altura do aparelho) e sobrava um vazio branco entre o "Continuar" e o rodapé
   (163px na etapa 1). Nas telas do briefing/orçamento o rodapé segue o conteúdo. */
html[data-lunfe-mob] main#ls-conteudo:has(> section[data-screen-label="Studio · Briefing"]):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] main#ls-conteudo:has(> section[data-screen-label="Studio · Seu projeto"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){min-block-size:0 !important;min-height:0 !important}


/* 15/09az · Studio (mobile) · bloco de autoatendimento de trocas na pele do FRYMO
   TROCAS (tinta #141414, lime #DBF742, superfície #F7F7F7, hairline #ECECEC, cantos
   retos): barra de identidade, corpo branco, 3 passos em 1 coluna e pé com CTA. */
  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:26px !important;min-inline-size:26px !important;block-size:26px !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:1px !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:48px !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:48px !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}
  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){display:block !important;inline-size:100% !important;font-size:12.5px !important;line-height:1.6 !important}


/* 15/09ba · Studio (mobile) · cabeçalho da institucional no padrão discreto das outras
   telas: discos de 28px em cinza clarinho, alvo de 44px por ::after invisível. */
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] > div > div: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){display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;min-block-size:44px !important;padding-block:0 !important;margin-block-end:12px !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] > div > div:first-child 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){position:relative !important;inline-size:28px !important;min-inline-size:28px !important;block-size:28px !important;min-block-size:0 !important;padding:0 !important;border:1px solid #E9E9E4 !important;background:#F4F4F1 !important;color:#5E5E5A !important;border-radius:999px !important;font-size:12px !important;line-height:1 !important;display:grid !important;place-items:center !important;flex:0 0 auto !important}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] > div > div:first-child 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)::after{content:"";inset:-8px}
  html[data-lunfe-mob] [data-sc-name] [data-screen-label="Página institucional"] > div > div:first-child 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):hover{background:#ECECE7 !important}


/* 15/09bc · Studio (mobile) · índice de páginas institucionais: 10 pílulas de larguras
   irregulares em 5 linhas viravam mosaico. Agora grade de 2 colunas iguais, 44px 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;margin-block-start:28px !important;padding-block-start:16px !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}


/* 15/09bd · Studio (mobile) · a tela "Entrar" ficava numa coluna de 326px com 16px de
   calha do grid + 16 da seção + 44 de padding interno: ~120px perdidos na largura.
   Full width de borda a borda, com 16px de respiro só no texto. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Entrar"] > [data-split]: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:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;grid-template:none !important;grid-template-columns:minmax(0,1fr) !important;padding-inline:0 !important;gap:0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Entrar"] > [data-split] > 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){inline-size:100% !important;max-inline-size:none !important;box-sizing:border-box !important;padding:20px 16px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Entrar"] > [data-split] > div: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){justify-content:flex-start !important;row-gap:14px !important;block-size:auto !important;min-block-size:0 !important;padding-block:14px 18px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Entrar"] > [data-split] > div:first-child h1: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:25px !important;line-height:1.14 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Entrar"] > [data-split] > div:first-child h1 + 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){margin-block-start:10px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Entrar"] > [data-split] > div: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){border-block-start:1px solid #E4E4DF !important}


/* 15/09be · Studio (mobile) · "Entrar com Google/Apple" empilhados full width, cantos
   retos, 50px de toque (em 2 colunas de 173px o rótulo quebrava em duas linhas). */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Entrar"] [data-auth-oauth]: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] main#ls-conteudo section[data-screen-label="Studio · Entrar"] [data-auth-oauth] > 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;flex:0 0 auto !important;min-block-size:42px !important;block-size:42px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;font-size:13px !important;line-height:1 !important;border-radius:0 !important;padding:0 12px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Entrar"] [data-auth-oauth] > button > 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){inline-size:16px !important;block-size:16px !important;flex:0 0 auto !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Entrar"] [data-auth-sep]: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:center !important;flex-wrap:nowrap !important;gap:12px !important;margin-block:20px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Entrar"] [data-auth-sep] > 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;block-size:1px !important;min-block-size:0 !important;flex:1 1 auto !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Entrar"] [data-auth-sep] > [data-auth-ou]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){flex:0 0 auto !important;block-size:auto !important;font-size:12px !important;line-height:1.2 !important}


/* 16/09 · Studio (mobile) · (1) total sai da faixa do ledger e fica SÓ no cartão azul
   (era o mesmo valor duas vezes, a poucos centímetros); (2) barra de ação sticky em
   liquid glass — PIX à vista + "Finalizar pagamento" sempre ao alcance, sem repetir o
   total; (3) aviso de prazo na etapa 2. */
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-total]: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:none !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):has(> section[data-screen-label="Studio · Seu projeto"]){overflow:visible !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l){overflow:visible !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-sticky]: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:99 !important;display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;position:sticky !important;inset-block:auto 0 !important;inset-inline:0 !important;max-inline-size:none !important;align-items:center !important;gap:12px !important;padding:10px 16px calc(10px + env(safe-area-inset-bottom)) !important;box-sizing:border-box !important;background:rgba(20,20,20,.72) !important;backdrop-filter:blur(18px) saturate(1.6) !important;-webkit-backdrop-filter:blur(18px) saturate(1.6) !important;border-block-start:1px solid rgba(255,255,255,.10) !important;border-radius:0 !important;z-index:var(--z-sticky-bar,60) !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-sticky] > 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){display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:1px !important;inline-size:auto !important;flex:1 1 auto !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-sticky] > span:first-child > 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;line-height:1.2 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-sticky] > span:first-child > 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){font-size:10px !important;letter-spacing:.14em !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-sticky] > span:first-child > 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){font-size:15px !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Seu projeto"] [data-orc-sticky] > 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:auto !important;min-inline-size:0 !important;flex:0 0 auto !important;min-block-size:48px !important;block-size:48px !important;padding:0 18px !important;font-size:13px !important;border-radius:0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="2"] [data-wiz-prazoaviso]: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:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;display:flex !important;align-items:flex-start !important;gap:12px !important;padding:14px 16px !important;border-radius:0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="2"] [data-wiz-prazoaviso] > 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){display:inline-flex !important;inline-size:auto !important;block-size:auto !important;min-block-size:0 !important;flex:0 0 auto !important;font-size:10.5px !important;line-height:1.2 !important;border-radius:0 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="2"] [data-wiz-prazoaviso] > 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:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:4px !important;inline-size:auto !important;flex:1 1 auto !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="2"] [data-wiz-prazoaviso] > span:last-child > 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] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="2"] [data-wiz-prazoaviso] > span:last-child > 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){font-size:13.5px !important;line-height:1.35 !important}
  html[data-lunfe-mob] [data-sc-name] main#ls-conteudo section[data-screen-label="Studio · Briefing"][data-wiz-step="2"] [data-wiz-prazoaviso] > span:last-child > 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){font-size:12.5px !important;line-height:1.5 !important}

/* 03/10bi · Studio · Menu: o traço AZUL é o contorno de foco (outline 2px #82ADD4) e encostava no "P" porque o item vinha com padding-inline 0. O item ganha 14px de calha interna dos dois lados (largura cheia da coluna) e o contorno passa a correr por dentro da caixa (offset −2px), a 12px da primeira letra */
html[data-lunfe-mob] [data-screen-label="Menu overlay"] [data-menu-list] > div > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){box-sizing:border-box !important;padding-inline:14px !important;margin-inline:0 !important;inline-size:100% !important;max-inline-size:none !important;outline-offset:-2px !important}
/* 03/10bj · Studio · Catálogo: o h1 "Escolha a sua camiseta preferida…" era o único filho da seção sem a calha de 16 (todos os irmãos têm padding-left 16) — encostava na borda esquerda */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] > h1:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){box-sizing:border-box !important;padding-inline:var(--page-pad,16px) !important;max-inline-size:100% !important;text-wrap:balance !important}
/* 03/10bk · Studio · Catálogo no telefone: barra fixa "Filtros + categorias" em vidro claro (DESIGN.md), folha de filtros (Categoria · Gramatura · Ordenar) com o branco colorido do Studio, grade 2-up de borda a borda sem moldura/raio/calha, foto 3:4, texto recuado 12 */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] > [data-cat-chips]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] > [data-cat-bar]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:flex !important;align-items:center !important;gap:10px !important;position:sticky !important;top:57px !important;z-index:40 !important;box-sizing:border-box !important;inline-size:100% !important;max-inline-size:none !important;margin:0 0 14px !important;padding:10px 0 10px 16px !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;border-block:1px solid rgba(30,30,30,.06) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] > [data-cat-bar] > [data-cat-filtros]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){flex:0 0 auto !important;block-size:40px !important;min-block-size:40px !important;padding:0 14px !important;margin:0 !important;max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] > [data-cat-bar] > [data-cat-atalhos]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){flex:1 1 auto !important;min-inline-size:0 !important;max-inline-size:none !important;display:flex !important;gap:8px !important;overflow-x:auto !important;overflow-y:hidden !important;scrollbar-width:none !important;padding:0 16px 0 0 !important;margin:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] > [data-cat-bar] > [data-cat-atalhos]::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] > [data-cat-bar] > [data-cat-atalhos] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){flex:0 0 auto !important;block-size:40px !important;min-block-size:40px !important;padding:0 14px !important;font-size:13px !important;white-space:nowrap !important;max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] [data-cat-n]::before{content:attr(data-cat-n)}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] [data-ver]::before{content:attr(data-ver)}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] [data-cat-sheet] button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){max-inline-size:none !important;justify-content:center !important;text-align:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] > [data-plp-grid]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:20px 0 !important;padding-inline:0 !important;margin-inline:0 !important;inline-size:100% !important;max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] > [data-plp-grid] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){border:0 !important;border-radius:0 !important;box-shadow:none !important;background:#fff !important;min-inline-size:0 !important;max-inline-size:none !important;transform:none !important;padding:0 !important;margin:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] > [data-plp-grid] > button > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){aspect-ratio:3/4 !important;border-radius:0 !important;background:#F0F0ED !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] > [data-plp-grid] > button > span:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){padding:12px 12px 14px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] > [data-plp-grid] > button > span:last-child > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){font-size:13.5px !important;line-height:1.35 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] > [data-plp-grid] > button > span:last-child > span:nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){font-size:11.5px !important;margin-top:4px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] > [data-plp-grid] > button > span:last-child > span:nth-child(3):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){font-size:11.5px !important;margin-top:8px !important}
/* 03/10bl · Studio · Catálogo: linha "1–25 de 94 peças-base" sai no telefone; se houver filtro de gramatura ativo, só o chip dele fica */
/* 03/10bm · folha de filtros de borda a borda; modelagens (Regular · Slim · Oversized) saem da barra e do grupo Categoria — vão para Modelagem; "← Voltar ao Studio" sem moldura, colado ao menu (seção com 12px no topo) */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] [data-cat-sheet]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){padding:0 !important;margin:0 !important;max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] [data-cat-sheet] > [data-cat-sheet-painel]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){inline-size:100% !important;max-inline-size:none !important;margin:0 !important;box-sizing:border-box !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] [data-cat-sheet] [data-cat-sheet-painel] div:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){max-inline-size:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] :is([data-cat-bar],[data-cat-grupo="categoria"]) :is([data-k="regular"],[data-k="slim"],[data-k="oversized"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] main > section[data-screen-label="Studio · Catálogo"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){--sec-pt:12px !important;padding-top:12px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] > button[aria-label="Voltar ao Studio"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){border:0 !important;background:none !important;border-radius:0 !important;box-shadow:none !important;min-height:44px !important;padding:0 16px !important;margin:0 0 10px !important;font-size:13px !important;color:#1E1E1E !important;gap:8px !important;display:inline-flex !important;align-items:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] > [data-cat-chips] + div > p:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] > [data-cat-chips] + div:not(:has(button)):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] > [data-cat-chips] + div:has(button):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){margin:0 0 14px !important}
/* 03/10bo · Studio · Catálogo: folha de filtros em TELA CHEIA, acima do menu — só o filtro aparece */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] [data-cat-sheet]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){z-index:2000 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] [data-cat-sheet] > [data-cat-sheet-painel]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){max-block-size:100% !important;block-size:100% !important;border-radius:0 !important;border-top:0 !important;box-shadow:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] [data-cat-sheet] > [data-cat-sheet-painel] > span:first-child: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 - Personalizacao"] main#ls-conteudo:has([data-cat-sheet]):not(#a):not(#b){z-index:2000 !important}
/* 03/10bn · Studio · Catálogo: folha de filtros sem rolagem e "tremendo" — o corpo não encolhia (flex sem min-height:0), então a roda/toque rolava o QUADRO por baixo e a folha (posicionada no topo visível) andava junto. Corpo vira o único rolador (contain), painel com teto de 88%, e o quadro trava a rolagem enquanto a folha está aberta */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] [data-cat-sheet] > [data-cat-sheet-painel]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){max-block-size:88% !important;min-block-size:0 !important;block-size:auto !important;height:auto !important;display:flex !important;flex-direction:column !important;overflow:hidden !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] [data-cat-sheet] [data-cat-sheet-corpo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){flex:1 1 auto !important;min-block-size:0 !important;block-size:auto !important;overflow-y:auto !important;overflow-x:hidden !important;overscroll-behavior:contain !important;-webkit-overflow-scrolling:touch !important;touch-action:pan-y !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] [data-cat-sheet] [data-cat-sheet-pe]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){flex:0 0 auto !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] [data-cat-sheet] > [data-cat-sheet-painel] > :is(span,div:not([data-cat-sheet-corpo]):not([data-cat-sheet-pe])):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){flex:0 0 auto !important}
/* 03/10bq · Studio · Peça-base (ONDA 2 · resíduos): grade 1.15fr/0.85fr do bloco 03 em 1 coluna, fileira "Foto N" quebra centrada, trilhos [data-rail-prod] de borda a borda com calha interna, CTA escuro em pílula cheia 52px */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-pdp-bloco] [style*="1.15fr"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){grid-template-columns:minmax(0,1fr) !important;row-gap:20px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-pdp-bloco] [style*="1.15fr"] > *:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){min-inline-size:0 !important;inline-size:100% !important;max-inline-size:100% !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] :has(> button[aria-label^="Foto "] ~ button[aria-label^="Foto "]):not(:has(> [role="img"])):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:8px !important;inline-size:100% !important;max-inline-size:100% !important;overflow:visible !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-rail-prod]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){box-sizing:border-box !important;margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;padding-inline:16px !important;scroll-padding-inline:16px !important;scroll-snap-type:none !important;scrollbar-width:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-buystack] > div button[style*="background: rgb(30, 30, 30)"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){inline-size:100% !important;max-inline-size:none !important;min-block-size:52px !important;border-radius:999px !important;justify-content:center !important;text-align:center !important;box-sizing:border-box !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-rail-prod] > :last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){margin-inline-end:16px !important}
/* 03/10br · Peça-base: o cartão de compra ("O seu projeto · 0/20 peças…") sobe 1 bloco — fica logo abaixo das miniaturas, antes de "Sobre esta peça". As duas colunas do split são achatadas (display:contents) e a ordem vem por order: foto/miniaturas −2 · compra −1 · Sobre/Como funciona 0 */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-split] > div: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 - Personalizacao"] section[data-screen-label="Peça-base"] [data-split] > [data-buystack]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:contents !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-split] > div:first-child > :is(div:first-child,[data-om-snap]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){order:-2 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-split] > div:first-child > [data-om-snap]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){margin-top:8px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-buystack] > div:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){order:-1 !important}
/* 03/10bp · Studio · Peça-base no telefone (ONDA 1 · moldura + galeria + cartões + blocos), no padrão da Grade B2B do Atacado: split em 1 coluna sem a calha dupla (16+16), foto principal de borda a borda 4:5 sem moldura, miniaturas em trilho 4/tela coladas, cartões de compra/"Sobre esta peça"/"Como funciona" e blocos 02–09 de borda a borda com calha interna 16, grades internas responsivas (fim dos estouros de 70px), botões de técnica em largura cheia, banner final de borda a borda */
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-split]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){padding:0 !important;gap:0 !important;grid-template-columns:minmax(0,1fr) !important;inline-size:100% !important;max-inline-size:none !important;margin:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-split] > div:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){min-inline-size:0 !important;max-inline-size:none !important;inline-size:100% !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-split] > div:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){gap:8px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-split] > div:first-child > div:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){box-sizing:border-box !important;margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;aspect-ratio:4/5 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-split] > div:first-child > [data-om-snap]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){box-sizing:border-box !important;margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;display:flex !important;flex-wrap:nowrap !important;gap:0 !important;overflow-x:auto !important;overflow-y:hidden !important;scrollbar-width:none !important;scroll-snap-type:none !important;padding:0 !important;block-size:auto !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-split] > div:first-child > [data-om-snap]::-webkit-scrollbar{display:none}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-split] > div:first-child > [data-om-snap] > *:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){flex:0 0 25% !important;inline-size:25% !important;min-inline-size:0 !important;max-inline-size:none !important;aspect-ratio:3/4 !important;block-size:auto !important;border:0 !important;border-radius:0 !important;box-shadow:inset -1px 0 0 #fff !important;padding:0 !important;margin:0 !important;display:grid !important;place-items:center !important;background:#F0F0ED !important;font-size:10.5px !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#A9A9A4 !important;text-align:center !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] :is([data-pdp-sobre],[data-buystack] > div):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){box-sizing:border-box !important;margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;border-radius:0 !important;border-inline:0 !important;border-block:1px solid #E4E4DF !important;box-shadow:none !important;padding:24px 16px !important;margin-block:16px 0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-buystack]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){gap:0 !important;padding:0 !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-buystack] div[style*="flex-direction: column"] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){inline-size:100% !important;max-inline-size:none !important;box-sizing:border-box !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-pdp-bloco]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){box-sizing:border-box !important;margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;padding:32px 16px 0 !important;margin-top:32px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] :is([data-pdp-bloco],[data-pdp-sobre]) div:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){min-inline-size:0 !important;max-inline-size:100% !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] :is([data-pdp-bloco],[data-pdp-sobre]) [style*="grid-template-columns"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr)) !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] :is([data-pdp-bloco],[data-pdp-sobre]) [style*="flex-wrap: nowrap"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){overflow-x:auto !important;scrollbar-width:none !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-pdp-bloco] div[style*="border-radius: 20px"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){box-sizing:border-box !important;padding:20px 16px !important;inline-size:100% !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-cta-banner]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){box-sizing:border-box !important;margin-inline:-16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;border-radius:0 !important;padding:40px 16px !important;margin-top:32px !important}
html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-cta-banner] button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){inline-size:100% !important;max-inline-size:343px !important;justify-content:center !important;margin-inline:auto !important}


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

/* 04/10s · Peça-base no telefone: miniaturas em trilho de arraste (4 por tela + 1 por cor, snap) com a dica "‹ arraste para ver mais ›";
   04/10t · SKU (esquerda) · GTIN (direita) logo abaixo da trilha, pequenos e discretos, na calha de 16px. Rollback = apagar este bloco
   + os nós [data-peca-codigos]/[data-gal-dica] (as cores extras somem sozinhas fora do telefone). */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] nav[aria-label="Trilha"]:has(+ [data-peca-codigos]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){margin-bottom:0 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-peca-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:-6px 0 18px !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;box-sizing:border-box !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-peca-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 - Personalizacao"] section[data-screen-label="Peça-base"] [data-peca-codigos] > [data-peca-gtin]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){text-align:right !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-split] > div:first-child > [data-om-snap]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){scroll-snap-type:x mandatory !important;overscroll-behavior-x:contain !important;-webkit-overflow-scrolling:touch}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-split] > div:first-child > [data-om-snap] > *:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){scroll-snap-align:start !important;gap:8px !important;align-content:center !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-split] > div:first-child > [data-om-snap] > * > [data-gal-dot="1"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:block !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-split] > div:first-child > [data-om-snap] > * > [data-gal-rot]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:block !important;font-size:inherit !important;letter-spacing:inherit !important;line-height:1.25 !important;padding:0 6px !important;color:inherit !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-split] > div:first-child > [data-gal-dica="1"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:block !important;order:-2 !important;margin:10px 0 0 !important;font-size:12px !important;line-height:1.4 !important;color:#8A8A85 !important;text-align:center !important;letter-spacing:.02em !important;inline-size:100% !important}


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

/* 04/10v · Peça-base · "4 · Onde entra a arte": pílulas um pouco menores (38px, 12px) em 3 + 3 + 2 de borda a borda da calha;
   o alvo de toque segue com 44px por ::after. Rollback = apagar este bloco + [data-pos-pilulas]. */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-pos-pilulas]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:8px !important;inline-size:100% !important;max-inline-size:none !important;flex-wrap:nowrap !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-pos-pilulas] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){grid-column:span 2 !important;position:relative !important;inline-size:100% !important;min-inline-size:0 !important;min-width:0 !important;max-inline-size:none !important;min-block-size:38px !important;min-height:38px !important;block-size:38px !important;height:38px !important;padding:0 6px !important;margin:0 !important;font-size:12px !important;line-height:1 !important;letter-spacing:0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;text-align:center !important;justify-content:center !important;box-sizing:border-box !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-pos-pilulas] > button:nth-child(n+7):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){grid-column:span 3 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-pos-pilulas] > button::after{content:"" !important;position:absolute !important;inset:-3px 0 !important}


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

/* 04/10w · Peça-base · "02 · Monte a sua grade" no telefone = acordeão por cor no padrão "Montar a grade" do Atacado, de borda a borda
   (a tabela de 600px com rolagem lateral sai só no telefone). Rollback = apagar este bloco + [data-grade-acc-st]. */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-grade-tabela]: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 - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-grade-acc-st]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:block !important;margin:0 -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:0 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-grade-acc-st] [data-acc-cor]:first-of-type:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){border-top:0 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-cor-head]: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;align-items:center !important;justify-content:flex-start !important;gap:12px !important;inline-size:100% !important;max-inline-size:none !important;min-height:56px !important;padding:12px 16px !important;margin:0 !important;border:0 !important;border-radius:0 !important;background:#fff !important;text-align:left !important;box-sizing:border-box !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-cor-head] > [data-cor-sw]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:block !important;flex:none !important;inline-size:26px !important;min-inline-size:26px !important;block-size:26px !important;padding:0 !important;margin:0 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-cor-head] > [data-cor-txt]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:flex !important;flex-direction:column !important;flex:1 1 auto !important;min-inline-size:0 !important;gap:2px !important;text-align:left !important;align-items:flex-start !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-cor-head] [data-cor-nome]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:block !important;font-size:14px !important;line-height:1.3 !important;font-weight:600 !important;letter-spacing:normal !important;text-transform:none !important;color:#1E1E1E !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-cor-head] [data-cor-resumo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:block !important;font-size:11.5px !important;line-height:1.35 !important;font-weight:400 !important;letter-spacing:normal !important;text-transform:none !important;color:#5E5E5A !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-inline-size:100% !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-cor-head] > [data-cor-qtd]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){flex:none !important;font-size:13.5px !important;line-height:1 !important;font-weight:600 !important;letter-spacing:normal !important;text-transform:none !important;color:#1E1E1E !important;white-space:nowrap !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-cor-head] > [data-cor-seta]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){flex:none !important;font-size:18px !important;line-height:1 !important;color:#A9A9A4 !important;margin:0 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-tam-linha]: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;align-items:center !important;gap:10px !important;min-height:56px !important;inline-size:100% !important;max-inline-size:none !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-tam-linha] > [data-tam]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){flex:0 0 40px !important;font-size:14px !important;font-weight:600 !important;color:#1E1E1E !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-tam-linha] > [data-tam-nota]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){flex:1 1 auto !important;min-inline-size:0 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-qty-grupo]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:flex !important;flex:none !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;inline-size:auto !important;max-inline-size:none !important;border:1px solid #E4E4DF !important;border-radius:12px !important;overflow:hidden !important;background:#fff !important;padding:0 !important;margin:0 !important;gap:0 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-qty-grupo] > [data-qty-btn]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){display:grid !important;place-items:center !important;place-content:center !important;justify-content:center !important;align-content:center !important;text-align:center !important;grid-template-columns:100% !important;inline-size:44px !important;min-inline-size:44px !important;max-inline-size:44px !important;min-width:44px !important;block-size:44px !important;min-block-size:44px !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;font-size:18px !important;line-height:1 !important;color:#1E1E1E !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-qty-grupo] > [data-qty-btn]:active:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){background:#F4F4F2 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-qty-grupo] > input[data-qty]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){inline-size:52px !important;min-inline-size:0 !important;max-inline-size:52px !important;block-size:44px !important;min-block-size:44px !important;padding:0 2px !important;margin:0 !important;border:0 !important;border-inline:1px solid #E4E4DF !important;border-radius:0 !important;background:transparent !important;font-size:16px !important;text-align:center !important;color:#1E1E1E !important;box-shadow:none !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-qty-grupo] > input[data-qty][data-qty-on="1"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){background:#F4F4F2 !important;font-weight:600 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-acc-faltam]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){padding:12px 16px !important;margin:0 !important;font-size:12px !important;line-height:1.5 !important;color:#5E5E5A !important;text-align:left !important}


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

/* 04/10y · Peça-base · abas Sensorial / Dados técnicos / Cuidados: a regra da FOTO principal (aspect-ratio 4/5 no 1º filho da 1ª coluna
   do split) também pegava a fileira de abas do 2º split — 390×488, com o traço da aba 240px abaixo do texto. A fileira volta à altura do
   conteúdo, na calha de 16px, e o traço fica logo abaixo da palavra (10px). Rollback = apagar este bloco. */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-split] > div:first-child > [data-pdp-abas]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){aspect-ratio:auto !important;block-size:auto !important;height:auto !important;min-block-size:0 !important;margin:0 0 18px !important;inline-size:100% !important;max-inline-size:none !important;border-radius:0 !important;align-items:flex-end !important;gap:0 22px !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-split] > div:first-child > [data-pdp-abas] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){block-size:auto !important;height:auto !important;min-block-size:44px !important;align-self:flex-end !important;display:flex !important;align-items:flex-end !important;justify-content:center !important;padding:0 0 10px !important}


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

/* 04/10z · Peça-base · pé da grade no telefone: 1ª linha = total deste modelo (cinza quando vazio, negrito quando há peças) · "Zerar"
   à direita (só aparece com peças); 2ª linha = "Somar outro modelo →" de largura total, 48px. Rollback = apagar este bloco. */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-grade-pe]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;align-items:center !important;gap:10px 16px !important;margin:18px 0 0 !important;padding:0 !important;inline-size:100% !important;max-inline-size:none !important;flex-wrap:nowrap !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-grade-pe] > [data-grade-pe-total]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){grid-column:1 !important;display:block !important;margin:0 !important;font-size:13.5px !important;line-height:1.4 !important;font-weight:400 !important;color:#5E5E5A !important;text-align:left !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-grade-pe] > [data-grade-pe-total][data-total-on="1"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){font-weight:600 !important;color:#1E1E1E !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-grade-pe] > [data-zerar]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){grid-column:2 !important;justify-self:end !important;display:inline-flex !important;align-items:center !important;justify-content:flex-end !important;inline-size:auto !important;min-inline-size:0 !important;min-height:44px !important;padding:0 !important;margin:0 !important;border:0 !important;background:none !important;font-size:12.5px !important;line-height:1 !important;color:#8A8A85 !important;text-decoration:underline !important;text-underline-offset:3px !important;text-align:right !important;white-space:nowrap !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-grade-pe] > [data-zerar][data-zerar-on="0"]: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="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-grade-pe] > [data-somar]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){grid-column:1 / -1 !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;inline-size:100% !important;max-inline-size:none !important;min-height:48px !important;margin:0 !important;padding:0 20px !important;border:1px solid #1E1E1E !important;border-radius:999px !important;background:#fff !important;color:#1E1E1E !important;font-size:14px !important;font-weight:500 !important;line-height:1 !important;text-align:center !important;box-sizing:border-box !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-grade-pe] > [data-somar]:hover:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){background:#1E1E1E !important;color:#fff !important}


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

/* 04/10aa · Peça-base · aba Sensorial no telefone: a regra genérica dos blocos (grid auto-fit de 140px em todo [style*=grid-template-columns])
   partia a tabela "Esta peça × Malha média × Malha pesada" em 2 colunas tortas e dava METADE da linha à seta das dicas. Agora: tabela em
   3 colunas com o rótulo do atributo em cima de cada linha (Esta peça em negrito) e dicas em lista seta + texto com filete. Rollback = apagar. */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-cmp]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){border-radius:14px !important;overflow:hidden !important;inline-size:100% !important;max-inline-size:none !important;margin:0 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-cmp] > [data-cmp-cab]: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(3,minmax(0,1fr)) !important;gap:0 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-cmp] > [data-cmp-cab] > span:first-child: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 - Personalizacao"] section[data-screen-label="Peça-base"] [data-cmp] > [data-cmp-cab] > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){display:block !important;padding:11px 12px !important;font-size:10.5px !important;line-height:1.3 !important;letter-spacing:.08em !important;text-align:left !important;white-space:normal !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-cmp] [data-cmp-linha]: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(3,minmax(0,1fr)) !important;gap:0 !important;padding:0 0 4px !important;align-items:start !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-cmp] [data-cmp-linha] > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){display:block !important;padding:2px 12px 10px !important;font-size:12.5px !important;line-height:1.4 !important;text-align:left !important;min-inline-size:0 !important;text-wrap:pretty}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-cmp] [data-cmp-linha] > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){grid-column:1 / -1 !important;padding:12px 12px 4px !important;font-size:10.5px !important;line-height:1.3 !important;letter-spacing:.1em !important;text-transform:uppercase !important;font-weight:500 !important;color:#757575 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-cmp] [data-cmp-linha] > span:nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){font-size:13px !important;font-weight:600 !important;color:#141414 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-cmp] [data-cmp-linha]:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){border-bottom:0 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-arte-tit]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){margin:24px 0 4px !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-arte-dica]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){display:grid !important;grid-template-columns:16px minmax(0,1fr) !important;gap:10px !important;align-items:start !important;padding:11px 0 !important;margin:0 !important;border-top:1px solid #F0F0ED !important;inline-size:100% !important;max-inline-size:none !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-arte-dica] > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){display:block !important;font-size:13px !important;line-height:1.6 !important;color:#9A9A9A !important;text-align:left !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-arte-dica] > span:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){display:block !important;font-size:13.5px !important;line-height:1.6 !important;color:#1E1E1E !important;text-align:left !important;min-inline-size:0 !important;text-wrap:pretty}


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

/* 04/10ab · Peça-base no telefone: trilho das técnicas 1 por tela, de 1 em 1 (snap obrigatório, sem espiar o vizinho);
   pílulas "Onde a arte pode entrar" menores, 2 por linha (nome + medida em 2 linhas); passador de fotos = traços discretos em 1 linha.
   Rollback = apagar este bloco + [data-tec-rail]/[data-zonas]/[data-rec-pontos]. */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-tec-rail]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){scroll-snap-type:x mandatory !important;scroll-padding-inline:16px !important;gap:32px !important;overscroll-behavior-x:contain !important;-webkit-overflow-scrolling:touch}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-tec-rail] > *:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){flex:0 0 100% !important;scroll-snap-align:start !important;scroll-snap-stop:always !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-zonas]: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:8px !important;flex-wrap:nowrap !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-zonas] > [data-zona]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){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;max-inline-size:none !important;padding:7px 10px !important;margin:0 !important;border-radius:999px !important;font-size:12px !important;line-height:1.25 !important;color:#1E1E1E !important;text-align:center !important;white-space:nowrap !important;box-sizing:border-box !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-zonas] > [data-zona] > [data-zona-max]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){display:block !important;font-size:10.5px !important;line-height:1.2 !important;color:#8A8A85 !important;font-variant-numeric:tabular-nums}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-rec-pontos]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){display:flex !important;flex-wrap:nowrap !important;align-items:center !important;gap:0 !important;flex:none !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-rec-pontos] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){display:grid !important;place-items:center !important;place-content:center !important;inline-size:18px !important;min-inline-size:0 !important;min-width:0 !important;max-inline-size:18px !important;block-size:28px !important;min-block-size:0 !important;min-height:28px !important;padding:0 !important;margin:0 !important;border:0 !important;background:none !important;box-shadow:none !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-rec-pontos] > button > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){display:block !important;inline-size:10px !important;block-size:2px !important;min-inline-size:0 !important;min-width:0 !important;min-block-size:0 !important;min-height:0 !important;max-block-size:2px !important;padding:0 !important;margin:0 !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;background:#CFCFCA !important;transition:none !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-rec-pontos] > button[data-on="1"] > span:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){inline-size:16px !important;background:#1E1E1E !important}


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

/* 04/10ac · Peça-base · 4 regras do fechamento (Mínimo · Pagamento · Proposta válida · Ajustes sem custo): cartões de mesma altura
   nas fileiras (o grid alinhava pelo topo e "Proposta válida" ficava com metade da altura do vizinho). Rollback = apagar este bloco. */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-fecho-regras]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){align-items:stretch !important;grid-auto-rows:1fr !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-fecho-regras] > *:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){align-self:stretch !important;block-size:auto !important;height:auto !important;min-block-size:0 !important;box-sizing:border-box !important}


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

/* 04/10ad · Peça-base no telefone: "Por que o caminho é curto" refeito (título, 4 provas numeradas com filetes, rodapé de origem);
   FAQ em 1 coluna (pergunta à esquerda · disco +/− à direita · resposta legível); "Outros produtos" 1 por tela de borda a borda,
   sem moldura, sem o contador "1 / 12"; título do convite final em branco; "Quero personalizar agora" com texto preto no verde.
   Rollback = apagar este bloco + [data-caminho*]/[data-faq-lista]/[data-rel-rail]. */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-caminho-lista]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){display:flex !important;flex-direction:column !important;grid-template-columns:none !important;gap:0 !important;margin:20px 0 0 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-caminho-item]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){display:grid !important;grid-template-columns:28px minmax(0,1fr) !important;gap:4px 10px !important;padding:14px 0 !important;margin:0 !important;border-top:1px solid rgba(16,36,58,.24) !important;inline-size:100% !important;max-inline-size:none !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-caminho-item] > [data-caminho-n]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){grid-row:span 2 !important;padding-top:3px !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-caminho-item] > :is([data-caminho-t],[data-caminho-d]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){text-align:left !important;min-inline-size:0 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-faq-lista]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){display:flex !important;flex-direction:column !important;grid-template-columns:none !important;gap:0 !important;border-top:1px solid #E4E4DF !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-faq-lista] > details[data-faq]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){inline-size:100% !important;max-inline-size:none !important;margin:0 !important;padding:0 !important;border-bottom:1px solid #E4E4DF !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-faq-lista] > details > summary:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){display:grid !important;grid-template-columns:minmax(0,1fr) 28px !important;align-items:center !important;gap:16px !important;min-height:60px !important;padding:16px 0 !important;margin:0 !important;font-size:15px !important;font-weight:500 !important;line-height:1.35 !important;color:#1E1E1E !important;text-align:left !important;list-style:none !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-faq-lista] > details > summary::-webkit-details-marker{display:none}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-faq-lista] > details > summary > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){text-align:left !important;min-inline-size:0 !important;text-wrap:pretty}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-faq-lista] > details > summary > [data-sign]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){display:grid !important;place-items:center !important;place-content:center !important;inline-size:28px !important;min-inline-size:28px !important;block-size:28px !important;padding:0 !important;margin:0 !important;border:1px solid #E4E4DF !important;border-radius:50% !important;font-size:0 !important;line-height:0 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-faq-lista] > details > summary > [data-sign]::before{content:"+" !important;font-size:16px !important;line-height:1 !important;color:#1E1E1E !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-faq-lista] > details[open] > summary > [data-sign]::before{content:"\2212" !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-faq-lista] > details > summary > [data-sign]::after{content:none !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-faq-lista] > details > p:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){padding:0 44px 18px 0 !important;margin:0 !important;font-size:14px !important;line-height:1.6 !important;color:#5E5E5A !important;max-inline-size:none !important;text-align:left !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-rel-rail]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){display:flex !important;gap:0 !important;padding:0 !important;margin:0 -16px !important;inline-size:calc(100% + 32px) !important;max-inline-size:none !important;scroll-snap-type:x mandatory !important;scroll-padding-inline:0 !important;overscroll-behavior-x:contain !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-rel-rail] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){flex:0 0 100% !important;inline-size:100% !important;min-inline-size:0 !important;max-inline-size:none !important;margin:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;transform:none !important;background:#fff !important;scroll-snap-align:start !important;scroll-snap-stop:always !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-rel-rail] > button > span:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){inline-size:100% !important;aspect-ratio:4/5 !important;border-radius:0 !important;margin:0 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-rel-rail] > button > span:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){padding:14px 16px 4px !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-pdp-bloco]:has(> [data-rel-rail]) [data-rail-dica] > span:last-child > span:last-child: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 - Personalizacao"] section[data-screen-label="Peça-base"] [data-pdp-bloco]:has(> [data-rel-rail]) [data-rail-dica]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){align-items:center !important;justify-content:center !important;gap:0 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-pdp-bloco]:has(> [data-rel-rail]) [data-rail-dica] > span:first-child: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 - Personalizacao"] section[data-screen-label="Peça-base"] [data-pdp-bloco]:has(> [data-rel-rail]) [data-rail-dica] > span:last-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){display:flex !important;justify-content:center !important;align-items:center !important;inline-size:100% !important;text-align:center !important;gap:0 !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-pdp-bloco]:has(> [data-rel-rail]) [data-rail-dica] > span:last-child > span:first-child: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 - Personalizacao"] section[data-screen-label="Peça-base"] [data-pdp-bloco]:has(> [data-rel-rail]) [data-rail-dica] > span:last-child > span:nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){flex:none !important;inline-size:auto !important;text-align:center !important;margin:0 auto !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-cta-banner] h2:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-cta-banner] button:is(:hover,:active,:focus-visible):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i){color:#1E1E1E !important;-webkit-text-fill-color:#1E1E1E !important}


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

/* 04/10ae · rodapé do telefone: 28px de respiro entre o botão "Central de ajuda" e o 1º acordeão (Políticas) — antes encostavam (0px). Rollback = apagar. */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] footer [data-acc-item]:not([data-acc-item] ~ [data-acc-item]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){margin-top:28px !important}


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

/* 04/10af · rodapé do telefone: 32px de respiro entre o filete do topo do rodapé e o texto "O Estúdio Lunfe transforma…" (encostava: 1px). Rollback = apagar. */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] footer [data-foot-ctx]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){padding-top:32px !important}


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

/* 04/10ag · Peça-base no telefone: a seção reservava 96px no pé para uma barra fixa que esta tela não tem — eram 120px de branco entre o
   convite final e o rodapé. Agora 24px + os 24px de margem do rodapé = 48px de respiro. Rollback = apagar. */
  html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] #ls-conteudo > section[data-screen-label="Peça-base"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){padding-bottom:24px !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] main > section[data-screen-label="Studio · Newsletter"] [data-nl-card] > [data-nl-centro] > *{text-align:center !important;margin-inline:auto !important;max-inline-size:100%}html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Newsletter"] [data-nl-card] > [data-nl-centro] > p:last-child{inline-size:100%}}
@media (max-width:430px){html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"] > [data-hero-cards-mobile]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:none !important}html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Hero"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){padding-bottom:0 !important}html[data-lunfe-mob] [data-sc-name] main > section:is([data-screen-label="Studio · Split Hero"],[data-screen-label="Studio · Catálogo · Banner"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:grid !important;grid-template-columns:minmax(0,1fr) !important;min-height:0 !important;padding-block:0 !important;padding-inline:0 !important;margin-inline:0 !important;inline-size:100% !important;max-inline-size:none !important}html[data-lunfe-mob] [data-sc-name] main > section:is([data-screen-label="Studio · Split Hero"],[data-screen-label="Studio · Catálogo · Banner"]) > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){aspect-ratio:4/5 !important;min-height:0 !important;inline-size:100% !important;border-right:none !important}html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Estúdio · Estamparia"] > div[data-om-two]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){grid-template-columns:minmax(0,1fr) !important}html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Catálogo · Banner"] > button > [data-banner-texto-centro]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){justify-content:center !important;align-items:center !important;text-align:center !important}html[data-lunfe-mob] [data-sc-name] main > section[data-screen-label="Studio · Catálogo · Banner"] > button > [data-banner-texto-centro] > *:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){margin-inline:auto !important;text-align:center !important}}
@media (max-width:430px){html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-acab-regras][data-dk27]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;align-items:stretch !important;gap:8px !important;margin:12px 0 18px !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-acab-regras][data-dk27] > div:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){border:1px solid #E4E4DF !important;border-radius:14px !important;padding:12px 14px !important;margin:0 !important;inline-size:auto !important;width:auto !important;max-inline-size:none !important;background:#F7F7F5 !important;box-sizing:border-box !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-eq-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;gap:8px !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-eq-nota][data-dk27]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:block !important;margin-top:12px !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] body{font-family:'Outfit','Lunfe fallback Outfit',system-ui,sans-serif}}
@media (max-width:430px){/* GOAL fidelidade-mobile V2 · celular-v2/studio.mjs · STU-01..10 *//* STU-01 · celular-v2/studio.mjs */html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-screen-label="Campanhas"] [data-camp-seta]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:none !important}/* STU-02 · celular-v2/studio.mjs */html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-screen-label="Estúdio · Acabamentos"] [data-acab-grid]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){gap:28px !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-screen-label="Estúdio · Acabamentos"] [data-acab-esq]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:flex !important;flex-direction:column !important;gap:28px !important;padding-bottom:34px !important}/* STU-03 · celular-v2/studio.mjs */html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-screen-label="Estúdio · Acabamentos"] [data-acab-cta] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:0 0 auto !important;inline-size:auto !important;width:auto !important;max-inline-size:none !important;min-inline-size:44px !important;block-size:auto !important;min-block-size:44px !important;padding:8px 16px !important;margin-inline:0 !important}/* STU-04 · celular-v2/studio.mjs */html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-screen-label="Estúdio · Escolha o caminho"] h2:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){font-size:52px !important;line-height:1.1 !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-screen-label="Estúdio · Escolha o caminho"] [data-om-grid] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){margin-inline:0 !important;flex:0 0 calc(100vw - 32px) !important;inline-size:calc(100vw - 32px) !important;max-inline-size:none !important;padding:24px 20px !important;background:#82ADD4 !important;border:1px solid #E4E4DF !important;border-radius:22px !important}/* STU-05 · celular-v2/studio.mjs */html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] [data-screen-label="Selo-tríade"] [data-triade-rail] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){flex:0 0 100% !important;inline-size:100% !important;min-inline-size:100% !important;max-inline-size:none !important;margin-inline:0 !important;padding:24px 20px !important;background:#F4F4F1 !important;border-inline:none !important;border-block:1px solid #E4E4DF !important;border-radius:0 !important}/* STU-07 · celular-v2/studio.mjs */html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] [data-cat-sheet] > [data-cat-sheet-painel] > div:nth-child(2):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g){padding:12px 16px 4px !important;border-bottom:0 !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] [data-cat-sheet] > [data-cat-sheet-painel] > div:nth-child(2) > button[aria-label="Fechar"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:grid !important;inline-size:auto !important;min-block-size:44px !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] [data-cat-sheet] > [data-cat-sheet-painel] > [data-cat-sheet-pe] > button:not([data-ver]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:block !important;inline-size:auto !important;min-block-size:44px !important}/* STU-08 · celular-v2/studio.mjs */html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] [data-plp-grid] > button > span > span[data-clamp="2"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important;overflow:hidden !important}/* STU-09 · celular-v2/studio.mjs */html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] nav[aria-label="Páginas do catálogo"] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:0 0 auto !important;inline-size:auto !important;width:auto !important;max-inline-size:none !important;min-inline-size:44px !important;block-size:auto !important;min-block-size:44px !important;padding:8px 16px !important;margin-inline:0 !important}/* STU-10.05/10.06 · celular-v2/studio.mjs */html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-buystack] > div:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){background:#82ADD4 !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-buystack] div[style*="flex-direction: column"] > button:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){margin-inline:0 !important;inline-size:100% !important;max-inline-size:none !important;border-width:1px !important;border-style:solid !important;border-radius:20px !important;padding:15px 18px !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-buystack] div[style*="flex-direction: column"] > button:is([style*="background: rgb(244, 244, 242)"],[style*="background:#F4F4F2"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){background:#F4F4F2 !important;border-color:#E4E4DF !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-buystack] div[style*="flex-direction: column"] > button:is([style*="background: rgb(30, 30, 30)"],[style*="background:#1E1E1E"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){background:#1E1E1E !important;border-color:#1E1E1E !important}/* STU-10.10 · celular-v2/studio.mjs */html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-pdp-sobre] [data-pdp-fecho][data-dk27]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:none !important}/* STU-10.12 · celular-v2/studio.mjs */html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-bloco-grade] [data-grade-acc-st]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){border-block:1px solid #E4E4DF !important}/* STU-10.14 · celular-v2/studio.mjs */html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-cmp]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){border:1px solid #ECECEC !important;padding:0 !important;background:transparent !important}/* STU-10.16/17/18 · celular-v2/studio.mjs */html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-pdp-bloco] [data-trilho]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){display:grid !important;overflow-x:visible !important;scroll-snap-type:none !important;padding-bottom:0 !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-pdp-bloco] [data-trilho] > div:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){flex:none !important;margin-inline:0 !important;inline-size:auto !important;max-inline-size:none !important;border-radius:20px !important;padding:20px 16px !important;background:#fff !important;border:1px solid #E4E4DF !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-pdp-bloco] [data-trilho][data-fecho-regras] > div:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){border-color:#1E1E1E !important}/* STU-10.16 · celular-v2/studio.mjs */html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-caminho-tit]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){font-size:1.9rem !important}/* STU-10.21 · celular-v2/studio.mjs */html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-cta-banner]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){gap:42px !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-cta-banner] h2:is([style*="clamp(1.7rem, 3.4vw, 2.6rem)"],[style*="clamp(1.7rem,3.4vw,2.6rem)"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){font-size:2.6rem !important}/* STU-10.23 · celular-v2/studio.mjs */html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-display]:is([style*="clamp(1.5rem, 3vw, 2.2rem)"],[style*="clamp(1.5rem,3vw,2.2rem)"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f){font-size:2.2rem !important}/* ajustes-0510 · W3 · celular-v2/studio.mjs */html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-split] > div:first-child > [data-om-snap] > [data-gal-extra]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){background-image:var(--gal-img,none) !important;background-size:cover !important;background-position:50% 25% !important;background-repeat:no-repeat !important;box-shadow:inset 0 0 0 calc(var(--gal-on,0) * 2px) #1E1E1E,inset -1px 0 0 #fff !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-split] > div:first-child > [data-om-snap] > [data-gal-extra="1"][style*="--gal-foto"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){grid-template-columns:minmax(0,1fr) !important;justify-items:center !important;place-items:end center !important;align-content:end !important;gap:5px !important;padding:0 0 8px !important;color:#1E1E1E !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-split] > div:first-child > [data-om-snap] > [data-gal-extra="1"][style*="--gal-foto"] > [data-gal-rot]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){background:rgba(255,255,255,.92) !important;border-radius:999px !important;padding:3px 8px !important;max-inline-size:calc(100% - 10px) !important;box-sizing:border-box !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;text-wrap-mode:nowrap !important;overflow-wrap:normal !important;word-break:normal !important;inline-size:max-content !important;font-size:9.5px !important;line-height:1.3 !important;letter-spacing:.08em !important;color:#1E1E1E !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-split] > div:first-child > [data-om-snap] > [data-gal-extra="1"][style*="--gal-foto"] > [data-gal-dot="1"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(30,30,30,.18) !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Peça-base"] [data-split] > div:first-child > [data-om-snap] > [data-gal-extra="1"]:not([style*="--gal-foto"]) > [data-gal-rot]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){color:#5E5E5E !important}/* ajustes-0510 · W3 títulos 1 linha · celular-v2/studio.mjs */html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] [data-plp-grid] [data-clamp]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){display:block !important;-webkit-line-clamp:unset !important;line-clamp:unset !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-block-size:none !important}/* pend0610 · W7b B3-4 resumo do catálogo no telefone · celular-v2/studio.mjs */html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] > [data-cat-chips] + div:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){display:flex !important;align-items:center !important;flex-wrap:wrap !important;gap:10px !important;margin:0 0 14px !important}html[data-lunfe-mob] [data-sc-name="Lunfe 4L - Personalizacao"] section[data-screen-label="Studio · Catálogo"] > [data-cat-chips] + div > p:first-child:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){display:block !important;color:#5E5E5A !important;font-size:12.5px !important;line-height:1.45 !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-sc-name="Lunfe 4L - Personalizacao"] main > section[data-screen-label="Studio · Hero"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){min-height:0 !important;min-block-size:0 !important;padding-bottom:0 !important}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 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}
}
