/* R29 — catálogo compacto, filtros suspensos e navegação G&G refinada */

/* Hero do catálogo mais compacto, no espírito da referência sem copiar o visual */
body.r27-browse-mode #ggCatalogBrowse{padding-top:18px!important}
.r27-browse-hero{padding:10px 0 6px!important}
.r27-browse-hero h1{font-size:clamp(42px,4.4vw,64px)!important;line-height:1!important}
.r27-browse-hero p{margin-top:10px!important;max-width:720px!important}
.r29-browse-back{display:inline-flex;align-items:center;gap:7px;border:1px solid #e4d7c9;background:#fffaf5;color:#5a3c28;border-radius:12px;padding:9px 13px;font-weight:800;font-size:13px;cursor:pointer;margin:0 0 16px}
.r29-browse-back:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(58,39,26,.08)}

/* Categorias: trilho horizontal + seleção por cor */
.r29-category-shell{position:relative;padding:0 44px;margin-top:10px}
.r29-category-shell .r27-chip-scroll{padding:10px 2px 13px!important;scroll-behavior:smooth}
.r29-cat-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:34px;height:34px;border-radius:50%;border:1px solid #e2ddd7;background:rgba(255,255,255,.96);box-shadow:0 6px 16px rgba(0,0,0,.08);font-size:22px;line-height:1;cursor:pointer;color:#594638}
.r29-cat-prev{left:1px}.r29-cat-next{right:1px}
.r29-cat-arrow:disabled{opacity:.28;cursor:default}
.r27-chip{transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease!important}
.r27-chip.active{background:var(--r29-active,#4b3425)!important;border-color:var(--r29-active,#4b3425)!important;color:#fff!important;box-shadow:0 8px 20px color-mix(in srgb,var(--r29-active,#4b3425) 22%,transparent)!important}
.r27-chip[data-r29-cat="PERFUMARIA"]{--r29-active:#6f473d}
.r27-chip[data-r29-cat="SKINCARE"]{--r29-active:#6c8876}
.r27-chip[data-r29-cat="HAIR & BEAUTY"]{--r29-active:#a47480}
.r27-chip[data-r29-cat="TECNOLOGIA"]{--r29-active:#526a82}
.r27-chip[data-r29-cat="CASA INTELIGENTE"]{--r29-active:#777d5c}
.r27-chip[data-r29-cat="IMAGEM & CONTEÚDO"]{--r29-active:#8a6858}
.r27-chip[data-r29-cat="GAMES"]{--r29-active:#6e617b}
.r27-chip[data-r29-cat="ÁUDIO & FONES"]{--r29-active:#557779}
.r27-chip[data-r29-cat="INFORMÁTICA"]{--r29-active:#666f78}
.r27-chip[data-r29-cat=""]{--r29-active:#4b3425}

/* Tipos saem da faixa principal e passam para o filtro suspenso */
#ggCatalogBrowse > #r27TypeStrip{display:none!important}
.r29-filter-modal #r27TypeStrip{display:block!important;border:0!important;margin:0!important;padding:0!important}
.r29-filter-modal #r27TypeStrip .r27-type-label{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:900;color:#7f746b;margin:0 0 8px}
.r29-filter-modal #r27TypeChips{display:flex;flex-wrap:wrap;overflow:visible;gap:8px;padding:0!important}
.r29-filter-modal #r27TypeChips .r27-chip{font-size:12px;padding:9px 12px}

/* A antiga coluna lateral deixa de ocupar espaço */
.r27-catalog-layout{display:block!important}
#r27Filters{display:none!important}
.r27-results{width:100%!important}
.r27-results .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}

/* Busca + barra de resultados no estilo compacto */
.r27-search-row{margin:20px 0 14px!important}
.r27-results-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin:4px 0 18px!important}
.r29-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.r29-filter-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #e6e2de;background:#fff;border-radius:12px;padding:10px 14px;font-weight:900;color:#171717;cursor:pointer}
.r29-filter-btn:hover{background:#faf8f5}
.r29-filter-count{min-width:20px;height:20px;border-radius:999px;background:#c99818;color:#241b10;display:none;place-items:center;font-size:11px;font-weight:900}
.r29-filter-btn.has-filters .r29-filter-count{display:grid}
.r29-sort-wrap{display:flex;align-items:center;gap:8px;font-size:11px;color:#776d64}
.r29-sort-wrap #r27Sort{min-width:150px}

/* Filtro suspenso */
.r29-filter-backdrop{position:fixed;inset:0;background:rgba(18,18,18,.56);z-index:140;display:none;align-items:center;justify-content:center;padding:24px}
.r29-filter-backdrop.open{display:flex}
.r29-filter-modal{width:min(620px,94vw);max-height:min(78vh,760px);display:flex;flex-direction:column;background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.24);overflow:hidden}
.r29-filter-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:20px 22px 16px;border-bottom:1px solid #ece8e3}
.r29-filter-head b{display:block;font-size:15px}.r29-filter-head small{display:block;margin-top:4px;color:#857a71}
.r29-filter-close{width:38px;height:38px;border-radius:50%;border:1px solid #e7e1da;background:#fff;font-size:20px;cursor:pointer}
.r29-filter-body{padding:5px 22px 18px;overflow:auto}
.r29-filter-body .r27-filter-section{padding:18px 0!important;border-top:1px solid #eee!important;border-bottom:0!important}
.r29-filter-body .r27-filter-section:first-child{border-top:0!important}
.r29-filter-body .r27-brand-list{max-height:250px!important}
.r29-filter-footer{padding:13px 20px;border-top:1px solid #ece8e3;background:#fff;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}
.r29-filter-clear{border:0;background:transparent;color:#6f6257;font-weight:800;padding:10px;cursor:pointer}
.r29-filter-apply{border:0;background:#c99a1c;color:#1c160d;border-radius:10px;padding:13px 18px;font-weight:900;cursor:pointer}
.r29-hidden-filter{display:none!important}

/* Gênero/Público somente em Perfumaria, com opções neutras */
.r29-audience-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:3px}
.r29-audience-chip{border:1px solid #dfd9d2;background:#fff;color:#47413c;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800;cursor:pointer}
.r29-audience-chip.active{background:#746a62;color:#fff;border-color:#746a62}
#r27Audience{display:none!important}

/* Menu cascata do header: 3 colunas padrão, 4 somente em Perfumaria */
.gg-catalog-menu.r29-menu{grid-template-columns:1fr 1fr 1fr!important;width:min(760px,calc(100vw - 40px))!important}
.gg-catalog-menu.r29-menu.r29-perfumaria{grid-template-columns:1fr 1fr 1fr 1fr!important;width:min(940px,calc(100vw - 40px))!important}
.gg-catalog-menu.r29-menu .gg-menu-col[data-r29-audience]{display:none}
.gg-catalog-menu.r29-menu.r29-perfumaria .gg-menu-col[data-r29-audience]{display:block}
.gg-catalog-menu.r29-menu .gg-menu-col{min-height:235px}
.gg-catalog-menu.r29-menu .gg-menu-item{cursor:pointer}

/* Admin: atalhos Início + Catálogo */
.r29-top-home{border:1px solid #dfccb8;background:#fffaf4;color:#4d321f;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer;white-space:nowrap}
.r29-top-home:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(74,53,39,.10)}

/* Home: categoria e vitrines realmente deslizam em trilhos */
#ggCategoryTiles,#ggHighlightRail,#ggNewestRail,#ggOfferRail,.r26-related .gg-rail{scroll-behavior:smooth!important}
#ggCategoryTiles .gg-type-card{transition:transform .18s ease,box-shadow .18s ease!important}

@media(max-width:1100px){
  .r27-results .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .r29-category-shell{padding:0 38px}
  .r27-results .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .gg-catalog-menu.r29-menu,.gg-catalog-menu.r29-menu.r29-perfumaria{grid-template-columns:1fr!important;width:auto!important}
  .gg-catalog-menu.r29-menu .gg-menu-col{min-height:auto!important;border-right:0!important;border-bottom:1px solid #eee!important}
}
@media(max-width:620px){
  .r29-browse-back{margin-bottom:10px}
  .r29-category-shell{padding:0 34px}
  .r29-cat-arrow{width:30px;height:30px;font-size:19px}
  .r27-results-toolbar{align-items:flex-start!important;gap:10px!important}
  .r29-toolbar-actions{width:100%;justify-content:space-between}
  .r29-filter-btn{flex:0 0 auto}
  .r29-sort-wrap{flex:1;justify-content:flex-end}
  .r29-sort-wrap #r27Sort{min-width:0;width:145px}
  .r27-results .grid{grid-template-columns:1fr!important}
  .r29-filter-backdrop{align-items:flex-end;padding:0}
  .r29-filter-modal{width:100%;max-height:88vh;border-radius:22px 22px 0 0}
  .r29-filter-footer{padding-bottom:max(14px,env(safe-area-inset-bottom))}
}


/* Cada categoria recebe um tom próprio também na vitrine da Home. */
#ggCategoryTiles .gg-type-card[data-r29-category="PERFUMARIA"]{border-color:#d7b9af!important;background:linear-gradient(145deg,#fffafa,#f3e5e1)!important}
#ggCategoryTiles .gg-type-card[data-r29-category="SKINCARE"]{border-color:#bed0c5!important;background:linear-gradient(145deg,#fbfdfb,#e7efe9)!important}
#ggCategoryTiles .gg-type-card[data-r29-category="HAIR & BEAUTY"]{border-color:#dec1c8!important;background:linear-gradient(145deg,#fffafb,#f2e3e7)!important}
#ggCategoryTiles .gg-type-card[data-r29-category="TECNOLOGIA"]{border-color:#bdcad7!important;background:linear-gradient(145deg,#fafcff,#e7eef5)!important}
#ggCategoryTiles .gg-type-card[data-r29-category="CASA INTELIGENTE"]{border-color:#ccd0b9!important;background:linear-gradient(145deg,#fcfcf8,#ecefdf)!important}
#ggCategoryTiles .gg-type-card[data-r29-category="IMAGEM & CONTEÚDO"]{border-color:#d8c1b5!important;background:linear-gradient(145deg,#fffaf7,#f0e5df)!important}
#ggCategoryTiles .gg-type-card[data-r29-category="GAMES"]{border-color:#c9bfd1!important;background:linear-gradient(145deg,#fcfaff,#ebe6ef)!important}
#ggCategoryTiles .gg-type-card[data-r29-category="ÁUDIO & FONES"]{border-color:#bcd0d0!important;background:linear-gradient(145deg,#f9fdfd,#e4eeee)!important}
#ggCategoryTiles .gg-type-card[data-r29-category="INFORMÁTICA"]{border-color:#c7ccd1!important;background:linear-gradient(145deg,#fbfcfd,#e9ecef)!important}