/* Kaia Glow - editorial category rail. Labels and brands come from real catalog data. */
.campaign-stage .retail-header nav.kaia-category-nav.wrap{
 position:relative;display:block;overflow:visible!important;
 width:min(1320px,calc(100% - 32px))!important;
 min-height:54px;height:54px;max-width:none;padding:0!important;margin:0 auto;
 border:1px solid #e8dfe4;border-radius:0;
 background:#faf8f9;color:#2f2830;
 box-shadow:0 6px 18px #1b0b150b;
 font:600 11px/1.2 'DM Sans',Arial,sans-serif;letter-spacing:.055em;
 z-index:7;
}
.kaia-category-nav .kaia-category-rail{
 display:flex;align-items:stretch;justify-content:space-between;gap:0;
 min-width:0;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;
 scrollbar-width:thin;scrollbar-color:#d7c7cf transparent;
 overscroll-behavior-x:contain;
}
.kaia-category-nav .kaia-category-rail::-webkit-scrollbar{height:3px}
.kaia-category-nav .kaia-category-rail::-webkit-scrollbar-thumb{background:#d7c7cf}
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>button{
 display:flex;align-items:center;justify-content:center;gap:5px;align-self:stretch;
 position:relative;border:0;border-radius:0;min-width:0;flex:1 0 auto;height:100%;
 padding:0 clamp(9px,.9vw,16px);white-space:nowrap;
 color:#302b2e;background:transparent;text-transform:uppercase;
 font-size:11px;font-weight:650;line-height:1.2;letter-spacing:.045em;
 transition:background-color .17s ease,color .17s ease;
}
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>button:hover{
 background:#f2e6ed;color:#642946;
}
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>button.active{
 background:#f5e8ee;color:#5b2945;border-bottom:3px solid #6a324e;
}
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>.kaia-nav-selection{
 background:#f7e6ed;color:#713d58;font-weight:750;
}
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>.kaia-nav-promotions{
 background:#e9d4df;color:#572940;font-weight:750;margin:0;
}
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>.kaia-nav-featured-brand{
 flex:1.1 0 auto;background:#492637;color:#fff;
 font-size:12px;letter-spacing:.055em;font-weight:850;
}
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>.kaia-nav-featured-brand:hover,
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>.kaia-nav-featured-brand.active{
 background:#723e58;color:#fff;
}
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>.kaia-nav-featured-soft{
 background:#f2d5de;color:#392a34;
}
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>.kaia-nav-featured-soft:hover,
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>.kaia-nav-featured-soft.active{
 color:#532943;background:#eabdcf;
}
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>.kaia-nav-brands-trigger{
 background:#282528;color:#fff;font-weight:750;
}
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>.kaia-nav-brands-trigger:hover,
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>.kaia-nav-brands-trigger[aria-expanded=true],
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>.kaia-nav-brands-trigger.has-selection{
 background:#563048;color:#fff;
}
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>.kaia-nav-all{
 color:#745d6c;font-size:10px;
}
.kaia-nav-brands-trigger span{font-size:14px;line-height:1;font-weight:400}
.kaia-nav-brand-popup{
 position:absolute;top:calc(100% + 7px);right:0;z-index:20;
 width:min(580px,calc(100vw - 32px));max-height:min(65vh,460px);
 overflow-y:auto;background:#fff;border:1px solid #e9dbe3;
 border-radius:13px;padding:21px;
 box-shadow:0 22px 55px #2b102433;
 text-transform:none;white-space:normal;
}
.kaia-nav-brand-popup[hidden]{display:none!important}
.kaia-nav-brand-heading{font-size:11px;letter-spacing:1.4px;color:#77415e;
 text-transform:uppercase;font-weight:750;display:block;margin-bottom:14px}
.kaia-nav-brand-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.kaia-nav-brand-list button{
 display:flex;align-items:center;justify-content:flex-start;
 min-height:41px;height:auto!important;border:1px solid #f0e6eb!important;
 border-radius:8px!important;padding:10px 12px!important;
 background:#fdfafb;color:#5e4053!important;font-size:12px!important;
 font-weight:650;text-align:left;letter-spacing:normal!important;
 white-space:normal!important;overflow-wrap:anywhere;line-height:1.35;
}
.kaia-nav-brand-list button:hover,.kaia-nav-brand-list button.active{
 background:#f5e4ed;color:#5a2642!important;border-color:#bd8da5!important;
}
.kaia-category-nav :is(button,summary):focus-visible{
 outline:2px solid #ac7793;outline-offset:-3px;z-index:2;
}
.collection{scroll-margin-top:90px}
@media(max-width:1150px){
 .campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>button{
  flex:0 0 auto;padding:0 18px;font-size:11px;
 }
}
@media(max-width:650px){
 .campaign-stage .retail-header nav.kaia-category-nav.wrap{
  width:100%!important;height:49px;min-height:49px;
  border-inline:0;border-radius:0;box-shadow:0 3px 12px #2c14230a;
 }
 .campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>button{
  padding:0 16px;font-size:10px;
 }
 .kaia-nav-brand-popup{right:12px;width:calc(100vw - 24px);padding:16px;
  max-height:min(62vh,500px)}
 .kaia-nav-brand-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .kaia-nav-brand-list button{font-size:11px!important;padding:10px!important}
}
@media(prefers-reduced-motion:reduce){
 .kaia-category-nav .kaia-category-rail>button{transition:none}
}

/* Kaia Glow — navegação editorial discreta (08/11/2026) */
.campaign-stage .retail-header nav.kaia-category-nav.wrap{
 width:min(1320px,calc(100% - 40px))!important;
 height:45px;min-height:45px;
 border:0;border-top:1px solid #f2e9e91c;border-bottom:1px solid #f2e9e92b;
 border-radius:0;
 background:transparent;
 color:#f0e3e7;
 box-shadow:none;
 font:500 10px/1.2 'DM Sans',Arial,sans-serif;
 letter-spacing:.065em;
}
.kaia-category-nav .kaia-category-rail{
 align-items:center;gap:0;border-radius:0;
 overflow-x:auto;overflow-y:hidden;
 scrollbar-width:none;
}
.kaia-category-nav .kaia-category-rail::-webkit-scrollbar{display:none}
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>button{
 position:relative;align-self:center;
 height:42px;min-height:42px;min-width:0;
 border:0!important;border-radius:0!important;
 flex:1 0 auto;
 padding:0 clamp(8px,.9vw,16px);
 color:#e9dfe4;
 background:transparent!important;
 box-shadow:none!important;
 font-size:10px;font-weight:550;
 letter-spacing:.055em;
 opacity:.86;
 transition:opacity .18s ease,color .18s ease;
}
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>button+button::before{content:none}
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>button:hover,
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>button:focus-visible{
 color:#fff;opacity:1;background:transparent!important;
}
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>button.active{
 color:#fff;opacity:1;background:transparent!important;border:0!important;
}
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>button.active::after{
 content:"";position:absolute;bottom:4px;left:28%;right:28%;
 height:1px;background:#d8ae9c;
}
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>.kaia-nav-selection,
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>.kaia-nav-promotions,
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>.kaia-nav-featured-brand,
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>.kaia-nav-featured-soft,
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>.kaia-nav-brands-trigger,
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>.kaia-nav-all{
 flex:1 0 auto;
 color:#e9dfe4;background:transparent!important;
 font-size:10px;font-weight:550;letter-spacing:.055em;
 border:0!important;box-shadow:none!important;
}
.campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>:is(.kaia-nav-selection,.kaia-nav-promotions,.kaia-nav-featured-brand,.kaia-nav-featured-soft,.kaia-nav-brands-trigger,.kaia-nav-all):is(:hover,.active,[aria-expanded=true],.has-selection){
 background:transparent!important;color:#fff;opacity:1;
}
.kaia-category-nav .kaia-nav-brand-popup{
 background:#fffaf9;color:#422d37;
 border:1px solid #eddde4;border-radius:12px;
 box-shadow:0 16px 35px #210b1733;
}
@media(max-width:1150px){
 .campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>button{
  flex:0 0 auto;padding:0 15px;font-size:10px;
 }
}
@media(max-width:650px){
 .campaign-stage .retail-header nav.kaia-category-nav.wrap{
  width:100%!important;height:43px;min-height:43px;
  padding:0 6px!important;border-inline:0;border-radius:0;box-shadow:none;
 }
 .campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>button{
  flex:0 0 auto;height:40px;min-height:40px;padding:0 13px;font-size:10px;
 }
 .campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>button.active::after{bottom:3px}
}
@media(prefers-reduced-motion:reduce){
 .campaign-stage .retail-header nav.kaia-category-nav .kaia-category-rail>button{transition:none}
}
