/**
 * Valery Lingerie — Astra Overrides
 * CSS que sobreescribe los estilos por defecto de Astra
 * para que todo quede con la identidad visual de Valery
 */

/* =========================================================
   RESET CRÍTICO — fondo blanco en TODO
   ========================================================= */
html,
body,
body.home,
body.woocommerce,
body.woocommerce-page,
.ast-separate-container,
.ast-two-container,
.site,
.site-content,
.ast-article-single,
.entry-content,
#page,
#content,
.ast-container {
  background-color: #ffffff !important;
  background: #ffffff !important;
}

/* Prevenir scroll horizontal en mobile */
/* clip en html NO crea scroll container → no rompe touch events en iOS Safari */
/* hidden en body es suficiente para cortar el overflow visual */
html {
  overflow-x: clip;
}
body {
  overflow-x: hidden;
  max-width: 100%;
}

/* Quitar padding/margin del entry-content en homepage */
body.home .entry-content,
body.home .ast-article-single,
body.page .entry-content,
.ast-separate-container .ast-article-single {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
}

/* Quitar header de la página (título, meta) en homepage */
body.home .entry-header,
body.home .ast-post-format-,
body.home .post-thumbnail {
  display: none !important;
}

/* =========================================================
   VARIABLES GLOBALES (compatibles con Astra)
   ========================================================= */
:root {
  --ast-global-color-0: #c85f63;
  --ast-global-color-1: #b04d51;
  --ast-global-color-2: #282828;
  --ast-global-color-3: #f9edf0;
  --ast-global-color-4: #5a5a5a;
  --ast-global-color-5: #ffffff;

  --valery-pink:       #c85f63;
  --valery-pink-dark:  #b04d51;
  --valery-pink-light: #f9edf0;
  --valery-pink-pale:  #fdf3f4;
  --valery-dark:       #282828;
  --valery-gray:       #5a5a5a;
  --valery-border:     #ecdde0;

  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body:    'Montserrat', sans-serif;
}

/* =========================================================
   GOOGLE FONTS IMPORT
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Montserrat:wght@400;500;600;700&display=swap');

/* =========================================================
   TIPOGRAFÍA GLOBAL
   ========================================================= */
body, .ast-single-post, p {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px;
  color: #282828;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.ast-breadcrumbs,
.woocommerce-loop-product__title,
.entry-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: #282828;
}

a { color: #c85f63; transition: color 0.2s ease; }
a:hover { color: #b04d51; }

/* =========================================================
   HEADER ASTRA — fondo blanco forzado en TODOS los elementos
   (Astra dynamic CSS usa --ast-global-color-4 = gris en estos)
   ========================================================= */
.ast-primary-header-bar,
.ast-header-break-point .ast-primary-header-bar,
.ast-primary-header,
.ast-desktop-header-content,
.ast-mobile-header-wrap,
.ast-mobile-header-content,
#masthead,
.site-header {
  background: #fff !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid #ecdde0 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}

/* Fondo gris en el body/página — Astra lo pone en ast-plain-container */
.ast-plain-container,
body.ast-plain-container,
.ast-page-builder-template,
body.ast-page-builder-template {
  background-color: #ffffff !important;
}

/* ================================================================
   MENÚ MOBILE — Astra dropdown (data-type="dropdown")
   El menú se expande DENTRO de #ast-mobile-header cuando se
   pulsa el botón hamburguesa. NO hay popup lateral en este sitio.
   ================================================================ */

/* Fondo blanco para toda la zona del menú expandido */
#ast-mobile-header .ast-mobile-header-content,
#ast-mobile-header .main-navigation,
#ast-mobile-header .main-header-menu,
#ast-mobile-header .main-header-bar-navigation {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Borde inferior decorativo bajo la barra del header */
#ast-mobile-header .ast-primary-header-bar {
  border-bottom: 2px solid #c85f63 !important;
}

/* Cada item del menú */
#ast-mobile-header .main-header-menu > li.menu-item {
  border-bottom: 1px solid #f3e8ea !important;
  background: #ffffff !important;
}

/* Links de los items */
#ast-mobile-header .main-header-menu .menu-item > a,
#ast-mobile-header .main-header-menu .menu-item > .menu-link {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: #282828 !important;
  padding: 16px 24px !important;
  display: flex !important;
  align-items: center !important;
  background: transparent !important;
  transition: color 0.2s, background 0.2s, border-color 0.2s !important;
  text-decoration: none !important;
  border-left: 3px solid transparent !important;
}

/* Hover */
#ast-mobile-header .main-header-menu .menu-item > a:hover,
#ast-mobile-header .main-header-menu .menu-item > .menu-link:hover {
  color: #c85f63 !important;
  background: #fdf3f4 !important;
  border-left-color: #c85f63 !important;
}

/* Item activo/current */
#ast-mobile-header .main-header-menu .current-menu-item > a,
#ast-mobile-header .main-header-menu .current-menu-item > .menu-link,
#ast-mobile-header .main-header-menu .current-menu-ancestor > a {
  color: #c85f63 !important;
  background: #fdf3f4 !important;
  border-left-color: #c85f63 !important;
}

/* Sub-menu */
#ast-mobile-header .main-header-menu .sub-menu {
  background: #fdf8f9 !important;
}
#ast-mobile-header .main-header-menu .sub-menu .menu-item > a {
  font-size: 12px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0.04em !important;
  padding: 12px 36px !important;
  color: #555 !important;
  border-left: none !important;
}
#ast-mobile-header .main-header-menu .sub-menu .menu-item > a:hover {
  color: #c85f63 !important;
  background: #f9edf0 !important;
}

/* Ocultar solo el carrito del menú mobile (ya está en el bottom nav) */
#ast-mobile-header .valery-nav-cart-item {
  display: none !important;
}

/* Botón de búsqueda en el menú mobile — mismo estilo que los links */
#ast-mobile-header .valery-nav-search-item {
  display: block !important;
  border-bottom: 1px solid #f3e8ea !important;
  background: #ffffff !important;
}

#ast-mobile-header .valery-nav-search-item .valery-search-btn {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: #282828 !important;
  padding: 16px 24px !important;
  width: 100% !important;
  text-align: left !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: transparent !important;
  border: none !important;
  border-left: 3px solid transparent !important;
  cursor: pointer !important;
  transition: color 0.2s, background 0.2s, border-color 0.2s !important;
}

#ast-mobile-header .valery-nav-search-item .valery-search-btn:hover {
  color: #c85f63 !important;
  background: #fdf3f4 !important;
  border-left-color: #c85f63 !important;
}

/* Ocultar el label "Buscar" en desktop (solo mostrar ícono) — ya lo muestra en mobile */
/* Botón X del hamburger (cuando el menú está abierto) */
#ast-mobile-header .menu-toggle.toggled {
  color: #c85f63 !important;
}

/* Logo */
.ast-logo-img,
.custom-logo,
.ast-header-custom-logo img {
  max-height: 56px !important;
  height: 56px !important;
  width: auto !important;
  display: block !important;
}

/* Ocultar nombre del sitio en texto cuando hay logo imagen */
.ast-logo-img ~ .site-title,
.has-custom-logo .site-title,
.has-custom-logo .site-description {
  display: none !important;
}

/* Si no hay logo imagen, mostrar nombre con tipografía Valery */
.site-title a {
  font-family: 'Playfair Display', serif !important;
  font-size: 1.4rem !important;
  color: #282828 !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

/* Menú desktop */
.ast-primary-header-bar .main-header-bar-navigation .ast-header-navigation-arrow,
.ast-primary-header-bar .menu-item > .menu-link,
.main-header-menu .menu-item > .menu-link {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #282828 !important;
  padding: 10px 14px !important;
}

.main-header-menu .menu-item:hover > .menu-link,
.main-header-menu .current-menu-item > .menu-link {
  color: #c85f63 !important;
}

/* Carrito header */
.ast-cart-menu-wrap .count,
.ast-cart-menu-wrap .ast-cart-product-count {
  background: #c85f63 !important;
  color: #fff !important;
  border-radius: 50% !important;
}

/* Menú hamburguesa mobile */
.ast-header-break-point .ast-mobile-menu-trigger-fill {
  background: #c85f63 !important;
}

/* =========================================================
   CARRITO EN LA NAVEGACIÓN
   ========================================================= */
.valery-nav-cart-item > .valery-nav-cart-link {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 14px !important;
  color: #282828 !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.valery-nav-cart-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.valery-nav-cart-badge {
  position: absolute !important;
  top: -8px !important;
  right: -10px !important;
  background: #c85f63 !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  min-width: 16px !important;
  height: 16px !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 3px !important;
  font-family: 'Montserrat', sans-serif !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.valery-nav-cart-badge--empty { display: none !important; }

/* En mobile el label se oculta para ahorrar espacio */
@media (max-width: 480px) {
  .valery-nav-cart-label { display: none; }
  .valery-nav-cart-link { padding: 8px 10px !important; }
}

/* =========================================================
   BOTONES GLOBALES
   ========================================================= */
.ast-button,
.button, button[type="submit"],
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  border-radius: 999px !important;
  background: #c85f63 !important;
  color: #fff !important;
  border: none !important;
  padding: 12px 28px !important;
  transition: all 0.25s ease !important;
  cursor: pointer;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .single_add_to_cart_button:hover,
.button:hover {
  background: #b04d51 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 5px 16px rgba(200,95,99,0.35) !important;
  color: #fff !important;
}

/* =========================================================
   BOTÓN DE TARJETA DE PRODUCTO — siempre mismo estilo
   (cubre Elegir opciones, Agregar al carrito, Agotado)
   ========================================================= */
.valery-card-footer .button,
.valery-card-footer a.button,
.woocommerce ul.products li.product .valery-card-footer .button {
  display: block !important;
  width: calc(100% - 32px) !important;
  margin: 0 16px 16px !important;
  padding: 10px 16px !important;
  font-size: 12px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.07em !important;
  text-align: center !important;
  border-radius: 999px !important;
  background: #c85f63 !important;
  color: #fff !important;
  border: none !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  transition: all 0.25s ease !important;
}
.valery-card-footer .button:hover,
.valery-card-footer a.button:hover {
  background: #b04d51 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 14px rgba(200,95,99,0.4) !important;
  color: #fff !important;
}

/* =========================================================
   TARJETA DE PRODUCTO — DISEÑO COMPLETO
   ========================================================= */

/* Contenedor de la tarjeta */
.valery-product-card,
.woocommerce ul.products li.product.valery-product-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.07);
  transition: transform 0.28s ease, box-shadow 0.28s ease;
  position: relative;
  display: flex;
  flex-direction: column;
}
.valery-product-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(200,95,99,0.18);
}

/* ── IMAGEN ─── */
.valery-card-img-wrap {
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 3/4;
  background: #f9f4f4;
}
.valery-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.4s ease, transform 0.5s ease;
}
.valery-card-img.hover {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.valery-card-img-wrap:hover .valery-card-img.primary {
  transform: scale(1.04);
}
.valery-card-img-wrap:hover .valery-card-img.hover {
  opacity: 1;
}

/* Overlay "Ver producto" al hacer hover */
.valery-card-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(200,95,99,0.88);
  color: #fff;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 10px 0;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.valery-card-img-wrap:hover .valery-card-overlay {
  opacity: 1;
  transform: translateY(0);
}

/* ── BADGES ─── */
.valery-card-badges {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.valery-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.6;
}
.valery-badge.sale     { background: #c85f63; color: #fff; }
.valery-badge.new      { background: #282828; color: #fff; }
.valery-badge.sold-out { background: #999; color: #fff; }

/* ── INFO ─── */
.valery-card-info {
  padding: 12px 14px 6px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Categoría */
.valery-card-cat {
  font-family: 'Montserrat', sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #c85f63;
  text-transform: uppercase;
  line-height: 1;
}

/* Nombre */
.valery-card-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #282828 !important;
  margin: 0 !important;
  line-height: 1.25 !important;
}
.valery-card-title a {
  color: inherit !important;
  text-decoration: none !important;
}
.valery-card-title a:hover { color: #c85f63 !important; }

/* Estrellas */
.valery-card-rating {
  display: flex;
  align-items: center;
  gap: 1px;
  font-size: 12px;
}
.valery-star       { color: #ddd; }
.valery-star.filled { color: #c85f63; }
.valery-rating-count { font-size: 10px; color: #999; margin-left: 3px; }

/* Precio */
.valery-card-price {
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  font-weight: 800;
  color: #c85f63;
  line-height: 1.2;
  margin-top: 2px;
}
.valery-card-price del { color: #bbb; font-weight: 400; font-size: 0.8rem; margin-right: 4px; }
.valery-card-price ins { text-decoration: none; }

/* ── COLORES ─── */
.valery-card-colors {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  margin-top: 4px;
}
.valery-color-dot {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  cursor: default;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
.valery-color-dot:hover { transform: scale(1.25); }
.valery-color-more {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 700;
  color: #888;
}

/* ── TALLAS ─── */
.valery-card-sizes {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 4px;
}
.valery-size-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 22px;
  padding: 0 6px;
  border-radius: 4px;
  background: #f7f0f0;
  border: 1px solid #e8d5d5;
  font-family: 'Montserrat', sans-serif;
  font-size: 9px;
  font-weight: 700;
  color: #555;
  letter-spacing: 0.04em;
  transition: background 0.2s, color 0.2s;
}
.valery-size-pill.more {
  background: #fff0f0;
  border-color: #c85f63;
  color: #c85f63;
}

/* ── BOTÓN DEL CARD ─── */
.valery-card-footer {
  padding: 10px 14px 14px;
  margin-top: auto;
}
.valery-card-footer .button,
.valery-card-footer a.button,
.valery-card-footer .valery-btn-card {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  text-align: center !important;
  border-radius: 999px !important;
  background: #c85f63 !important;
  color: #fff !important;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
  box-sizing: border-box !important;
}
.valery-card-footer .button:hover,
.valery-card-footer a.button:hover {
  background: #b04d51 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 5px 16px rgba(200,95,99,0.4) !important;
  color: #fff !important;
}
/* Botón agotado: mismo estilo pero ligeramente diferente */
.valery-btn-agotado {
  background: #888 !important;
}
.valery-btn-agotado:hover {
  background: #666 !important;
  box-shadow: 0 5px 16px rgba(0,0,0,0.2) !important;
}

/* ── GRID DE PRODUCTOS ─── */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
@media (max-width: 1100px) {
  .woocommerce ul.products { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 768px) {
  .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
  .valery-card-title { font-size: 0.85rem !important; }
  .valery-card-price { font-size: 0.9rem; }
}
@media (max-width: 380px) {
  .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
}

/* =========================================================
   PÁGINA PRINCIPAL — CONTENEDOR GENERAL
   ========================================================= */
.ast-container,
.ast-container-fluid,
.entry-content > .alignfull,
.site-content .ast-container {
  max-width: 1280px;
}

/* Quitar padding del contenido en homepage */
body.home .entry-content {
  padding: 0 !important;
  margin: 0 !important;
}

body.home .ast-article-single,
body.home .site-main,
body.home .entry-header {
  padding: 0 !important;
  margin: 0 !important;
}

/* =========================================================
   HERO SECTION — split layout limpio
   ========================================================= */
.valery-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 90vh;
  background: linear-gradient(135deg, #fdf3f4 0%, #f7e8ec 100%);
  position: relative;
}

/* ── Panel izquierdo: texto ─── */
.valery-hero-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 80px 56px 80px 60px;
  position: relative;
  z-index: 2;
}
/* Blob decorativo detrás del texto */
.valery-hero-content::before {
  content: '';
  position: absolute;
  top: 10%;
  left: -15%;
  width: 420px;
  height: 420px;
  background: radial-gradient(circle, rgba(200,95,99,0.13) 0%, transparent 65%);
  border-radius: 50%;
  pointer-events: none;
}

.valery-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #c85f63;
  background: rgba(200,95,99,0.1);
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 20px;
  width: fit-content;
  font-family: 'Montserrat', sans-serif;
}

.valery-hero h1 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: clamp(2.2rem, 3.5vw, 3.6rem) !important;
  line-height: 1.15 !important;
  color: #282828 !important;
  margin: 0 0 20px !important;
  font-weight: 700 !important;
}
.valery-hero h1 em {
  color: #c85f63;
  font-style: italic;
}

.valery-hero-text {
  font-size: 15px;
  color: #636363;
  line-height: 1.8;
  margin: 0 0 32px;
  max-width: 420px;
  font-family: 'Montserrat', sans-serif;
}

.valery-hero-cta {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}

.valery-hero-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #c85f63 !important;
  color: #fff !important;
  padding: 15px 32px;
  border-radius: 999px;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: 0 6px 24px rgba(200,95,99,0.4);
  transition: all 0.28s ease;
  text-decoration: none !important;
}
.valery-hero-btn:hover {
  background: #b04d51 !important;
  color: #fff !important;
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(200,95,99,0.5);
}

.valery-hero-link {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #c85f63 !important;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: gap 0.2s ease;
}
.valery-hero-link:hover { gap: 10px; }

/* Mini stats de confianza */
.valery-hero-badges {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  padding-top: 8px;
  border-top: 1px solid rgba(200,95,99,0.15);
}
.valery-hero-badge {
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #6b6b6b;
  display: flex;
  align-items: center;
  gap: 5px;
}

/* ── Panel derecho: imagen ─── */
.valery-hero-image {
  position: relative;
  overflow: hidden;
  align-self: stretch;   /* ocupa toda la altura de la fila del grid */
  min-height: 500px;
}
/* La imagen se posiciona absolute para llenar 100% del panel sin cortes */
.valery-hero-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;  /* muestra la parte superior (cara/torso) */
  display: block;
}
/* Degradado izquierdo suave para unir con el panel de texto */
.valery-hero-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(253,243,244,0.55) 0%, transparent 25%);
  pointer-events: none;
  z-index: 1;
}

/* ── Responsive ─── */
@media (max-width: 920px) {
  .valery-hero {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .valery-hero-image {
    position: relative;
    height: 65vw;
    min-height: 320px;
    order: -1;
  }
  .valery-hero-image img {
    position: absolute;   /* mantener absolute también en móvil */
  }
  .valery-hero-image::after {
    background: linear-gradient(to bottom, rgba(253,243,244,0.45) 0%, transparent 25%);
  }
  .valery-hero-content {
    padding: 36px 24px 48px;
  }
  .valery-hero-content::before { display: none; }
}
@media (max-width: 480px) {
  .valery-hero h1 { font-size: 2rem !important; }
  .valery-hero-image { height: 78vw; }
  .valery-hero-badges { gap: 12px; }
}

/* =========================================================
   BARRA DE CONFIANZA
   ========================================================= */
.valery-trust-bar {
  background: #f9edf0;
  border-top: 1px solid #ecdde0;
  border-bottom: 1px solid #ecdde0;
  padding: 28px 20px;
}

.valery-trust-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 20px;
  text-align: center;
}

.valery-trust-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.valery-trust-icon {
  font-size: 26px; /* fallback para emoji si quedara alguno */
  width: 52px;
  height: 52px;
  flex-shrink: 0;
}

.valery-trust-icon svg {
  width: 26px !important;
  height: 26px !important;
  display: block;
  flex-shrink: 0;
}

.valery-trust-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #282828;
}

.valery-trust-desc {
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  color: #5a5a5a;
  line-height: 1.4;
}

/* =========================================================
   TÍTULOS DE SECCIÓN
   ========================================================= */
.wp-block-heading.has-text-align-center {
  font-family: 'Playfair Display', serif !important;
  position: relative;
  padding-bottom: 16px;
}

.wp-block-heading.has-text-align-center::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 3px;
  background: #c85f63;
  border-radius: 2px;
}

/* =========================================================
   GRID DE CATEGORÍAS WOOCOMMERCE
   ========================================================= */
.woocommerce .product-categories,
ul.product-categories {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
  gap: 20px !important;
  list-style: none !important;
  padding: 0 20px !important;
  margin: 32px auto !important;
  max-width: 1280px !important;
}

.woocommerce .product-categories li.cat-item,
ul.product-categories li {
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 16px rgba(200,95,99,0.10) !important;
  transition: all 0.28s ease !important;
  margin: 0 !important;
}

.woocommerce .product-categories li.cat-item:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 8px 28px rgba(200,95,99,0.22) !important;
}

.woocommerce .product-categories li.cat-item a {
  display: flex !important;
  flex-direction: column !important;
  text-decoration: none !important;
}

.woocommerce .product-categories li.cat-item img {
  width: 100% !important;
  aspect-ratio: 3/4 !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}

.woocommerce .product-categories li.cat-item:hover img {
  transform: scale(1.06) !important;
}

.woocommerce .product-categories li.cat-item h2 {
  font-family: 'Playfair Display', serif !important;
  font-size: 1.1rem !important;
  padding: 14px 16px 4px !important;
  color: #282828 !important;
  margin: 0 !important;
}

.woocommerce .product-categories .count {
  padding: 0 16px 14px !important;
  font-size: 11px !important;
  color: #c85f63 !important;
  font-weight: 600 !important;
  font-family: 'Montserrat', sans-serif !important;
}

/* =========================================================
   BARRA DE FILTROS POR CATEGORÍA
   ========================================================= */
.valery-cat-filter-bar {
  background: #fff;
  padding: 20px 20px 0;
  max-width: 1280px;
  margin: 0 auto;
}

.valery-cat-filter-inner {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 2px solid #f9edf0;
}

.valery-cat-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px 18px;
  border-radius: 999px;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5a5a5a !important;
  background: #f5f5f5;
  border: 2px solid transparent;
  text-decoration: none !important;
  transition: all 0.22s ease;
  white-space: nowrap;
}

.valery-cat-pill:hover {
  background: #f9edf0 !important;
  color: #c85f63 !important;
  border-color: #c85f63;
}

.valery-cat-pill.active {
  background: #c85f63 !important;
  color: #fff !important;
  border-color: #c85f63;
}

.valery-cat-pill-count {
  font-size: 10px;
  opacity: 0.75;
  font-weight: 400;
}

@media (max-width: 768px) {
  .valery-cat-filter-inner {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 16px;
  }
  .valery-cat-filter-inner::-webkit-scrollbar { display: none; }
  .valery-cat-pill { flex-shrink: 0; }
}

/* =========================================================
   GRID DE PRODUCTOS
   ========================================================= */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 20px !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  margin: 0 !important;
  float: none !important;
  width: 100% !important;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 16px rgba(200,95,99,0.10);
  transition: all 0.28s ease;
  display: flex !important;
  flex-direction: column;
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 32px rgba(200,95,99,0.22);
}

/* Imagen producto */
.woocommerce ul.products li.product img {
  width: 100% !important;
  aspect-ratio: 3/4 !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}

.woocommerce ul.products li.product:hover img {
  transform: scale(1.05) !important;
}

/* Título producto */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Playfair Display', serif !important;
  font-size: 0.95rem !important;
  color: #282828 !important;
  padding: 14px 16px 4px !important;
  margin: 0 !important;
  font-weight: 600 !important;
}

/* Precio */
.woocommerce ul.products li.product .price {
  color: #c85f63 !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  padding: 4px 16px 12px !important;
  margin: 0 !important;
  font-family: 'Montserrat', sans-serif !important;
}

.woocommerce ul.products li.product .price del {
  color: #999 !important;
  font-weight: 400 !important;
  font-size: 0.82rem !important;
}

/* Botón add to cart en grid */
.woocommerce ul.products li.product .button {
  margin: 0 14px 14px !important;
  display: block !important;
  width: calc(100% - 28px) !important;
  text-align: center !important;
  padding: 10px 16px !important;
  font-size: 11px !important;
}

/* Badge oferta */
.woocommerce span.onsale {
  background: #c85f63 !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 4px 12px !important;
  min-height: auto !important;
  line-height: 1.6 !important;
  top: 10px !important;
  left: 10px !important;
}

/* =========================================================
   SINGLE PRODUCT
   ========================================================= */
.woocommerce div.product .product_title {
  font-family: 'Playfair Display', serif !important;
  font-size: 2rem !important;
  color: #282828 !important;
  margin-bottom: 10px !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #c85f63 !important;
  font-size: 1.7rem !important;
  font-weight: 700 !important;
  font-family: 'Montserrat', sans-serif !important;
}

.woocommerce div.product .woocommerce-product-details__short-description {
  font-size: 14px;
  line-height: 1.8;
  color: #5a5a5a;
  border-left: 3px solid #c85f63;
  padding-left: 14px;
  margin: 16px 0 24px;
}

.woocommerce div.product form.cart .single_add_to_cart_button {
  font-size: 14px !important;
  padding: 16px 32px !important;
  width: 100% !important;
  margin-top: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Galería de producto */
.woocommerce-product-gallery__image img {
  border-radius: 10px;
}

/* Tabs */
.woocommerce div.product .woocommerce-tabs .tabs li.active a {
  color: #c85f63 !important;
  border-color: #c85f63 !important;
}

/* =========================================================
   CARRITO Y CHECKOUT
   ========================================================= */
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce #place_order {
  background: #c85f63 !important;
  border-radius: 999px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select {
  border: 2px solid #ecdde0 !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
  font-family: 'Montserrat', sans-serif !important;
  transition: border-color 0.2s ease !important;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus {
  border-color: #c85f63 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(200,95,99,0.12) !important;
}

/* =========================================================
   BOTÓN WHATSAPP FLOTANTE — limpio, sin bordes animados
   ========================================================= */
.valery-whatsapp-float {
  position: fixed !important;
  bottom: 28px !important;
  right: 28px !important;
  z-index: 9998 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 8px !important;
}

.valery-whatsapp-float-btn {
  width: 56px !important;
  height: 56px !important;
  background: #25D366 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 16px rgba(37,211,102,0.4) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
  text-decoration: none !important;
  border: none !important;
  outline: none !important;
  /* Eliminar cualquier animación/borde extra */
  animation: none !important;
  -webkit-animation: none !important;
}

.valery-whatsapp-float-btn::before,
.valery-whatsapp-float-btn::after {
  display: none !important;
  animation: none !important;
  content: none !important;
}

.valery-whatsapp-float-btn:hover {
  transform: scale(1.08) !important;
  box-shadow: 0 6px 22px rgba(37,211,102,0.5) !important;
}

.valery-whatsapp-float-btn svg {
  width: 28px !important;
  height: 28px !important;
  fill: white !important;
}

/* Tooltip */
.valery-whatsapp-tooltip {
  background: #282828;
  color: white;
  padding: 7px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  font-family: 'Montserrat', sans-serif;
  opacity: 0;
  transform: translateX(8px);
  transition: all 0.25s ease;
  pointer-events: none;
}

.valery-whatsapp-float:hover .valery-whatsapp-tooltip {
  opacity: 1;
  transform: translateX(0);
}

/* Ocultar scroll-to-top nativo de Astra (usamos el nuestro) */
#ast-scroll-top {
  display: none !important;
}

/* Botón volver arriba — lado DERECHO encima de WhatsApp, apilados sin solaparse */
.valery-back-to-top {
  position: fixed !important;
  bottom: 100px !important;  /* 28px WhatsApp + 56px btn + 16px gap */
  right: 28px !important;
  left: auto !important;
  z-index: 9997 !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #c85f63 !important;
  color: #fff !important;
  border: none !important;
  font-size: 20px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 3px 14px rgba(200,95,99,0.45) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.3s ease, transform 0.3s ease !important;
  transform: translateY(10px) !important;
}
.valery-back-to-top.visible {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}
.valery-back-to-top:hover {
  background: #b04d51 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 18px rgba(200,95,99,0.5) !important;
}

/* =========================================================
   FOOTER ASTRA — #colophon no se genera (footer.php del child theme lo omite)
   Por si acaso: ocultar cualquier remanente de Astra footer
   ========================================================= */
#colophon,
.ast-small-footer,
.ast-footer-overlay {
  display: none !important;
}

/* =========================================================
   FOOTER VALERY — estilos completos (el PHP usa .valery-footer-inner)
   ========================================================= */
.valery-footer {
  background: #1a1a2e;
  color: rgba(255,255,255,0.8);
  width: 100%;
  position: relative;
}

/* Grid de 4 columnas (el CSS antiguo usaba .valery-footer-top — ahora es .valery-footer-inner) */
.valery-footer-inner {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 52px 24px 36px;
}

.valery-footer-logo {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  display: block;
  margin-bottom: 12px;
}

.valery-footer-brand p {
  font-size: 13px;
  line-height: 1.8;
  color: rgba(255,255,255,0.6);
  margin: 0 0 16px;
}

.valery-footer-nit {
  font-size: 11px !important;
  color: rgba(255,255,255,0.35) !important;
  line-height: 1.7 !important;
}

.valery-footer-col h4 {
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 16px;
}

.valery-footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.valery-footer-col ul li {
  margin-bottom: 9px;
}

.valery-footer-col ul li a {
  color: rgba(255,255,255,0.6);
  font-size: 13px;
  text-decoration: none;
  transition: color 0.2s, padding-left 0.2s;
}

.valery-footer-col ul li a:hover {
  color: #e8a0a3;
  padding-left: 4px;
}

.valery-footer-social {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.valery-footer-social a {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.7);
  transition: background 0.2s, border-color 0.2s;
}

.valery-footer-social a:hover {
  background: #c85f63;
  border-color: #c85f63;
  color: #fff;
}

.valery-footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.08);
  padding: 18px 24px;
  max-width: 1200px;
  margin: 0 auto;
}

.valery-footer-bottom p {
  font-size: 12px;
  color: rgba(255,255,255,0.35);
  margin: 0;
  text-align: center;
}

.valery-footer-bottom a {
  color: rgba(255,255,255,0.5);
  text-decoration: none;
}

.valery-footer-bottom a:hover {
  color: #e8a0a3;
}

/* Mobile footer */
@media (max-width: 768px) {
  .valery-footer-inner {
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;
    padding: 36px 20px 24px !important;
  }
  .valery-footer-col:first-child {
    grid-column: 1 / -1; /* marca ocupa el ancho completo */
  }
  .valery-footer-social {
    flex-wrap: wrap;
  }
}

@media (max-width: 480px) {
  .valery-footer-inner {
    grid-template-columns: 1fr !important;
  }
  .valery-footer-col:first-child {
    grid-column: auto;
  }
}

/* =========================================================
   BARRA TOP
   ========================================================= */
.valery-top-bar {
  background: #c85f63;
  color: #fff;
  text-align: center;
  padding: 9px 20px;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
}

/* =========================================================
   MENSAJES WOOCOMMERCE
   ========================================================= */
.woocommerce-message,
.woocommerce-info {
  background: #f9edf0 !important;
  border-top-color: #c85f63 !important;
  color: #282828 !important;
}

.woocommerce-message a.button,
.woocommerce-info a.button {
  float: right;
  padding: 8px 20px !important;
  font-size: 11px !important;
}

/* =========================================================
   PAGINACIÓN
   ========================================================= */
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: #c85f63 !important;
  color: #fff !important;
  border-color: #c85f63 !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 1024px) {
  .woocommerce ul.products { grid-template-columns: repeat(3, 1fr) !important; }
}

@media (max-width: 768px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    padding: 12px !important;
  }

  .valery-hero {
    min-height: 55vh;
    padding: 40px 20px;
  }

  .valery-hero h1 {
    font-size: 2rem !important;
  }

  .valery-trust-inner {
    grid-template-columns: repeat(2, 1fr);
  }

  .woocommerce .product-categories {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 480px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    padding: 8px !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 0.8rem !important;
    padding: 10px 10px 2px !important;
  }
}

/* =========================================================
   MOBILE RESPONSIVE — Mejoras globales para celular
   Prioridad máxima: el sitio debe verse bien en móvil
   ========================================================= */

/* ── Tablet / móvil grande (≤ 768px) ─── */
@media (max-width: 768px) {

  /* Reducir padding de secciones grandes */
  .valery-categories { padding: 40px 16px !important; }
  .valery-trust-bar  { padding: 18px 16px !important; }
  .valery-section-header { margin-bottom: 28px !important; }
  .valery-trust-inner { gap: 14px !important; }

  /* Header — padding lateral reducido */
  .main-header-bar { padding: 0 16px !important; }

  /* WhatsApp y botón back-to-top — más pequeños */
  .valery-whatsapp-float-btn {
    width: 50px !important;
    height: 50px !important;
  }
  .valery-whatsapp-float-btn svg { width: 26px !important; height: 26px !important; }

  /* Carrito — tabla adaptada */
  .woocommerce-cart table.cart { font-size: 13px; }
  .woocommerce-cart table.cart td,
  .woocommerce-cart table.cart th { padding: 10px 8px; }
  .woocommerce-cart table.cart .product-thumbnail { width: 60px; }
  .woocommerce-cart table.cart .product-thumbnail img { width: 60px !important; }

  /* Producto individual — márgenes ajustados */
  .woocommerce div.product {
    margin-top: 20px !important;
    padding: 0 14px !important;
  }

  /* Título producto en mobile */
  .woocommerce div.product .product_title {
    font-size: clamp(1.3rem, 5vw, 1.8rem) !important;
  }
  .woocommerce div.product p.price,
  .woocommerce div.product span.price {
    font-size: 1.4rem !important;
  }

  /* Footer brand — sin max-width fijo en mobile */
  .valery-footer-brand p { max-width: 100% !important; }

  /* Instagram grid — 3 columnas en tablet */
  .valery-instagram-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 3px !important; }

  /* Checkout — inputs full-width */
  .woocommerce-checkout .col2-set,
  .woocommerce-checkout .col-1,
  .woocommerce-checkout .col-2 {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  /* Tabs en producto individual */
  .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 10px 12px !important;
    font-size: 11px !important;
  }

  /* Barrita de anuncios (top bar) */
  .valery-top-bar { font-size: 11px; padding: 7px 12px; }
}

/* ── Móvil estándar (≤ 480px) ─── */
@media (max-width: 480px) {

  /* Tarjeta de producto — texto más compacto */
  .valery-card-info   { padding: 8px 10px 4px !important; gap: 2px !important; }
  .valery-card-title  { font-size: 0.82rem !important; line-height: 1.2 !important; }
  .valery-card-price  { font-size: 0.85rem !important; }
  .valery-card-footer { padding: 6px 10px 10px !important; }
  .valery-card-footer .button,
  .valery-card-footer a.button {
    font-size: 10px !important;
    padding: 8px 10px !important;
  }

  /* Badges más pequeños */
  .valery-badge { font-size: 9px !important; padding: 2px 8px !important; }

  /* Size pills más compactas */
  .valery-size-pill { font-size: 8px !important; min-width: 22px !important; height: 18px !important; }

  /* Grid de categorías (WC) — 2 columnas */
  .woocommerce .product-categories { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }

  /* Instagram grid — 2 columnas en móvil pequeño */
  .valery-instagram-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 2px !important; }

  /* Confianza — 1 columna en móviles muy pequeños si no caben 2 */
  /* Mantenemos 2 col pero reducimos gap */
  .valery-trust-inner { gap: 10px !important; }
  .valery-trust-icon  { width: 44px !important; height: 44px !important; font-size: 18px !important; }
  .valery-trust-icon svg { width: 22px !important; height: 22px !important; }
  .valery-trust-title { font-size: 12px !important; }
  .valery-trust-desc  { font-size: 10px !important; }

  /* Guía de tallas — modal compacto */
  .valery-size-modal-inner { padding: 24px 16px !important; border-radius: 12px !important; }
  .valery-size-table { font-size: 12px; }

  /* Hero — texto aún más compacto */
  .valery-hero-eyebrow { font-size: 9px !important; }
  .valery-hero-text { font-size: 13px !important; }
  .valery-hero-btn { padding: 12px 22px !important; font-size: 12px !important; }
  .valery-hero-badges { gap: 10px !important; }
  .valery-hero-badge { font-size: 10px !important; }

  /* WhatsApp — tamaño mínimo */
  .valery-whatsapp-float { bottom: 16px !important; right: 16px !important; }
  .valery-whatsapp-float-btn { width: 46px !important; height: 46px !important; }
  .valery-whatsapp-float-btn svg { width: 22px !important; height: 22px !important; }
  .valery-back-to-top { bottom: 84px !important; right: 16px !important; left: auto !important; width: 38px !important; height: 38px !important; font-size: 16px !important; }

  /* Producto individual — galería y summary apilados */
  .woocommerce div.product div.images { margin-bottom: 20px !important; }

  /* Pagination — más pequeños */
  .woocommerce nav.woocommerce-pagination ul li a,
  .woocommerce nav.woocommerce-pagination ul li span {
    width: 34px !important; height: 34px !important; font-size: 12px !important;
  }

  /* Carrito — ocultar columna subtotal en tabla (queda en página) */
  .woocommerce-cart table.cart .product-subtotal { display: none; }
  .woocommerce-cart table.cart thead .product-subtotal { display: none; }
}

/* ── Páginas legales y seguimiento de pedido ─── */
@media (max-width: 768px) {
  .valery-legal-page {
    padding: 24px 16px 48px !important;
  }
  .valery-legal-page h1 {
    font-size: clamp(1.4rem, 6vw, 2rem) !important;
  }
  /* Formulario tracking — inputs apilados en mobile */
  .woocommerce-form-track-order .form-row-first,
  .woocommerce-form-track-order .form-row-last {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
  }
  .woocommerce-form-track-order .form-row-first input,
  .woocommerce-form-track-order .form-row-last input {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* ── Descripción de categorías WooCommerce ─── */
.term-description {
  max-width: 720px;
  margin: 0 auto 28px;
  padding: 0 16px;
  text-align: center;
  font-size: 0.95rem;
  line-height: 1.65;
  color: #666;
}
/* Ocultar artefactos HTML si quedaran elementos code/pre sueltos */
.term-description pre,
.term-description code,
.term-description .code-block__code {
  font-family: inherit !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  font-size: inherit !important;
  color: inherit !important;
  white-space: normal !important;
}
.term-description .standard-markdown,
.term-description .relative.group\/copy {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* ── Teléfonos muy pequeños (≤ 360px) ─── */
@media (max-width: 360px) {
  .woocommerce ul.products { gap: 6px !important; padding: 6px !important; }
  .valery-trust-inner { grid-template-columns: 1fr !important; }
  .valery-footer-inner { grid-template-columns: 1fr !important; }
  .valery-hero h1 { font-size: 1.7rem !important; }
  .main-header-bar { padding: 0 10px !important; }
  .valery-legal-page { padding: 16px 12px 40px !important; }
}

/* =========================================================
   CARRITO — UX mejorado
   ========================================================= */

/* Tabla del carrito — más legible */
.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th {
  vertical-align: middle !important;
  padding: 16px 12px !important;
}
.woocommerce-cart table.cart td.product-thumbnail img {
  width: 80px !important;
  height: 100px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}
.woocommerce-cart .cart_totals h2 {
  font-size: 1.25rem !important;
  margin-bottom: 16px !important;
}
/* Botón checkout — grande y llamativo */
.woocommerce-cart .checkout-button {
  width: 100% !important;
  padding: 18px 24px !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  border-radius: 50px !important;
  background: #c85f63 !important;
  color: #fff !important;
  border: none !important;
  cursor: pointer !important;
  transition: background 0.2s, transform 0.2s !important;
  display: block !important;
  text-align: center !important;
  text-decoration: none !important;
}
.woocommerce-cart .checkout-button:hover {
  background: #a84a4e !important;
  transform: translateY(-2px) !important;
}
/* Iconos de pago bajo el botón de checkout */
.woocommerce-cart .cart_totals::after {
  content: '';
  display: block;
  margin-top: 12px;
  text-align: center;
  font-size: 11px;
  color: #999;
}
/* Trust bar en carrito */
.valery-cart-trust {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  padding: 12px 0 0;
  font-size: 11.5px;
  color: #777;
}
.valery-cart-trust span::before { margin-right: 4px; }

/* ── Sticky checkout bar (mobile) ── */
.valery-sticky-cart-bar {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 9990;
  background: #fff;
  border-top: 1px solid #eee;
  padding: 10px 16px;
  display: none;               /* visible solo en mobile vía JS */
  align-items: center;
  gap: 12px;
  box-shadow: 0 -4px 16px rgba(0,0,0,0.08);
}
.valery-sticky-cart-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.valery-sticky-cart-count { font-size: 12px; color: #888; }
.valery-sticky-cart-total { font-size: 1.05rem; font-weight: 700; color: #222; }
.valery-sticky-cart-btn {
  background: #c85f63;
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 12px 20px;
  font-size: 0.95rem;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  /* La barra se controla exclusivamente por JS (display:none por defecto en CSS) */
  /* Espacio para que el contenido no quede tapado por la barra cuando está visible */
  .woocommerce-cart .site-main { padding-bottom: 80px !important; }
}

/* ── Drawer "Producto agregado" ── */
.valery-cart-drawer {
  position: fixed;
  top: 0; right: -100%;
  width: min(400px, 100vw);
  height: 100%;
  background: #fff;
  z-index: 99999;
  box-shadow: -4px 0 30px rgba(0,0,0,0.12);
  transition: right 0.35s cubic-bezier(0.4,0,0.2,1);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.valery-cart-drawer.open { right: 0; }

.valery-cart-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.35);
  z-index: 99998;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s;
}
.valery-cart-overlay.open { opacity: 1; pointer-events: auto; }

.valery-cart-drawer-inner { padding: 24px; }
.valery-cart-drawer-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f0f0f0;
}
.valery-cart-drawer-icon {
  width: 28px; height: 28px;
  background: #25a244;
  border-radius: 50%;
  color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 14px;
  font-weight: 700;
  flex-shrink: 0;
}
.valery-cart-drawer-header strong { flex: 1; font-size: 1rem; }
.valery-cart-drawer-close {
  background: none; border: none;
  font-size: 24px; cursor: pointer;
  color: #888; line-height: 1;
  padding: 0 4px;
}
.valery-cart-drawer-product {
  display: flex; gap: 12px;
  margin-bottom: 20px;
  padding: 12px;
  background: #fafafa;
  border-radius: 10px;
}
.valery-cart-drawer-product img {
  width: 70px; height: 88px;
  object-fit: cover; border-radius: 6px;
}
.valery-cart-drawer-product-info { flex: 1; }
.valery-cart-drawer-product-name { font-weight: 600; font-size: 0.9rem; margin-bottom: 4px; }
.valery-cart-drawer-product-price { color: #c85f63; font-weight: 700; }

.valery-cart-drawer-actions {
  display: flex; flex-direction: column; gap: 10px;
  margin-bottom: 16px;
}
.valery-drawer-btn {
  display: block; text-align: center;
  padding: 14px; border-radius: 50px;
  font-weight: 700; font-size: 0.95rem;
  text-decoration: none; transition: all 0.2s;
}
.valery-drawer-btn.primary {
  background: #c85f63; color: #fff;
}
.valery-drawer-btn.primary:hover { background: #a84a4e; }
.valery-drawer-btn.secondary {
  background: transparent; color: #c85f63;
  border: 2px solid #c85f63;
}
.valery-drawer-btn.secondary:hover { background: #fdf0f0; }

.valery-cart-drawer-trust {
  display: flex; justify-content: center;
  gap: 12px; flex-wrap: wrap;
  font-size: 11px; color: #888;
  padding-top: 12px;
  border-top: 1px solid #f0f0f0;
}

/* ── Sticky "Agregar al carrito" en mobile (producto) ── */
.valery-sticky-atc {
  position: fixed;
  bottom: 60px;   /* encima del nav móvil */
  left: 0; right: 0;
  z-index: 9985;
  background: #fff;
  border-top: 1px solid #eee;
  padding: 10px 16px;
  display: none;
  align-items: center;
  gap: 12px;
  box-shadow: 0 -4px 16px rgba(0,0,0,0.08);
  transform: translateY(100%);
  transition: transform 0.3s ease;
}
.valery-sticky-atc.visible { transform: translateY(0); }
.valery-sticky-atc-info { flex: 1; overflow: hidden; }
.valery-sticky-atc-name {
  font-size: 12px; font-weight: 600;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  display: block;
}
.valery-sticky-atc-price { color: #c85f63; font-weight: 700; font-size: 1rem; }
.valery-sticky-atc-btn {
  background: #c85f63; color: #fff;
  border: none; border-radius: 50px;
  padding: 12px 18px;
  font-size: 0.9rem; font-weight: 700;
  cursor: pointer; white-space: nowrap; flex-shrink: 0;
}
/* .valery-sticky-atc display es controlado exclusivamente por JS */

/* =========================================================
   BARRA INFERIOR DE NAVEGACIÓN MÓVIL
   Solo visible en móvil/tablet (≤768px)
   ========================================================= */
@media (min-width: 769px) {
  .valery-bottom-nav { display: none !important; }
}
.valery-bottom-nav {
  display: none;
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 9980;
  background: #fff;
  border-top: 1px solid #ebebeb;
  box-shadow: 0 -2px 12px rgba(0,0,0,0.07);
  height: 60px;
  padding: 0 4px;
  padding-bottom: env(safe-area-inset-bottom);  /* iPhone notch */
}
@media (max-width: 768px) {
  .valery-bottom-nav { display: flex !important; }

  /* El padding va al FOOTER, no al body — evita espacio blanco debajo del footer */
  .valery-footer { padding-bottom: 70px !important; }
  body { padding-bottom: 0 !important; }

  /* En carrito: espacio extra en el contenido para la sticky bar */
  .woocommerce-cart .site-main,
  .woocommerce-cart .woocommerce { padding-bottom: 80px !important; }

  /* En producto: espacio extra para el sticky ATC */
  .single-product .site-main,
  .single-product .woocommerce { padding-bottom: 80px !important; }

  /* Ocultar WhatsApp flotante en mobile (está en bottom nav) */
  .valery-whatsapp-float { display: none !important; }
  /* Ocultar back-to-top flotante en mobile (bottom nav lo reemplaza visualmente) */
  .valery-back-to-top { display: none !important; }
}
.valery-bn-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  text-decoration: none;
  color: #999;
  font-size: 10px;
  font-weight: 500;
  padding: 6px 0;
  position: relative;
  transition: color 0.2s;
  -webkit-tap-highlight-color: transparent;
}
.valery-bn-item.active,
.valery-bn-item:hover { color: #c85f63; }
.valery-bn-item svg { width: 22px; height: 22px; flex-shrink: 0; }
.valery-bn-cart-wrap { position: relative; display: inline-flex; }
.valery-bn-badge {
  position: absolute;
  top: -6px; right: -8px;
  background: #c85f63;
  color: #fff;
  border-radius: 50%;
  width: 16px; height: 16px;
  font-size: 9px;
  font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  border: 1.5px solid #fff;
}
.valery-bn-wa { color: #25D366 !important; }
.valery-bn-wa.active,
.valery-bn-wa:hover { color: #1ebe57 !important; }

/* =========================================================
   PWA BANNER DE INSTALACIÓN
   ========================================================= */
#valery-pwa-banner,
#valery-ios-hint {
  position: fixed;
  bottom: -120px;
  left: 12px; right: 12px;
  z-index: 99999;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.16);
  padding: 14px 16px;
  transition: bottom 0.4s cubic-bezier(0.4,0,0.2,1);
  border: 1px solid #f0e8ea;
}
#valery-pwa-banner.visible,
#valery-ios-hint.visible { bottom: 72px; }   /* encima del bottom nav */

@media (min-width: 769px) {
  #valery-pwa-banner,
  #valery-ios-hint { left: auto; width: 360px; right: 24px; bottom: -120px; }
  #valery-pwa-banner.visible,
  #valery-ios-hint.visible { bottom: 24px; }
}
.valery-pwa-inner {
  display: flex;
  align-items: center;
  gap: 12px;
}
.valery-pwa-icon {
  border-radius: 12px;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
.valery-pwa-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.valery-pwa-text strong { font-size: 0.9rem; color: #222; }
.valery-pwa-text span   { font-size: 0.78rem; color: #777; }
.valery-pwa-btn {
  background: #c85f63;
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 8px 16px;
  font-size: 0.82rem;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}
.valery-pwa-close {
  background: none; border: none;
  font-size: 22px; cursor: pointer;
  color: #aaa; line-height: 1;
  flex-shrink: 0; padding: 0 2px;
}

/* =========================================================
   MEJORAS GENERALES UX
   ========================================================= */

/* Touch targets mínimo 44px en mobile */
@media (max-width: 768px) {
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button,
  .single_add_to_cart_button,
  .add_to_cart_button {
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  /* Producto: imagen más grande, sin scroll horizontal */
  .woocommerce div.product div.images { width: 100% !important; }
  /* Grid de 2 columnas más compacto */
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 0.85rem !important;
  }
  /* Filtros: no cortar en mobile */
  .woocommerce .woocommerce-ordering select {
    width: 100% !important;
  }
}

/* Carrito vacío — CTA volver a tienda */
.woocommerce-cart .cart-empty ~ .return-to-shop .button {
  background: #c85f63 !important;
  color: #fff !important;
  border-radius: 50px !important;
  padding: 14px 28px !important;
  font-weight: 700 !important;
}

/* Checkout — pasos visuales más claros */
.woocommerce-checkout #order_review_heading {
  font-size: 1.15rem;
  padding: 16px 0 8px;
  border-top: 1px solid #eee;
  margin-top: 20px;
}
/* Campos de formulario — más grandes en mobile */
@media (max-width: 768px) {
  .woocommerce-checkout input[type=text],
  .woocommerce-checkout input[type=email],
  .woocommerce-checkout input[type=tel],
  .woocommerce-checkout textarea {
    font-size: 16px !important; /* evita zoom en iOS */
    padding: 14px !important;
  }
}

/* Carrito: badge animado cuando se agrega producto */
@keyframes cart-pop {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.5); }
  80%  { transform: scale(0.9); }
  100% { transform: scale(1); }
}
.cart-bounce { animation: cart-pop 0.5s ease; }

/* Imagen de producto: lazy placeholder */
img[loading="lazy"] { background: #f7f0f2; }

/* =========================================================
   CHECKOUT — MEJORAS MÍNIMAS (sin romper el layout de WC)
   ========================================================= */

/* Ocultar título de página en checkout (no es necesario) */
body.woocommerce-checkout .entry-header { display: none !important; }

/* Fondo suave de página */
body.woocommerce-checkout { background: #f5f2f3 !important; }

/* Wrapper */
.woocommerce-checkout .woocommerce {
  max-width: 1080px;
  margin: 0 auto;
  padding: 20px 20px 60px;
}

/* ── Barra de confianza (encima del formulario) ── */
.valery-co-topbar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0;
  background: #1a1a2e;
  border-radius: 12px;
  padding: 10px 20px;
  margin: 0 0 20px;
}
.valery-co-topbar span {
  color: rgba(255,255,255,.85);
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 16px;
  border-right: 1px solid rgba(255,255,255,.15);
  line-height: 1.6;
}
.valery-co-topbar span:last-child { border-right: none; }
.valery-co-topbar .co-icon { width: 15px; height: 15px; flex-shrink: 0; }

/* ── Indicador de pasos (estilos del stepper) ── */
.valery-checkout-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 28px;
  gap: 0;
}
.valery-step { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.valery-step-num {
  width: 34px; height: 34px;
  border-radius: 50%;
  background: #e8e5e6;
  color: #bbb;
  font-weight: 700;
  font-size: 13px;
  display: flex; align-items: center; justify-content: center;
  border: 2px solid #ddd;
  transition: all .25s;
}
.valery-step-label { font-size: 10px; font-weight: 600; color: #bbb; text-transform: uppercase; letter-spacing: .08em; }
.valery-step.done .valery-step-num   { background: #25a244; color: #fff; border-color: #25a244; }
.valery-step.done .valery-step-label { color: #25a244; }
.valery-step.active .valery-step-num { background: #c85f63; color: #fff; border-color: #c85f63; box-shadow: 0 0 0 4px rgba(200,95,99,.18); }
.valery-step.active .valery-step-label { color: #c85f63; font-weight: 800; }
.valery-step-line { width: 48px; height: 2px; background: #ddd; margin: 0 6px 16px; border-radius: 2px; }
.valery-step-line.done { background: #25a244; }

/* ── Botón Confirmar Pedido ── */
#place_order {
  width: 100% !important;
  padding: 16px 20px !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  background: #c85f63 !important;
  color: #fff !important;
  border: none !important;
  cursor: pointer !important;
  transition: background .2s !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}
#place_order:hover { background: #b54d51 !important; }

/* ── Trust badges (antes del botón) ── */
.valery-checkout-trust {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 10px 0 12px;
  font-size: 11px;
  color: #888;
}

/* ── Logos de métodos de pago (debajo del botón) ── */
.valery-checkout-payment-icons { text-align: center; padding: 10px 0 4px; }
.valery-pi-label { color: #aaa; font-size: 10px; margin: 0 0 6px; text-transform: uppercase; font-weight: 600; letter-spacing: .03em; }
.valery-pi-logos { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px; }
.valery-pi-badge { display: inline-flex; align-items: center; height: 24px; padding: 0 8px; border-radius: 4px; font-size: 10px; font-weight: 700; white-space: nowrap; box-shadow: 0 1px 3px rgba(0,0,0,.14); }
.valery-pi-badge.mp     { background: #009EE3; color: #fff; }
.valery-pi-badge.pse    { background: #004990; color: #fff; }
.valery-pi-badge.efecty { background: #F6A800; color: #1a1a1a; }
.valery-pi-card { display: inline-flex; align-items: center; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,.18); overflow: hidden; }
.valery-pi-card svg { height: 24px; width: auto; display: block; }

/* ── MP textos en inglés ocultos ── */
.mp-checkout-summary-section-title,
[class*="mp-checkout"] [class*="shipment"],
[class*="mp-checkout"] [class*="Shipment"],
.mp-checkout-pro-newsletter { display: none !important; }
.ast-scroll-top-wrap { display: none !important; }

/* ── Campos: evitar zoom en iOS ── */
@media (max-width: 768px) {
  .woocommerce-checkout input[type=text],
  .woocommerce-checkout input[type=email],
  .woocommerce-checkout input[type=tel],
  .woocommerce-checkout textarea { font-size: 16px !important; }
  .valery-co-topbar { flex-direction: column; gap: 0; }
  .valery-co-topbar span { border-right: none; border-bottom: 1px solid rgba(255,255,255,.12); width: 100%; justify-content: center; }
  .valery-co-topbar span:last-child { border-bottom: none; }
}

/* ── Carrito — mejoras visuales ── */
.woocommerce-cart .woocommerce-cart-form__cart-item td { vertical-align: middle !important; }
/* Etiqueta "Qty" → ocultar (es obvio) */
.woocommerce-cart table.cart .quantity:before { display: none; }

/* "Coupon:" → en español via CSS content trick no es posible, pero sí con el gettext ya hecho */


/* =========================================================
   PÁGINAS LEGALES — diseño limpio y profesional (.valery-legal-page)
   ========================================================= */

.valery-legal-page {
  max-width: 860px;
  margin: 0 auto;
  padding: 32px 24px 80px;
  font-size: 0.97rem;
  line-height: 1.7;
  color: #333;
}

/* Hero de la página legal */
.vlp-hero {
  text-align: center;
  padding: 40px 20px 32px;
  background: linear-gradient(135deg, #fdf0f2 0%, #fff5f0 100%);
  border-radius: 20px;
  margin-bottom: 28px;
}
.vlp-hero-badge {
  display: inline-block;
  background: #c85f63;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 50px;
  margin-bottom: 16px;
}
.vlp-hero h1 {
  font-size: clamp(1.4rem, 4vw, 2.1rem) !important;
  color: #1a1a2e !important;
  margin: 0 0 12px !important;
  line-height: 1.25 !important;
}
.vlp-meta {
  color: #888;
  font-size: 0.85rem;
  margin: 0 !important;
}

/* Alerta de cumplimiento legal */
.vlp-alert {
  background: #f0f7ff;
  border-left: 4px solid #2563eb;
  border-radius: 0 10px 10px 0;
  padding: 14px 18px;
  font-size: 0.88rem;
  color: #1e3a5f;
  margin-bottom: 28px;
}

/* Secciones */
.vlp-section {
  margin-bottom: 36px;
  padding-bottom: 28px;
  border-bottom: 1px solid #f0eaeb;
}
.vlp-section:last-of-type { border-bottom: none; }

.vlp-section h2 {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #1a1a2e !important;
  margin: 0 0 16px !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.vlp-num {
  width: 32px; height: 32px;
  background: #c85f63;
  color: #fff;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* Grid de info (responsable del tratamiento) */
.vlp-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
  margin-top: 12px;
}
.vlp-info-card {
  background: #fafafa;
  border: 1px solid #ede8ea;
  border-radius: 10px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.vlp-ic-label { font-size: 10px; text-transform: uppercase; letter-spacing: .06em; color: #999; font-weight: 700; }
.vlp-ic-value { font-size: 0.9rem; color: #222; font-weight: 600; }
.vlp-ic-value a { color: #c85f63; text-decoration: none; }

/* Categorías de datos recopilados */
.vlp-data-categories { display: flex; flex-direction: column; gap: 16px; margin-top: 14px; }
.vlp-data-cat {
  display: flex;
  gap: 14px;
  background: #fafafa;
  border-radius: 12px;
  padding: 16px;
  border: 1px solid #f0eaeb;
}
.vlp-dc-icon { font-size: 28px; flex-shrink: 0; line-height: 1; }
.vlp-dc-body strong { display: block; font-size: 0.95rem; margin-bottom: 8px; color: #1a1a2e; }
.vlp-dc-body ul { margin: 0; padding-left: 18px; }
.vlp-dc-body ul li { font-size: 0.88rem; color: #555; margin-bottom: 3px; }

/* Lista de finalidades */
.vlp-purpose-list { display: flex; flex-direction: column; gap: 12px; margin-top: 14px; }
.vlp-purpose { display: flex; gap: 12px; align-items: flex-start; }
.vlp-p-icon { font-size: 18px; flex-shrink: 0; margin-top: 2px; }
.vlp-purpose strong { display: block; color: #1a1a2e; margin-bottom: 3px; }
.vlp-purpose p { margin: 0; font-size: 0.88rem; color: #666; }

/* Alerta "lo que nunca hacemos" */
.vlp-highlight {
  background: #fff8e1;
  border-left: 4px solid #f59e0b;
  border-radius: 0 10px 10px 0;
  padding: 14px 18px;
  font-size: 0.9rem;
  margin-top: 18px;
  color: #78350f;
}

/* Aliados */
.vlp-partners { display: flex; flex-direction: column; gap: 10px; margin: 14px 0; }
.vlp-partner {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 16px;
  background: #fafafa;
  border-radius: 10px;
  border: 1px solid #ede8ea;
}
.vlp-partner strong { color: #1a1a2e; font-size: 0.9rem; }
.vlp-partner span { color: #666; font-size: 0.85rem; }

/* Derechos */
.vlp-rights { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 14px 0; }
.vlp-right {
  display: flex;
  gap: 10px;
  padding: 14px;
  background: #fafafa;
  border-radius: 10px;
  border: 1px solid #ede8ea;
  align-items: flex-start;
}
.vlp-right > span { font-size: 22px; flex-shrink: 0; }
.vlp-right strong { display: block; font-size: 0.9rem; color: #1a1a2e; margin-bottom: 4px; }
.vlp-right p { margin: 0; font-size: 0.82rem; color: #666; }

/* Caja de contacto para ejercer derechos */
.vlp-contact-box {
  background: #fdf0f2;
  border: 1px solid #e8b4b6;
  border-radius: 12px;
  padding: 18px 20px;
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.vlp-contact-box strong { color: #1a1a2e; }
.vlp-contact-box a { color: #c85f63; font-weight: 700; text-decoration: none; }
.vlp-contact-box small { color: #888; font-size: 0.82rem; margin-top: 4px; }

/* Lista simple */
.vlp-list { padding-left: 22px; }
.vlp-list li { margin-bottom: 6px; color: #555; }

/* Seguridad */
.vlp-security { display: flex; flex-direction: column; gap: 10px; margin-top: 12px; }
.vlp-sec-item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px 16px;
  background: #f0fdf4;
  border-radius: 10px;
  font-size: 0.9rem;
  color: #166534;
  border: 1px solid #bbf7d0;
}
.vlp-sec-item > span:first-child { font-size: 20px; flex-shrink: 0; }

/* Footer de contacto */
.vlp-contact-footer {
  text-align: center;
  background: linear-gradient(135deg, #fdf0f2 0%, #fff5f0 100%);
  border-radius: 20px;
  padding: 36px 24px;
  margin-top: 36px;
}
.vlp-contact-footer h3 { font-size: 1.2rem; color: #1a1a2e; margin: 0 0 10px; }
.vlp-contact-footer p { color: #666; margin: 0 0 20px; font-size: 0.9rem; }
.vlp-contact-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.vlp-btn-email, .vlp-btn-wa {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 13px 22px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 0.9rem;
  text-decoration: none;
  transition: all .2s;
}
.vlp-btn-email { background: #1a1a2e; color: #fff; }
.vlp-btn-email:hover { background: #2d2d4e; color: #fff; }
.vlp-btn-wa { background: #25D366; color: #fff; }
.vlp-btn-wa:hover { background: #1ebe57; color: #fff; }

/* Mobile */
@media (max-width: 640px) {
  .vlp-rights { grid-template-columns: 1fr; }
  .vlp-card-grid { grid-template-columns: 1fr 1fr; }
  .vlp-hero { padding: 28px 16px 24px; }
  .vlp-contact-footer { padding: 28px 16px; }
  .vlp-contact-btns { flex-direction: column; align-items: stretch; }
  .vlp-btn-email, .vlp-btn-wa { justify-content: center; }
}


/* Cédula/NIT field — checkout */
#billing_cedula_field label::after { color: #c8687a; }
#billing_cedula_field input:focus { border-color: #c8687a !important; box-shadow: 0 0 0 2px rgba(200,104,122,.15) !important; }

/* ==========================================================
   FIX GLOBAL: img.emoji — WordPress convierte caracteres emoji
   a <img class="emoji"> que hereda tamaño del padre. Fijamos 1em.
   ========================================================== */
img.emoji {
  height: 1em !important;
  width: 1em !important;
  max-height: 1em !important;
  max-width: 1em !important;
  min-height: unset !important;
  min-width: unset !important;
  vertical-align: -0.15em !important;
  display: inline !important;
  margin: 0 .05em 0 .1em !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* ==========================================================
   SEGUIMIENTO DE PEDIDO — rediseño completo
   ========================================================== */

/* ── Página de seguimiento ── */
body.page-id-1146 .entry-content,
.woocommerce-order-tracking { max-width: 700px; margin: 0 auto; padding: 0 20px 60px; }

/* ── Formulario de búsqueda ── */
.woocommerce-form-track-order {
  background: #fff;
  border-radius: 16px;
  padding: 28px 28px 24px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.04);
  margin-bottom: 32px !important;
  border: none !important;
}
/* Título del formulario */
.woocommerce-form-track-order p:first-child {
  font-size: 0.88rem !important;
  color: #888 !important;
  line-height: 1.6 !important;
  margin-bottom: 20px !important;
}
/* Labels */
.woocommerce-form-track-order .form-row label {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  color: #666 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  margin-bottom: 6px !important;
  display: block !important;
}
/* Inputs */
.woocommerce-form-track-order .form-row input[type=text],
.woocommerce-form-track-order .form-row input[type=email] {
  border: 1.5px solid #e4dfe1 !important;
  border-radius: 10px !important;
  padding: 13px 14px !important;
  font-size: 15px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: #fff !important;
  color: #222 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.05) !important;
  transition: border-color .2s, box-shadow .2s !important;
}
.woocommerce-form-track-order .form-row input:focus {
  border-color: #c85f63 !important;
  box-shadow: 0 0 0 3px rgba(200,95,99,.13) !important;
  outline: none !important;
}
/* Grid 2 col en desktop */
@media (min-width: 600px) {
  .woocommerce-form-track-order .form-row-first { width: 48.5% !important; float: left !important; }
  .woocommerce-form-track-order .form-row-last  { width: 48.5% !important; float: right !important; }
  .woocommerce-form-track-order::after { content: ''; display: table; clear: both; }
}
/* Botón rastrear */
.woocommerce-form-track-order .form-row-wide,
.woocommerce-form-track-order .form-row:last-of-type { clear: both; }
.woocommerce-form-track-order .button,
.woocommerce-form-track-order input[type=submit] {
  width: 100% !important;
  padding: 15px !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  border-radius: 10px !important;
  background: #c85f63 !important;
  color: #fff !important;
  border: none !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 14px rgba(200,95,99,.35) !important;
  margin-top: 8px !important;
  transition: background .2s, transform .15s !important;
}
.woocommerce-form-track-order .button:hover,
.woocommerce-form-track-order input[type=submit]:hover { background: #b54d51 !important; transform: translateY(-1px) !important; }

/* ── Encabezado de resultados ── */
.woocommerce-order-tracking p:not(.woocommerce-notice) {
  font-size: 0.9rem !important;
  color: #666 !important;
  line-height: 1.6 !important;
}

/* ── Tarjeta de resumen del pedido ── */
.woocommerce-order-overview.woocommerce-thankyou-order-details,
.woocommerce-order-updates {
  background: #fff !important;
  border: none !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.04) !important;
  padding: 0 !important;
  list-style: none !important;
  margin: 0 0 20px !important;
  overflow: hidden !important;
}
/* Título de la sección con ::before */
.woocommerce-order-updates::before,
.woocommerce-order-overview::before {
  content: "Detalles del pedido";
  display: block;
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #1a1a2e;
  padding: 16px 20px 14px;
  border-bottom: 1px solid #f5f0f1;
  background: #fdf8f9;
}
/* Filas de info */
.woocommerce-order-overview li,
.woocommerce-order-updates li {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 13px 20px !important;
  border-bottom: 1px solid #f8f3f4 !important;
  font-size: 0.88rem !important;
  color: #666 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}
.woocommerce-order-overview li:last-child,
.woocommerce-order-updates li:last-child { border-bottom: none !important; }
/* Label a la izquierda */
.woocommerce-order-overview li mark,
.woocommerce-order-updates li mark { background: none !important; color: #1a1a2e !important; font-weight: 700 !important; }
.woocommerce-order-overview li strong,
.woocommerce-order-updates li strong { color: #1a1a2e !important; font-weight: 700 !important; }
/* Estado del pedido */
.woocommerce-order-overview__status strong,
.woocommerce-order-overview__order strong {
  display: inline-block;
  background: #fdf0f1;
  color: #c85f63 !important;
  border-radius: 20px;
  padding: 3px 12px;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
}

/* ── Tabla de productos del pedido ── */
.woocommerce-table--order-details {
  width: 100% !important;
  border-collapse: collapse !important;
  background: #fff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.04) !important;
  margin: 0 0 20px !important;
}
.woocommerce-table--order-details thead th {
  background: #1a1a2e !important;
  color: #fff !important;
  padding: 13px 18px !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  text-align: left !important;
}
.woocommerce-table--order-details thead th:last-child { text-align: right !important; }
.woocommerce-table--order-details tbody td {
  padding: 14px 18px !important;
  border-bottom: 1px solid #f8f3f4 !important;
  font-size: 0.88rem !important;
  color: #444 !important;
  vertical-align: middle !important;
}
.woocommerce-table--order-details tbody td:last-child { text-align: right !important; font-weight: 700 !important; color: #c85f63 !important; }
.woocommerce-table--order-details tbody td .product-quantity { color: #999; font-weight: 400; }
.woocommerce-table--order-details tbody tr:last-child td { border-bottom: none !important; }
.woocommerce-table--order-details tfoot td,
.woocommerce-table--order-details tfoot th {
  padding: 11px 18px !important;
  font-weight: 600 !important;
  color: #555 !important;
  border-top: 1px solid #f8f3f4 !important;
  font-size: 0.88rem !important;
  background: transparent !important;
}
.woocommerce-table--order-details tfoot td { text-align: right !important; }
.woocommerce-table--order-details tfoot tr:last-child th { color: #1a1a2e !important; font-weight: 800 !important; }
.woocommerce-table--order-details tfoot tr:last-child td { color: #c85f63 !important; font-size: 1rem !important; font-weight: 800 !important; border-top: 2px solid #f0e8ea !important; }

/* ── Dirección de envío/facturación ── */
.woocommerce-customer-details {
  margin: 0 0 20px !important;
}
.woocommerce-customer-details h2 {
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
  color: #1a1a2e !important;
  margin: 0 0 10px !important;
}
.woocommerce-customer-details address {
  background: #fff !important;
  border-radius: 16px !important;
  padding: 18px 20px !important;
  border: none !important;
  border-left: none !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
  font-style: normal !important;
  line-height: 1.75 !important;
  color: #555 !important;
  font-size: 0.88rem !important;
}

/* ── Aviso de error (pedido no encontrado) ── */
.woocommerce-notice--error {
  background: #fff5f5 !important;
  border-left: 4px solid #e53935 !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
  color: #b71c1c !important;
  font-size: 0.9rem !important;
  margin: 20px 0 !important;
  box-shadow: none !important;
}

/* ── CTA volver a rastrear ── */
.woocommerce-order-tracking .track_order { margin-top: 24px !important; }

/* ── Responsive seguimiento ── */
@media (max-width: 600px) {
  body.page-id-1146 .entry-content,
  .woocommerce-order-tracking { padding: 0 16px 48px; }
  .woocommerce-form-track-order { padding: 20px 16px !important; border-radius: 14px !important; }
  .woocommerce-form-track-order .form-row-first,
  .woocommerce-form-track-order .form-row-last { float: none !important; width: 100% !important; }
  .woocommerce-order-overview li,
  .woocommerce-order-updates li { padding: 11px 16px !important; font-size: 0.84rem !important; }
  .woocommerce-table--order-details thead th,
  .woocommerce-table--order-details tbody td,
  .woocommerce-table--order-details tfoot td,
  .woocommerce-table--order-details tfoot th { padding: 11px 14px !important; font-size: 0.83rem !important; }
  .woocommerce-customer-details address { padding: 14px 16px !important; border-radius: 12px !important; }
  .woocommerce-order-overview,
  .woocommerce-order-updates,
  .woocommerce-table--order-details { border-radius: 12px !important; }
}

/* ==========================================================
   CONTROL DE HEADINGS Y EMOJIS EN CONTENIDO DE PRODUCTO
   Cubre h1–h6 en short description, tab description y páginas legales
   ========================================================== */

/* ── Tab "Descripción" del producto ── */
body.single-product .woocommerce-Tabs-panel--description h1,
body.single-product .woocommerce-Tabs-panel--description h2 {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 20px 0 8px !important;
  color: #1a1a2e !important;
}
body.single-product .woocommerce-Tabs-panel--description h3,
body.single-product .woocommerce-Tabs-panel--description h4 {
  font-size: 0.97rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 14px 0 6px !important;
  color: #c8687a !important;
}
body.single-product .woocommerce-Tabs-panel--description h5,
body.single-product .woocommerce-Tabs-panel--description h6 {
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin: 10px 0 4px !important;
  color: #555 !important;
}
body.single-product .woocommerce-Tabs-panel--description p,
body.single-product .woocommerce-Tabs-panel--description li {
  font-size: 0.93rem !important;
  line-height: 1.75 !important;
  color: #444 !important;
}
body.single-product .woocommerce-Tabs-panel--description ul,
body.single-product .woocommerce-Tabs-panel--description ol {
  padding-left: 18px !important;
  margin: 6px 0 10px !important;
}

/* ── Short description del producto ── */
body.single-product .woocommerce-product-details__short-description h1,
body.single-product .woocommerce-product-details__short-description h2 {
  font-size: 0.97rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin: 8px 0 5px !important;
  color: #c8687a !important;
}
body.single-product .woocommerce-product-details__short-description h3,
body.single-product .woocommerce-product-details__short-description h4,
body.single-product .woocommerce-product-details__short-description h5,
body.single-product .woocommerce-product-details__short-description h6 {
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin: 6px 0 4px !important;
  color: #666 !important;
}
body.single-product .woocommerce-product-details__short-description p,
body.single-product .woocommerce-product-details__short-description li {
  font-size: 13.5px !important;
  line-height: 1.7 !important;
  color: #555 !important;
}

/* ── Páginas legales (vp-hero, vp-sec) ── */
.vp-hero h1 { line-height: 1.35 !important; }
.vp-sec h2  { font-size: 1.1rem !important;  line-height: 1.4 !important; }
.vp-sec h3  { font-size: 0.97rem !important; line-height: 1.4 !important; }

/* ── Móvil (≤ 600px) ── */
@media (max-width: 600px) {
  body.single-product .woocommerce-Tabs-panel--description h1,
  body.single-product .woocommerce-Tabs-panel--description h2 { font-size: 1rem !important; }
  body.single-product .woocommerce-Tabs-panel--description h3,
  body.single-product .woocommerce-Tabs-panel--description h4 { font-size: 0.92rem !important; }
  body.single-product .woocommerce-Tabs-panel--description p,
  body.single-product .woocommerce-Tabs-panel--description li { font-size: 0.88rem !important; }
  body.single-product .woocommerce-product-details__short-description h1,
  body.single-product .woocommerce-product-details__short-description h2 { font-size: 0.9rem !important; }
  body.single-product .woocommerce-product-details__short-description p,
  body.single-product .woocommerce-product-details__short-description li { font-size: 12.5px !important; }
  .vp-hero h1 { font-size: clamp(1.2rem, 5vw, 1.5rem) !important; }
  .vp-sec h2  { font-size: 1rem !important; }
}

/* =========================================================
   BÚSQUEDA — OVERLAY DE BÚSQUEDA DE PRODUCTOS
   ========================================================= */

/* Ícono de búsqueda en el menú de navegación */
.valery-nav-search-item {
  display: flex !important;
  align-items: center !important;
}

.valery-search-btn {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #282828 !important;
  padding: 10px 14px !important;
  transition: color 0.2s !important;
  line-height: 1 !important;
}
.valery-search-btn:hover {
  color: #c85f63 !important;
  background: transparent !important;
}

/* Ocultar label "Buscar" en el header mobile (ahorra espacio en la barra) */
/* EXCEPTO dentro del menú desplegable, donde sí debe verse */
@media (max-width: 480px) {
  .valery-nav-search-label { display: none !important; }
  .valery-search-btn { padding: 8px 10px !important; }
  /* Dentro del menú mobile, mostrar el label */
  #ast-mobile-header .valery-nav-search-item .valery-nav-search-label { display: inline !important; }
}

/* Overlay — oculto por defecto */
.valery-search-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding-top: 90px !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transition: opacity 0.25s ease, visibility 0.25s ease !important;
}
.valery-search-overlay.open {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Fondo oscuro */
.valery-search-overlay-bg {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(26, 26, 46, 0.62) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

/* Caja de búsqueda */
.valery-search-box {
  position: relative !important;
  z-index: 1 !important;
  background: #fff !important;
  border-radius: 16px !important;
  padding: 32px 32px 28px !important;
  width: min(580px, 90vw) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.22) !important;
  transform: translateY(-20px) !important;
  transition: transform 0.25s ease !important;
}
.valery-search-overlay.open .valery-search-box {
  transform: translateY(0) !important;
}

/* Botón cerrar */
.valery-search-close {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  color: #bbb !important;
  padding: 4px !important;
  line-height: 1 !important;
  border-radius: 50% !important;
  transition: color 0.2s !important;
}
.valery-search-close:hover { color: #c85f63 !important; }

/* Título */
.valery-search-label {
  font-family: 'Playfair Display', serif !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  color: #282828 !important;
  margin: 0 0 16px !important;
}

/* Formulario WooCommerce */
.valery-search-box .woocommerce-product-search,
.valery-search-box form[role=search] {
  display: flex !important;
  gap: 8px !important;
  margin: 0 !important;
}
.valery-search-box .woocommerce-product-search input[type=search],
.valery-search-box form[role=search] input[type=search],
.valery-search-box input[name=s] {
  flex: 1 !important;
  border: 2px solid #e4dfe1 !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  font-size: 16px !important;
  font-family: 'Montserrat', sans-serif !important;
  color: #282828 !important;
  outline: none !important;
  transition: border-color 0.2s !important;
  background: #fff !important;
  -webkit-appearance: none !important;
}
.valery-search-box input[type=search]:focus {
  border-color: #c85f63 !important;
  box-shadow: 0 0 0 3px rgba(200,95,99,0.12) !important;
}
.valery-search-box .woocommerce-product-search button[type=submit],
.valery-search-box form[role=search] button[type=submit] {
  background: #c85f63 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 14px 20px !important;
  cursor: pointer !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-family: 'Montserrat', sans-serif !important;
  transition: background 0.2s !important;
  white-space: nowrap !important;
}
.valery-search-box .woocommerce-product-search button[type=submit]:hover,
.valery-search-box form[role=search] button[type=submit]:hover {
  background: #b04d51 !important;
}

/* Hint */
.valery-search-hint {
  font-size: 12px !important;
  color: #aaa !important;
  margin: 10px 0 0 !important;
  text-align: center !important;
}

@media (max-width: 480px) {
  .valery-search-overlay { padding-top: 70px !important; }
  .valery-search-box { padding: 24px 20px 20px !important; }
  .valery-search-label { font-size: 1.1rem !important; }
}