/* Skin "Editorial" da Moda feminina (design.look = editorial): cantos retos, Poppins, topo retangular, faixa animada e selo giratório.
   Carregado depois do CSS base; o visual "Clássico" é só o CSS base. */
.mf-btn{border-radius:0;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;padding:15px 30px;border-width:1px}
.mf-btn--sm{padding:11px 20px;font-size:11px}
.mf-btn--primary:hover{transform:none;box-shadow:none;filter:brightness(.9)}
.mf-eyebrow{font-family:var(--body-font);font-size:11px;letter-spacing:.28em}
.mf-heading h2{font-weight:700;letter-spacing:-.025em}

/* Barra do topo imersivo: retângulo sólido (era pílula de vidro) com menu inline */
.mf-header--immersive{top:0}
.mf-header--immersive .mf-pill{border-radius:0;max-width:1180px;width:calc(100% - 32px);margin:0 auto;padding:10px 12px 10px 18px;background:var(--mf-header-bg);color:var(--mf-header-text);backdrop-filter:none;-webkit-backdrop-filter:none;border:0;box-shadow:0 18px 40px -22px rgba(0,0,0,.6)}
.mf-pill .mf-brand img{max-height:46px;border-radius:0}
.mf-pill-nav{display:flex;gap:30px;margin:0 auto 0 36px}
.mf-pill-nav a{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--mf-header-text);opacity:.82;transition:opacity .2s,color .2s}
.mf-pill-nav a:hover{opacity:1;color:var(--mf-primary)}
.mf-pill .mf-oc-toggle{border-radius:0!important}
@media (max-width:1080px){.mf-pill-nav{display:none}}

/* Hero imersivo: título gigante, seta de rolagem e selo giratório */
.mf-hero--immersive{padding:170px 0 96px}
.mf-hero--immersive .mf-hero-copy{max-width:920px}
.mf-hero--immersive .mf-hero-copy h1{font-size:clamp(46px,8.6vw,128px);line-height:.94;font-weight:700;letter-spacing:-.04em}
.mf-hero--immersive .mf-hero-copy em{font-style:normal}
.mf-scrolldown{position:absolute;left:50%;bottom:26px;width:52px;height:52px;margin-left:-26px;border:1px solid rgba(255,255,255,.7);display:grid;place-items:center;color:#fff;font-size:20px;animation:mf-bounce 2s ease-in-out infinite;transition:background .2s,color .2s,border-color .2s}
.mf-scrolldown:hover{background:var(--mf-primary);border-color:var(--mf-primary);color:var(--mf-btn-text)}
@keyframes mf-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
.mf-spin{position:relative;width:132px;height:132px;display:grid;place-items:center;color:#fff;flex:none}
.mf-spin svg{position:absolute;inset:0;width:100%;height:100%;animation:mf-spin 18s linear infinite}
.mf-spin text{fill:currentColor;font-size:9.6px;font-weight:600;font-family:var(--body-font)}
.mf-spin b{width:46px;height:46px;display:grid;place-items:center;background:var(--mf-primary);color:var(--mf-btn-text);border-radius:50%;font-size:18px}
@keyframes mf-spin{to{transform:rotate(360deg)}}
.mf-hero-frame,.mf-hero-media img,.mf-float-card{border-radius:0}

/* Faixa de texto animada abaixo do hero */
.mf-ticker{display:block;background:var(--mf-ink);color:var(--mf-bg);overflow:hidden;padding:15px 0}
.mf-ticker-track{display:flex;width:max-content;animation:mf-marquee 30s linear infinite}
.mf-ticker span{display:flex;align-items:center;gap:30px;padding-right:30px}
.mf-ticker b{font-size:12px;letter-spacing:.3em;text-transform:uppercase;font-weight:600;white-space:nowrap}
.mf-ticker i{font-style:normal;color:var(--mf-primary);font-size:14px}
@media (prefers-reduced-motion:reduce){.mf-ticker-track,.mf-spin svg,.mf-scrolldown{animation:none}}

/* Destaques em foto (tiles): retos, etiqueta na cor de destaque e botão quadrado */
.mf-banner-grid{gap:16px}
.mf-banner{aspect-ratio:3/4;border-radius:0}
.mf-banner::after{background:linear-gradient(180deg,rgba(0,0,0,.04) 35%,rgba(0,0,0,.76))}
.mf-banner-copy{align-items:flex-start;padding:28px;gap:6px}
.mf-banner-copy small{color:var(--mf-primary);font-weight:700;letter-spacing:.24em;opacity:1}
.mf-banner-copy b{font-weight:700;letter-spacing:-.02em;line-height:1.05}
.mf-banner-copy em{display:inline-block;margin-top:14px;background:var(--mf-primary);color:var(--mf-btn-text);font-style:normal;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;padding:11px 18px;text-decoration:none;transition:padding .25s}
.mf-banner:hover em{padding-right:28px}
@media (max-width:820px){.mf-banner{aspect-ratio:4/5}}

/* Mosaico e categorias em foto: retos */
.mf-mosaic-tile,.mf-mosaic-offer,.mf-cat-tile{border-radius:0}
.mf-mosaic-offer .mf-btn{background:var(--mf-ink);color:var(--mf-bg);border-color:var(--mf-ink)}
.mf-cat-tile-copy em{background:var(--mf-primary);color:var(--mf-btn-text);padding:10px 16px;letter-spacing:.16em;text-transform:uppercase;font-size:11px;align-self:flex-start;margin-top:10px}

/* Categorias (cartões): quadrados, invertem na cor de destaque ao passar o mouse */
.mf-cat{border-radius:0;background:var(--mf-card);padding:28px 24px;min-height:200px}
.mf-cat-icon{border-radius:0;background:var(--mf-ink);color:var(--mf-bg)}
.mf-cat i{border-radius:0}
.mf-cat:hover{background:var(--mf-primary);border-color:var(--mf-primary);color:var(--mf-btn-text)}
.mf-cat:hover .mf-cat-icon{background:var(--mf-btn-text);color:var(--mf-primary)}
.mf-cat:hover p{color:inherit;opacity:.85}

/* Cards de produto no estilo do kit: foto sobre cinza, texto centralizado, "comprar" sublinhado */
.mf-product{border:0;border-radius:0;background:transparent;overflow:visible}
.mf-product:hover{transform:none;border-color:transparent}
.mf-product-photo{background:var(--mf-surface);aspect-ratio:4/5}
.mf-product:hover .mf-product-photo img{transform:scale(1.05)}
.mf-product-body{padding:16px 0 0;align-items:center;text-align:center;gap:4px}
.mf-product-body small{font-family:var(--body-font);letter-spacing:.2em}
.mf-product-body h3{font-size:14px;font-weight:600}
.mf-product-body p{display:none}
.mf-price{justify-content:center;margin-top:2px;padding-top:2px}
.mf-price b{font-family:var(--body-font);font-size:15px;font-weight:600;letter-spacing:0}
.mf-product-actions{justify-content:center;gap:16px;margin-top:8px}
.mf-product-actions .mf-btn--primary{background:transparent;color:var(--mf-ink);border:0;border-bottom:1px solid var(--mf-ink);padding:6px 0;font-size:11px}
.mf-product-actions .mf-btn--primary:hover{color:var(--mf-primary);border-color:var(--mf-primary);filter:none}
.mf-product-actions .mf-link{display:none}
.mf-tag{border-radius:0}
.mf-tabs button,.mf-tabs a{border-radius:0;text-transform:uppercase;letter-spacing:.14em;font-size:11px;padding:10px 18px}
.mf-tabs button.is-active{background:var(--mf-ink);border-color:var(--mf-ink);color:var(--mf-bg)}

/* Demais blocos com cantos retos */
.mf-featured-card,.mf-contact-card,.mf-map,.mf-quote-card,.mf-faq-item,.mf-bcard,.mf-embed,.mf-catalog-in,.mf-service,.mf-shop-panel,.mf-benefit span{border-radius:0}
.mf-hero--immersive .mf-hero-copy em,.mf-hero--immersive .mf-eyebrow{color:var(--mf-primary)}
.mf-hero--immersive .mf-hero-float{position:absolute;right:clamp(20px,5vw,90px);bottom:170px;display:block}
@media (max-width:820px){.mf-spin{width:96px;height:96px}.mf-spin b{width:34px;height:34px;font-size:14px}.mf-hero--immersive .mf-hero-float{bottom:210px;right:14px}}
/* Categorias numa linha só no desktop e blocos de produtos da biblioteca com cantos retos */
@media (min-width:821px){.mf-bento{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}}
.ls-products .ls-product,.ls-products .ls-product a,.ls-product-media,.ls-product-cta,.ls-product-badge,.ls-products-all a{border-radius:0!important}
.mf-rail-btn{border-radius:0}
.mf-circle-label{font-size:11px;letter-spacing:.2em}
/* Destaque e etiqueta do hero: cor principal clareada, para ter contraste sobre a foto escurecida em qualquer paleta */
.mf-hero--immersive .mf-hero-copy em,.mf-hero--immersive .mf-eyebrow{color:color-mix(in srgb,var(--mf-primary) 52%,#fff)}