
/* Abbaster 4.7 - El supermercado es la operación principal. Filtros verticales y jerárquicos. */
.v23-groceries#sourcingCatalog{margin-top:20px!important;margin-bottom:45px;scroll-margin-top:18px}
.v23-groceries#sourcingCatalog .section-heading{margin-bottom:11px}
.v47-market-tagline{display:flex;align-items:center;gap:12px;justify-content:space-between;background:linear-gradient(105deg,#fff2d9,#fef9f3);border:1px solid #ecd3b4;color:#6a442e;font-size:13px;line-height:1.5;border-radius:15px;padding:14px 18px;margin-bottom:16px;font-weight:750}
.v47-market-tagline a{color:#9a512b;font-size:12px;white-space:nowrap;font-weight:800}
.v47-market-layout{display:grid;grid-template-columns:minmax(212px,245px) minmax(0,1fr);column-gap:23px;align-items:start}
.v47-market-sidebar{position:sticky;top:15px;border-radius:19px;background:#fffaf5;border:1px solid #e4d5c8;padding:12px;max-height:calc(100vh - 36px);overflow-y:auto;scrollbar-width:thin}
.v47-market-sidebar details>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:15px;line-height:1.45;font-weight:850;color:#4b3531;padding:11px 9px 14px;user-select:none}
.v47-market-sidebar details>summary::-webkit-details-marker{display:none}
.v47-market-sidebar summary .v47-summary-arrow{font-size:20px;font-weight:500;color:#9d6250}
.v47-market-sidebar details:not([open]) summary .v47-summary-arrow{transform:rotate(-90deg)}
.v47-sidebar-tip{font-size:11px;line-height:1.5;color:#957b6e;margin:9px 9px 3px}
.v47-market-content{min-width:0}
.v47-market-content .v29-tools{margin-top:0}
.v47-market-content .v29-filter-search{flex:1;min-width:210px}
.v47-market-content .v30-filters{flex-wrap:wrap}
.v47-market-content .v23-grocery-grid{margin-top:16px}
.v47-market-layout .v29-category-bar{display:flex!important;flex-direction:column!important;gap:3px!important;overflow:visible!important;scrollbar-width:none!important;margin:0!important;padding:0!important;max-width:100%!important}
.v47-department{min-width:0}
.v47-market-layout .v29-category{width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-width:0!important;white-space:normal!important;text-align:left!important;padding:12px 9px!important;background:transparent!important;color:#4b3f3b!important;border:1px solid transparent!important;border-radius:11px!important;line-height:1.3!important;font-size:12px!important;font-weight:750!important}
.v47-market-layout .v29-category:hover{background:#f4ede6!important}
.v47-market-layout .v29-category.is-active{background:#2c2624!important;color:#fff!important;border-color:#2c2624!important}
.v47-dept-icon{flex:0 0 21px;text-align:center;font-size:17px}
.v47-dept-label{flex:1;min-width:0;overflow-wrap:break-word}
.v47-dept-count{flex:none;border-radius:20px;background:#eee1d3;color:#6b4f44;padding:3px 6px;font-size:10px!important;margin:0!important;font-weight:850;opacity:1!important}
.v47-market-layout .v29-category.is-active .v47-dept-count{color:#493531;background:#fff3e4}
.v47-dept-arrow{flex:none;font-size:17px;opacity:.6;transition:transform .2s}
.v47-market-layout .v29-category.is-active .v47-dept-arrow{transform:rotate(180deg)}
.v47-market-layout .v46-subcategories{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:2px!important;margin:3px 0 7px 21px!important;padding:1px 0 2px 10px!important;border-left:2px solid #ebd6c1!important}
.v47-market-layout .v46-subcategories[hidden]{display:none!important}
.v47-market-layout .v46-subcategories button{display:block;width:100%;text-align:left;padding:9px 11px!important;white-space:normal;font-size:11px!important;line-height:1.35;border:0!important;border-radius:9px;background:transparent;color:#746159}
.v47-market-layout .v46-subcategories button:hover{background:#f2e8dd}
.v47-market-layout .v46-subcategories button.is-active{background:#f5e4d4!important;color:#75472f!important;font-weight:850!important}
@media(max-width:900px){
 .v47-market-layout{grid-template-columns:minmax(180px,215px) minmax(0,1fr);gap:14px}
 .v47-market-sidebar{padding:7px}
}
@media(max-width:700px){
 .v23-groceries#sourcingCatalog{margin-top:16px!important}
 .v47-market-layout{grid-template-columns:minmax(0,1fr);gap:14px}
 .v47-market-sidebar{position:static;max-height:none;overflow:visible;padding:7px 12px}
 .v47-market-sidebar details>summary{padding:10px 6px}
 .v47-market-layout .v29-category{padding:11px 10px!important;font-size:13px!important}
 .v47-market-tagline{flex-wrap:wrap;gap:5px;padding:12px 14px}
 .v47-market-content .v29-tools{margin-top:4px}
}

/* Etiqueta del departamento seleccionado para móviles */
.v47-market-sidebar details>summary{justify-content:flex-start;gap:10px}
.v47-dept-summary-icon{flex:none;font-size:21px;font-weight:700}
.v47-summary-copy{flex:1;min-width:0;display:flex;flex-direction:column;font-size:14px}
.v47-summary-copy small{font-size:11px;font-weight:550;color:#8f725f;max-width:100%;white-space:normal}
.v47-market-sidebar summary .v47-summary-arrow{flex:none;margin-left:auto}
.categories-section{display:none!important}
@media(max-width:700px){
 .v47-market-sidebar details:not([open]) summary{min-height:57px;padding:9px 8px}
 .v47-market-sidebar details:not([open]) summary .v47-summary-arrow{transform:rotate(-90deg)}
}

/* V47.1: en móvil solo gira la flecha, nunca el título ni el icono. */
.v47-market-sidebar details>summary .v47-summary-copy{
  transform:none!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;
  direction:ltr!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;
  justify-content:center;align-items:flex-start;min-width:0;line-height:1.3;white-space:normal!important;
  font-size:15px!important;font-weight:850!important;color:#4b3531!important;
}
.v47-market-sidebar details>summary .v47-summary-copy small{
  display:block;max-width:100%;font-size:12px!important;line-height:1.35!important;
  font-weight:600!important;color:#8f725f!important;transform:none!important;
  writing-mode:horizontal-tb!important;
}
.v47-market-sidebar details>summary .v47-dept-summary-icon{
  transform:none!important;writing-mode:horizontal-tb!important;flex:0 0 25px;color:#8e5344;
}
.v47-market-sidebar details>summary .v47-summary-arrow{
  transform:none;writing-mode:horizontal-tb;flex:0 0 20px;text-align:center;
}
@media(max-width:700px){
 .v47-market-sidebar details:not([open])>summary .v47-summary-arrow{transform:rotate(-90deg)}
 .v47-market-sidebar details:not([open]) ~ .v47-sidebar-tip{display:none}
}
