/* UBD Modular v1 · 0.6.4
   Autoridad responsive global: bottom navigation + Authentication.
   Se carga después de los CSS de módulos para evitar geometrías distintas por página. */

:root{
  --ubd63-ink:#18333A;
  --ubd63-muted:#62767A;
  --ubd63-paper:#FBF8F3;
  --ubd63-line:rgba(24,51,58,.11);
  --ubd63-orange:#E7923C;
  --ubd63-yellow:#EFC25E;
  --ubd63-teal:#5DA084;
  --ubd63-shadow:0 16px 38px rgba(24,51,58,.10);
}

/* =========================================================
   MENÚ INFERIOR · UNA SOLA GEOMETRÍA
   ========================================================= */
body .ubd-mod-bottom-nav,
body .ubd-catalog-bottom-nav{
  box-sizing:border-box!important;
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(8px + env(safe-area-inset-bottom))!important;
  z-index:2140!important;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  gap:5px!important;
  width:min(calc(100vw - 24px),520px)!important;
  height:64px!important;
  margin:0!important;
  padding:7px 8px!important;
  overflow:visible!important;
  transform:translateX(-50%)!important;
  border:1px solid rgba(24,51,58,.11)!important;
  border-radius:23px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 16px 42px rgba(24,51,58,.18)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  backdrop-filter:blur(16px)!important;
}
body .ubd-mod-bottom-nav > *,
body .ubd-catalog-bottom-nav > *{
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:14px!important;
  background:transparent!important;
  color:var(--ubd63-ink)!important;
  box-shadow:none!important;
  text-decoration:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
body .ubd-mod-bottom-nav svg,
body .ubd-catalog-bottom-nav svg{
  display:block!important;
  width:23px!important;
  height:23px!important;
  max-width:23px!important;
  max-height:23px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
}
body .ubd-mod-bottom-nav .ubd-mod-bottom-main,
body .ubd-catalog-bottom-nav .ubd-catalog-bottom-main{
  height:54px!important;
  min-height:54px!important;
  margin-top:-10px!important;
  overflow:visible!important;
  border-radius:17px!important;
  background:var(--ubd63-yellow)!important;
  color:#49392E!important;
  box-shadow:0 10px 23px rgba(239,194,94,.30)!important;
}
body .ubd-mod-bottom-nav .ubd-mod-bottom-main svg,
body .ubd-catalog-bottom-nav .ubd-catalog-bottom-main svg{
  width:29px!important;
  height:29px!important;
  max-width:29px!important;
  max-height:29px!important;
}
html:not(.ubd-mode-simple):not(.ubd-catalog-simple) body,
html.ubd-commerce-ready body,
html.ubd-account-ready body{
  padding-bottom:max(88px,calc(80px + env(safe-area-inset-bottom)))!important;
}

@media (max-width:699px){
  body .ubd-mod-bottom-nav,
  body .ubd-catalog-bottom-nav{
    left:max(8px,env(safe-area-inset-left))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    bottom:calc(6px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:none!important;
    height:62px!important;
    padding:7px 7px!important;
    transform:none!important;
    border-radius:21px!important;
  }
  body .ubd-mod-bottom-nav > *,
  body .ubd-catalog-bottom-nav > *{
    height:45px!important;
    min-height:45px!important;
    border-radius:13px!important;
  }
  body .ubd-mod-bottom-nav svg,
  body .ubd-catalog-bottom-nav svg{
    width:22px!important;
    height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
  }
  body .ubd-mod-bottom-nav .ubd-mod-bottom-main,
  body .ubd-catalog-bottom-nav .ubd-catalog-bottom-main{
    height:52px!important;
    min-height:52px!important;
    margin-top:-9px!important;
  }
  body .ubd-mod-bottom-nav .ubd-mod-bottom-main svg,
  body .ubd-catalog-bottom-nav .ubd-catalog-bottom-main svg{
    width:28px!important;
    height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
  }
}
@media (max-width:359px){
  body .ubd-mod-bottom-nav,
  body .ubd-catalog-bottom-nav{
    left:max(5px,env(safe-area-inset-left))!important;
    right:max(5px,env(safe-area-inset-right))!important;
    gap:3px!important;
    padding-inline:5px!important;
  }
}

/* =========================================================
   LOGIN · UNA SOLA TARJETA, SIN CAPAS APILADAS
   ========================================================= */
html.ubd-commerce-login-ready body#authentication #wrapper,
html.ubd-commerce-login-ready body.page-authentication #wrapper{
  padding:10px 0 24px!important;
  background:#F7F8F5!important;
}
html.ubd-commerce-login-ready body#authentication #wrapper > .container,
html.ubd-commerce-login-ready body.page-authentication #wrapper > .container,
html.ubd-commerce-login-ready body#authentication #wrapper .tv-left-layout,
html.ubd-commerce-login-ready body.page-authentication #wrapper .tv-left-layout{
  width:min(calc(100% - 20px),1180px)!important;
  max-width:1180px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
html.ubd-commerce-login-ready body#authentication #content-wrapper,
html.ubd-commerce-login-ready body.page-authentication #content-wrapper{
  float:none!important;
  width:min(100%,590px)!important;
  max-width:590px!important;
  margin:0 auto!important;
  padding:0!important;
}
html.ubd-commerce-login-ready body#authentication #main,
html.ubd-commerce-login-ready body.page-authentication #main{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
html.ubd-commerce-login-ready body#authentication #content,
html.ubd-commerce-login-ready body.page-authentication #content{
  display:flex!important;
  flex-direction:column!important;
  gap:15px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(20px,4vw,30px)!important;
  overflow:visible!important;
  border:1px solid var(--ubd63-line)!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:var(--ubd63-shadow)!important;
  color:var(--ubd63-ink)!important;
}
html.ubd-commerce-login-ready .form-title{
  order:0!important;
  margin:0!important;
  padding:0 2px 4px!important;
  text-align:center!important;
}
html.ubd-commerce-login-ready .form-title h1{
  margin:0!important;
  color:var(--ubd63-ink)!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-size:clamp(29px,6vw,38px)!important;
  font-weight:900!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
}
html.ubd-commerce-login-ready .form-title h1:after{
  content:"Accede a tus pedidos y datos guardados"!important;
  display:block!important;
  max-width:360px!important;
  margin:8px auto 0!important;
  color:var(--ubd63-muted)!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.45!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* Este bloque adicional era el que hacía sentir el login saturado. */
html.ubd-commerce-login-ready .ubd-login-fast-intro{display:none!important}

html.ubd-commerce-login-ready .ets_solo_social_wrapper.ubd-login-google-first{
  order:1!important;
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html.ubd-commerce-login-ready .ets_solo_social_wrapper .ets_solo_wrapper_content{
  gap:7px!important;
}
html.ubd-commerce-login-ready .ets_solo_social_wrapper .ets_solo_social_title,
html.ubd-commerce-login-ready .ets_solo_social_wrapper .ets_solo_social_desc{
  margin:0!important;
  color:var(--ubd63-muted)!important;
  font-size:11px!important;
  line-height:1.4!important;
  text-align:center!important;
}
html.ubd-commerce-login-ready .ets_solo_social_wrapper .ets_solo_social_btn{
  min-height:52px!important;
  padding:0 16px!important;
  border:1px solid var(--ubd63-line)!important;
  border-radius:15px!important;
  background:#fff!important;
  color:var(--ubd63-ink)!important;
  font-size:14px!important;
  font-weight:850!important;
  box-shadow:0 7px 18px rgba(24,51,58,.07)!important;
}
html.ubd-commerce-login-ready .ets_solo_social_wrapper .svg_gl{
  width:29px!important;
  height:29px!important;
}
html.ubd-commerce-login-ready .ets_solo_social_wrapper .svg_gl svg{
  width:26px!important;
  height:26px!important;
}

html.ubd-commerce-login-ready .ubd-login-email-heading{
  order:2!important;
  grid-template-columns:1fr auto 1fr!important;
  gap:9px!important;
  margin:1px 0!important;
  color:var(--ubd63-muted)!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
}
html.ubd-commerce-login-ready .login-form{
  order:3!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html.ubd-commerce-login-ready .login-form:before{display:none!important}
html.ubd-commerce-login-ready #login-form{
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
html.ubd-commerce-login-ready #login-form .form-group.row,
html.ubd-commerce-login-ready #login-form .form-group{
  display:block!important;
  width:100%!important;
  margin:0 0 13px!important;
  padding:0!important;
}
html.ubd-commerce-login-ready #login-form .form-control-label{
  display:block!important;
  float:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 6px!important;
  padding:0!important;
  color:var(--ubd63-ink)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-align:left!important;
}
html.ubd-commerce-login-ready #login-form .js-input-column{
  display:block!important;
  float:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
html.ubd-commerce-login-ready #login-form .js-input-column > input.form-control{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:52px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid var(--ubd63-line)!important;
  border-radius:14px!important;
  background:var(--ubd63-paper)!important;
  color:var(--ubd63-ink)!important;
  font-size:16px!important; /* evita zoom automático de iOS */
  box-shadow:none!important;
}
html.ubd-commerce-login-ready #login-form .input-group{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid var(--ubd63-line)!important;
  border-radius:14px!important;
  background:var(--ubd63-paper)!important;
  box-shadow:none!important;
}
html.ubd-commerce-login-ready #login-form .input-group .form-control{
  width:100%!important;
  min-width:0!important;
  height:52px!important;
  margin:0!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--ubd63-ink)!important;
  font-size:16px!important;
  box-shadow:none!important;
}
html.ubd-commerce-login-ready #login-form button[data-action="show-password"]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:70px!important;
  height:52px!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  border-left:1px solid var(--ubd63-line)!important;
  border-radius:0!important;
  background:#fff!important;
  color:var(--ubd63-ink)!important;
  font-size:10px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
html.ubd-commerce-login-ready #login-form .forgot-password{
  margin:2px 0 14px!important;
  padding:0!important;
  text-align:right!important;
}
html.ubd-commerce-login-ready #login-form .forgot-password a{
  color:var(--ubd63-teal)!important;
  font-size:12px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
html.ubd-commerce-login-ready #login-form .form-footer{
  margin:0!important;
  padding:0!important;
}
html.ubd-commerce-login-ready #submit-login{
  width:100%!important;
  min-height:52px!important;
  margin:0!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:15px!important;
  background:var(--ubd63-orange)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  box-shadow:0 11px 24px rgba(231,146,60,.20)!important;
}
html.ubd-commerce-login-ready .no-account{
  order:4!important;
  margin:0!important;
  padding:10px 4px 0!important;
  border:0!important;
  border-top:1px solid var(--ubd63-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--ubd63-muted)!important;
  text-align:center!important;
}
html.ubd-commerce-login-ready .no-account a{
  color:var(--ubd63-ink)!important;
  font-size:12px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

@media(max-width:699px){
  html.ubd-commerce-login-ready body#authentication #wrapper,
  html.ubd-commerce-login-ready body.page-authentication #wrapper{
    padding-top:5px!important;
  }
  html.ubd-commerce-login-ready body#authentication #content-wrapper,
  html.ubd-commerce-login-ready body.page-authentication #content-wrapper{
    width:100%!important;
  }
  html.ubd-commerce-login-ready body#authentication #content,
  html.ubd-commerce-login-ready body.page-authentication #content{
    gap:13px!important;
    padding:18px 16px 20px!important;
    border-radius:22px!important;
  }
  html.ubd-commerce-login-ready .form-title h1{
    font-size:30px!important;
  }
  html.ubd-commerce-login-ready .form-title h1:after{
    margin-top:6px!important;
    font-size:11px!important;
  }
  html.ubd-commerce-login-ready .ets_solo_social_wrapper .ets_solo_social_btn,
  html.ubd-commerce-login-ready #submit-login{
    min-height:50px!important;
  }
}

/* Evita que Bootstrap/ThemeVolty vuelvan a ensanchar las columnas del login. */
html.ubd-commerce-login-ready #login-form [class*="col-md-"]{
  float:none!important;
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* =========================================================
   0.6.4 · AUTORIDAD FINAL DE MENÚ / CARRITO
   - No mueve nodos del DOM.
   - No usa MutationObserver.
   - En móvil evita translateX para que Safari no desborde el drawer.
   - El carrito siempre conserva una salida visible aunque una capa auxiliar falle.
   ========================================================= */

/* Capas cerradas nunca pueden tapar la página. */
body .ubd-mod-menu-backdrop[hidden],
body .ubd-catalog-shell-backdrop[hidden],
body .ubd-shipping-drawer[hidden],
body#cart .ubd-cart-extras__overlay[hidden]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Drawer: geometría estable en tablet/escritorio angosto. */
@media (max-width:991px){
  body .ubd-mod-menu-backdrop,
  body .ubd-catalog-shell-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:2147482600!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
  }

  body .ubd-mod-menu-sheet,
  body .ubd-catalog-shell-menu{
    box-sizing:border-box!important;
    position:fixed!important;
    top:auto!important;
    right:auto!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    left:50%!important;
    z-index:2147482700!important;
    width:min(620px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    max-height:min(74dvh,680px)!important;
    margin:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    transform:translate(-50%,calc(100% + 28px)) scale(.985)!important;
    transform-origin:bottom center!important;
    visibility:hidden!important;
    opacity:0!important;
  }

  body .ubd-mod-menu-sheet.is-open,
  body .ubd-catalog-shell-menu.is-open{
    transform:translate(-50%,0) scale(1)!important;
    visibility:visible!important;
    opacity:1!important;
  }

  body.ubd-shell-menu-open,
  body.ubd-menu-drawer-open-v1911{
    overflow:hidden!important;
    touch-action:none!important;
  }

  body.ubd-shell-menu-open :is(.ubd-mod-bottom-nav,.ubd-catalog-bottom-nav),
  body.ubd-menu-drawer-open-v1911 :is(.ubd-mod-bottom-nav,.ubd-catalog-bottom-nav),
  body.ubd-shell-menu-open :is(.ubd-anniversary-bar-v1929,.ubd-delivery-notice-v179,.ubd-delivery-reopen-v179,.ubd-cart-extras__pill),
  body.ubd-menu-drawer-open-v1911 :is(.ubd-anniversary-bar-v1929,.ubd-delivery-notice-v179,.ubd-delivery-reopen-v179,.ubd-cart-extras__pill){
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

/* iPhone/móvil: anclaje por ambos laterales, sin traslación horizontal. */
@media (max-width:699px){
  body .ubd-mod-menu-sheet,
  body .ubd-catalog-shell-menu{
    right:max(8px,env(safe-area-inset-right))!important;
    left:max(8px,env(safe-area-inset-left))!important;
    width:auto!important;
    max-width:none!important;
    max-height:min(70dvh,620px)!important;
    padding:13px!important;
    border-radius:26px!important;
    transform:translateY(calc(100% + 24px)) scale(.985)!important;
    transform-origin:bottom center!important;
  }

  body .ubd-mod-menu-sheet.is-open,
  body .ubd-catalog-shell-menu.is-open{
    transform:translateY(0) scale(1)!important;
  }

  body .ubd-mod-menu-grid,
  body .ubd-catalog-shell-menu-grid{
    min-width:0!important;
    max-width:100%!important;
  }

  body .ubd-mod-menu-grid > *,
  body .ubd-catalog-shell-menu-grid > *{
    min-width:0!important;
    max-width:100%!important;
  }
}

/* Carrito /un-pedido: nunca dejar el contenido principal invisible. */
html.ubd-commerce-cart-ready body#cart #wrapper,
html.ubd-commerce-cart-ready body#cart #content-wrapper,
html.ubd-commerce-cart-ready body#cart #main,
html.ubd-commerce-cart-ready body#cart .cart-grid,
html.ubd-commerce-cart-ready body#cart .cart-grid-body,
html.ubd-commerce-cart-ready body#cart .cart-grid-right{
  visibility:visible!important;
  opacity:1!important;
}

html.ubd-commerce-cart-ready body#cart #wrapper,
html.ubd-commerce-cart-ready body#cart #content-wrapper,
html.ubd-commerce-cart-ready body#cart #main{
  min-height:1px!important;
}

html.ubd-commerce-cart-ready body#cart .ubd-catalog-shell-menu:not(.is-open),
html.ubd-commerce-cart-ready body#cart .ubd-shipping-drawer:not(.is-open),
html.ubd-commerce-cart-ready body#cart .ubd-cart-extras:not(.is-open) .ubd-cart-extras__overlay{
  pointer-events:none!important;
}


/* =========================================================
   UBD Modular v1 · 0.6.4.14 · CATEGORÍA MÓVIL LIMPIA
   Corrige únicamente <=699px:
   - Hero excesivamente alto.
   - Subcategorías inyectadas dentro del encabezado sin solaparse.
   - Toolbar catálogo sin contador atrapado entre Asistente y Ordenar.
   - Cápsula de entrega más discreta sobre el catálogo.
   Escritorio no cambia.
   ========================================================= */
@media (max-width:699px){
  /* 1) Hero: compacto, legible y sin un gran vacío debajo del título. */
  html.ubd-category-ready body#category .ubd-category-head{
    gap:12px!important;
    margin-bottom:14px!important;
  }

  html.ubd-category-ready body#category .ubd-category-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 82px!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:15px 15px 16px!important;
    overflow:hidden!important;
    border-radius:22px!important;
  }

  html.ubd-category-ready body#category .ubd-category-hero-copy{
    min-width:0!important;
    align-self:center!important;
  }

  html.ubd-category-ready body#category .ubd-category-hero .ubd-eyebrow{
    display:block!important;
    margin:0 0 5px!important;
    font-size:10px!important;
    line-height:1!important;
  }

  html.ubd-category-ready body#category .ubd-category-hero h1{
    margin:0!important;
    max-width:100%!important;
    font-size:clamp(34px,10.5vw,46px)!important;
    line-height:.92!important;
    overflow-wrap:anywhere!important;
  }

  html.ubd-category-ready body#category .ubd-category-hero-media{
    display:grid!important;
    place-items:center!important;
    justify-self:end!important;
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    height:82px!important;
    min-height:82px!important;
    max-height:82px!important;
    margin:0!important;
    padding:5px!important;
    overflow:hidden!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.48)!important;
  }

  html.ubd-category-ready body#category .ubd-category-hero-media img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  /* 2) Subcategorías: el JS coloca el carrusel justo después del H2.
        Al convertir el head en bloque, título y carrusel dejan de competir
        en la misma fila y desaparece el texto cortado/encimado. */
  html.ubd-category-ready body#category .ubd-subcategories-top{
    width:100%!important;
    margin:0!important;
    padding:14px!important;
    overflow:hidden!important;
    border-radius:22px!important;
  }

  html.ubd-category-ready body#category .ubd-subcategories-top .ubd-subcategories-head{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    text-align:left!important;
  }

  html.ubd-category-ready body#category .ubd-subcategories-top .ubd-subcategories-head > span{
    display:block!important;
    margin:0 0 5px!important;
    font-size:10px!important;
    line-height:1!important;
  }

  html.ubd-category-ready body#category .ubd-subcategories-top .ubd-subcategories-head > h2{
    display:block!important;
    width:100%!important;
    margin:0!important;
    font-size:22px!important;
    line-height:1.05!important;
    text-align:left!important;
  }

  html.ubd-category-ready body#category .ubd-subcategories-top .ubd-submenu-icon-shell{
    display:block!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:12px 0 0!important;
    padding:0!important;
    clear:both!important;
  }

  html.ubd-category-ready body#category .ubd-subcategories-top .ubd-submenu-icon-hint{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    width:max-content!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0 0 9px auto!important;
    padding:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#C75D3C!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1.15!important;
    letter-spacing:.075em!important;
    text-align:right!important;
    text-transform:uppercase!important;
  }

  html.ubd-category-ready body#category .ubd-subcategories-top .ubd-submenu-icon-hint span{
    min-width:0!important;
    white-space:normal!important;
  }

  html.ubd-category-ready body#category .ubd-subcategories-top .ubd-submenu-icon-hint b{
    flex:0 0 auto!important;
    font-size:15px!important;
  }

  html.ubd-category-ready body#category .ubd-subcategories-top .ubd-submenu-icon-viewport{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  html.ubd-category-ready body#category .ubd-subcategories-top .ubd-submenu-icon-nav{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:clamp(118px,36vw,138px)!important;
    align-items:stretch!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:2px 26px 7px 1px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }

  html.ubd-category-ready body#category .ubd-subcategories-top .ubd-submenu-icon-nav::-webkit-scrollbar{
    display:none!important;
  }

  html.ubd-category-ready body#category .ubd-subcategories-top .ubd-submenu-icon-nav > a{
    gap:7px!important;
    min-width:0!important;
    min-height:0!important;
    padding:8px 7px 10px!important;
    border-radius:18px!important;
    scroll-snap-align:start!important;
  }

  html.ubd-category-ready body#category .ubd-subcategories-top .ubd-submenu-icon-media{
    width:74px!important;
    height:74px!important;
    padding:5px!important;
  }

  html.ubd-category-ready body#category .ubd-subcategories-top .ubd-submenu-icon-nav strong{
    min-height:2.35em!important;
    font-size:11px!important;
    line-height:1.16!important;
  }

  /* Ya hay gesto horizontal y pista textual; quitamos adornos que se montaban
     sobre la última tarjeta en pantallas estrechas. */
  html.ubd-category-ready body#category .ubd-subcategories-top .ubd-submenu-icon-fade,
  html.ubd-category-ready body#category .ubd-subcategories-top .ubd-submenu-icon-next{
    display:none!important;
  }

  /* El carrusel nuevo sustituye al listado nativo en móvil. */
  html.ubd-category-ready body#category .ubd-subcategories-top[data-ubd-submenu-icons-ready="true"] > .subcategory-list{
    display:none!important;
  }

  /* 3) Barra de productos: dos acciones útiles, sin la cifra encajada al centro. */
  html.ubd-category-ready body#category #js-product-list-top.products-selection{
    min-height:0!important;
    height:auto!important;
    margin:0 0 13px!important;
    padding:7px!important;
    overflow:visible!important;
    border-radius:18px!important;
  }

  html.ubd-category-ready body#category #js-product-list-top.products-selection.ubd-products-toolbar-v1918{
    grid-template-columns:minmax(0,1fr) minmax(132px,42%)!important;
    align-items:stretch!important;
    gap:7px!important;
  }

  html.ubd-category-ready body#category #js-product-list-top .ubd-product-count,
  html.ubd-category-ready body#category #js-product-list-top .ubd-products-count,
  html.ubd-category-ready body#category #js-product-list-top .total-products,
  html.ubd-category-ready body#category #js-product-list-top [class*="product-count"]{
    display:none!important;
    visibility:hidden!important;
  }

  html.ubd-category-ready body#category #js-product-list-top .ubd-products-assistant-v1918 a{
    min-height:42px!important;
    width:100%!important;
    padding:8px 10px!important;
    border-radius:14px!important;
    font-size:10.5px!important;
  }

  html.ubd-category-ready body#category #js-product-list-top .products-sort-order .select-title{
    min-height:42px!important;
    width:100%!important;
    padding:8px 10px!important;
    border-radius:14px!important;
    font-size:10.5px!important;
  }

  /* Si queda la fila nativa dentro de la columna de orden, no debe reservar
     espacio para el contador eliminado. */
  html.ubd-category-ready body#category #js-product-list-top > .row,
  html.ubd-category-ready body#category #js-product-list-top .ubd-sort-column > .row{
    min-width:0!important;
    margin:0!important;
  }

  html.ubd-category-ready body#category #js-product-list-top .ubd-product-sort,
  html.ubd-category-ready body#category #js-product-list-top .ubd-sort-column{
    flex:0 0 100%!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  /* 4) El aviso conserva su función pero ocupa menos pantalla del catálogo. */
  html.ubd-category-ready body#category .ubd-delivery-notice-v179.is-compact{
    width:min(246px,calc(100vw - 24px))!important;
  }

  html.ubd-category-ready body#category .ubd-delivery-notice-v179.is-compact .ubd-notice-expand{
    min-height:35px!important;
  }

  html.ubd-category-ready body#category .ubd-delivery-notice-v179.is-compact .ubd-notice-expand > strong{
    font-size:9.5px!important;
  }
}

@media (max-width:380px){
  html.ubd-category-ready body#category .ubd-category-hero{
    grid-template-columns:minmax(0,1fr) 72px!important;
  }
  html.ubd-category-ready body#category .ubd-category-hero-media{
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
  }
  html.ubd-category-ready body#category #js-product-list-top.products-selection.ubd-products-toolbar-v1918{
    grid-template-columns:minmax(0,1fr) minmax(120px,43%)!important;
  }
}