/* Katherina Clothes V228 — categorías estilo galería compacta, mobile-first.
   Regla limitada al catálogo y a su vista previa; no modifica pedidos, cupones ni panel. */
.public-store .catalog-page .catalog-tools.category-coverflow-tools,
.editor-catalog-live-v172 .catalog-tools.category-coverflow-tools {
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  padding:5px 0 17px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.kc-v228-category-heading {
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:16px;
  margin:0;
  padding:0 1px;
}
.kc-v228-category-heading h2 {
  color:#44342f;
  font-family:'Playfair Display',Georgia,serif;
  font-weight:600;
  font-size:clamp(21px,2.5vw,29px);
  letter-spacing:-.5px;
  line-height:1.25;
  margin:0;
}
.kc-v228-category-heading span {
  color:#b07e83;
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
}
.public-store .catalog-tools.category-coverflow-tools .catalog-search-row {
  display:none !important; /* se conserva la decisión V215 de no mostrar buscador/filtro superior */
}
.public-store .kc-v228-categories.category-coverflow-shell,
.editor-catalog-live-v172 .kc-v228-categories.category-coverflow-shell {
  position:relative !important;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:5px 0 16px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  isolation:isolate;
}
.public-store .kc-v228-categories .category-coverflow-track,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-track {
  display:flex !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:13px !important;
  position:relative !important;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  padding:5px 4px 13px !important;
  margin:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  scroll-padding-inline:5px;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x pan-y !important;
  /* Las 11 categorías deben poder recorrer todo el ancho sin barra visible. */
  scrollbar-width:none !important; /* Firefox */
  -ms-overflow-style:none !important; /* versiones antiguas de Edge */
}
.public-store .kc-v228-categories .category-coverflow-track::-webkit-scrollbar,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-track::-webkit-scrollbar { display:none !important; width:0 !important; height:0 !important; }
.public-store .kc-v228-categories .category-coverflow-track::-webkit-scrollbar-thumb,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-track::-webkit-scrollbar-thumb {
  display:none !important; background:transparent !important; width:0 !important; height:0 !important;
}
.public-store .kc-v228-categories .category-coverflow-card,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-card,
.public-store .kc-v228-categories .category-coverflow-card.is-active,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-card.is-active {
  display:flex !important;
  flex:0 0 106px !important;
  position:relative !important;
  left:auto !important;
  top:auto !important;
  z-index:auto !important;
  width:106px !important;
  min-width:106px !important;
  max-width:106px !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 1px 5px !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:9px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:14px !important;
  box-shadow:none !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  transform:none !important;
  pointer-events:auto !important;
  scroll-snap-align:start;
  transition:none !important;
  cursor:pointer;
}
.public-store .kc-v228-categories .category-coverflow-card .category-coverflow-icon,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-card .category-coverflow-icon,
.public-store .kc-v228-categories .category-coverflow-card.is-active .category-coverflow-icon,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-card.is-active .category-coverflow-icon {
  width:104px !important;
  min-width:104px !important;
  height:109px !important;
  min-height:109px !important;
  flex:0 0 109px !important;
  margin:0 !important;
  display:grid !important;
  place-items:center !important;
  padding:6px !important;
  border:1px solid #efe4e1 !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 4px 13px rgba(84,63,57,.075) !important;
  overflow:hidden !important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease !important;
}
.public-store .kc-v228-categories .category-coverflow-card .category-coverflow-icon img,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-card .category-coverflow-icon img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  border-radius:13px !important;
}
.public-store .kc-v228-categories .category-coverflow-card strong,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-card strong,
.public-store .kc-v228-categories .category-coverflow-card.is-active strong,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-card.is-active strong {
  color:#473a39 !important;
  font-family:'DM Sans',sans-serif !important;
  font-size:12.5px !important;
  font-weight:600 !important;
  line-height:1.25 !important;
  letter-spacing:-.1px !important;
  white-space:normal;
  overflow-wrap:anywhere;
  text-align:center !important;
  width:100%;
  margin:0 !important;
}
.public-store .kc-v228-categories .category-coverflow-card small,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-card small,
.public-store .kc-v228-categories .category-coverflow-nav,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-nav,
.public-store .kc-v228-categories .category-coverflow-dots,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-dots {
  display:none !important;
}
.public-store .kc-v228-categories .category-coverflow-card[aria-pressed='true'] .category-coverflow-icon {
  border-color:#cc9698 !important;
  background:#fff8f7 !important;
  box-shadow:0 0 0 2px rgba(200,141,148,.16),0 5px 15px rgba(128,78,84,.12) !important;
}
.public-store .kc-v228-categories .category-coverflow-card[aria-pressed='true'] strong {color:#ad6d76 !important;}
.public-store .kc-v228-categories .category-coverflow-card:hover .category-coverflow-icon {
  border-color:#dbb3b6 !important;
  box-shadow:0 6px 17px rgba(128,78,84,.13) !important;
}
.public-store .kc-v228-categories .category-coverflow-card:focus-visible,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-card:focus-visible {
  outline:2px solid #be8290 !important;
  outline-offset:4px;
}
/* editor es una maqueta reducida; mismo orden y forma que la tienda */
.editor-catalog-live-v172 .kc-v228-category-heading h2 {font-size:17px !important;}
.editor-catalog-live-v172 .kc-v228-category-heading span {font-size:9px !important;}
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-card,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-card.is-active {flex-basis:80px !important;width:80px !important;min-width:80px !important;max-width:80px !important;}
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-card .category-coverflow-icon,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-card.is-active .category-coverflow-icon {width:78px !important;min-width:78px !important;height:80px !important;min-height:80px !important;flex-basis:80px !important;}
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-card strong,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-card.is-active strong {font-size:10px !important;}
@media(max-width:760px) {
  .public-store .catalog-page .catalog-tools.category-coverflow-tools {gap:10px !important;padding:2px 0 12px !important;}
  .public-store .kc-v228-category-heading {padding:0 2px !important;}
  .public-store .kc-v228-category-heading h2 {font-size:23px !important;}
  .public-store .kc-v228-category-heading span {font-size:10px !important;}
  .public-store .kc-v228-categories.category-coverflow-shell {width:100% !important;margin:0 !important;padding:0 0 8px !important;overflow:visible !important;min-height:0 !important;}
  .public-store .kc-v228-categories .category-coverflow-track {gap:9px !important;min-height:0 !important;padding:4px 3px 11px !important;touch-action:pan-x pan-y !important;}
  .public-store .kc-v228-categories .category-coverflow-card,
  .public-store .kc-v228-categories .category-coverflow-card.is-active {width:87px !important;min-width:87px !important;max-width:87px !important;flex-basis:87px !important;gap:7px !important;}
  .public-store .kc-v228-categories .category-coverflow-card .category-coverflow-icon,
  .public-store .kc-v228-categories .category-coverflow-card.is-active .category-coverflow-icon {width:86px !important;min-width:86px !important;height:89px !important;min-height:89px !important;flex-basis:89px !important;border-radius:15px !important;padding:5px !important;}
  .public-store .kc-v228-categories .category-coverflow-card strong,
  .public-store .kc-v228-categories .category-coverflow-card.is-active strong {font-size:11px !important;line-height:1.2 !important;}
}
@media(max-width:355px) {
  .public-store .kc-v228-categories .category-coverflow-card,
  .public-store .kc-v228-categories .category-coverflow-card.is-active {width:81px !important;min-width:81px !important;max-width:81px !important;flex-basis:81px !important;}
  .public-store .kc-v228-categories .category-coverflow-card .category-coverflow-icon,
  .public-store .kc-v228-categories .category-coverflow-card.is-active .category-coverflow-icon {width:79px !important;min-width:79px !important;height:83px !important;min-height:83px !important;flex-basis:83px !important;}
}
@media(prefers-reduced-motion:reduce){.public-store .kc-v228-categories .category-coverflow-track{scroll-behavior:auto !important;}}

/* V228 revisión: deslizamiento horizontal completo, sin scrollbar ni clip. */
.public-store .kc-v228-categories .category-coverflow-track,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-track {
  box-sizing:border-box !important;
  flex-wrap:nowrap !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-behavior:auto !important;
  touch-action:pan-x pan-y !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  cursor:grab;
}
.public-store .kc-v228-categories .category-coverflow-track::-webkit-scrollbar,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-track::-webkit-scrollbar,
.public-store .kc-v228-categories .category-coverflow-track::-webkit-scrollbar-track,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-track::-webkit-scrollbar-track,
.public-store .kc-v228-categories .category-coverflow-track::-webkit-scrollbar-thumb,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-track::-webkit-scrollbar-thumb {
  display:none !important;
  width:0 !important;
  height:0 !important;
  background:transparent !important;
}
.public-store .kc-v228-categories .category-coverflow-track.is-mouse-dragging,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-track.is-mouse-dragging {
  cursor:grabbing !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  scroll-snap-type:none !important; /* sin saltos durante arrastre con mouse */
}
.public-store .kc-v228-categories .category-coverflow-card,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-card {
  -webkit-user-drag:none;
  user-select:none;
  -webkit-user-select:none;
}
.public-store .kc-v228-categories .category-coverflow-icon img,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-icon img {
  pointer-events:none;
  -webkit-user-drag:none;
  user-select:none;
}

/* V228 ajuste final: simulador de celular F12 y touch real.
   Desplazamiento horizontal controlado por touchmove, vertical nativo. */
.public-store .kc-v228-categories .category-coverflow-track,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-track {
  touch-action:pan-y !important;
  scroll-snap-type:none !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
}
.public-store .kc-v228-categories .category-coverflow-track.is-touch-dragging,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-track.is-touch-dragging {
  scroll-snap-type:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}
.public-store .kc-v228-categories .category-coverflow-track::-webkit-scrollbar,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-track::-webkit-scrollbar {
  display:none !important; width:0 !important; height:0 !important;
}


/* V228.3: tarjetas un poco más grandes (~12–15 %) sin alterar el desplazamiento
   táctil F12, los filtros ni la barra de desplazamiento oculta. */
.public-store .kc-v228-categories .category-coverflow-card,
.public-store .kc-v228-categories .category-coverflow-card.is-active {
  flex:0 0 132px !important;
  width:132px !important;
  min-width:132px !important;
  max-width:132px !important;
  gap:10px !important;
}
.public-store .kc-v228-categories .category-coverflow-card .category-coverflow-icon,
.public-store .kc-v228-categories .category-coverflow-card.is-active .category-coverflow-icon {
  width:130px !important;
  min-width:130px !important;
  height:137px !important;
  min-height:137px !important;
  flex:0 0 137px !important;
  padding:7px !important;
  box-sizing:border-box !important;
}
.public-store .kc-v228-categories .category-coverflow-card strong,
.public-store .kc-v228-categories .category-coverflow-card.is-active strong {
  font-size:13px !important;
}
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-card,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-card.is-active {
  flex:0 0 102px !important;
  width:102px !important;
  min-width:102px !important;
  max-width:102px !important;
}
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-card .category-coverflow-icon,
.editor-catalog-live-v172 .kc-v228-categories .category-coverflow-card.is-active .category-coverflow-icon {
  width:100px !important;
  min-width:100px !important;
  height:104px !important;
  min-height:104px !important;
  flex:0 0 104px !important;
  box-sizing:border-box !important;
}
@media (max-width:760px) {
  .public-store .kc-v228-categories .category-coverflow-track {gap:10px !important;}
  .public-store .kc-v228-categories .category-coverflow-card,
  .public-store .kc-v228-categories .category-coverflow-card.is-active {
    flex:0 0 111px !important;
    width:111px !important;
    min-width:111px !important;
    max-width:111px !important;
    gap:8px !important;
  }
  .public-store .kc-v228-categories .category-coverflow-card .category-coverflow-icon,
  .public-store .kc-v228-categories .category-coverflow-card.is-active .category-coverflow-icon {
    width:109px !important;
    min-width:109px !important;
    height:114px !important;
    min-height:114px !important;
    flex:0 0 114px !important;
    padding:6px !important;
    border-radius:16px !important;
  }
  .public-store .kc-v228-categories .category-coverflow-card strong,
  .public-store .kc-v228-categories .category-coverflow-card.is-active strong {
    font-size:12px !important;
  }
}
@media (max-width:355px) {
  .public-store .kc-v228-categories .category-coverflow-card,
  .public-store .kc-v228-categories .category-coverflow-card.is-active {
    flex:0 0 103px !important;
    width:103px !important;
    min-width:103px !important;
    max-width:103px !important;
  }
  .public-store .kc-v228-categories .category-coverflow-card .category-coverflow-icon,
  .public-store .kc-v228-categories .category-coverflow-card.is-active .category-coverflow-icon {
    width:101px !important;
    min-width:101px !important;
    height:107px !important;
    min-height:107px !important;
    flex:0 0 107px !important;
  }
}