/* ================================================
   MARKEVISION — WooCommerce Overrides
   Cubre: Tienda · Producto · Carrito · Checkout · Mi Cuenta
   ================================================ */

/* --------------------------------------------------
   VARIABLES LOCALES
   -------------------------------------------------- */
:root {
  --mv-cyan:    #01C2DC;
  --mv-cyan2:   #00c1e5;
  --mv-gold:    #ffca00;
  --mv-ink:     #060810;
  --mv-ink2:    #0c0e18;
  --mv-ink3:    #111420;
  --mv-ink4:    #181c2a;
  --mv-border:  rgba(1,194,220,0.12);
  --mv-t1:      #f0f2ff;
  --mv-t2:      rgba(240,242,255,0.6);
  --mv-t3:      rgba(240,242,255,0.32);
  --mv-t4:      rgba(240,242,255,0.14);
  --mv-ff-title:'Roboto Slab', serif;
  --mv-ff-body: 'Montserrat', sans-serif;
  --mv-ff-mono: 'Space Mono', monospace;
  --mv-ease:    cubic-bezier(0.22, 1, 0.36, 1);
}

/* ==================================================
   ██████╗ BLOQUEO TOTAL DE ELEMENTOS HERO
   Aplica a CUALQUIER página WooCommerce.
   Oculta la onda, glows y grid del hero de la landing
   page, sin importar desde donde se estén cargando.
   ================================================== */
.woocommerce-page #hero,
.woocommerce      #hero,
.woocommerce-shop #hero,
.woocommerce-cart #hero,
.woocommerce-checkout #hero,
.woocommerce-account #hero {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Onda decorativa (hero-wave-bg) */
.woocommerce-page .hero-wave-bg,
.woocommerce-page .hero-grid,
.woocommerce-page .hero-glow,
.woocommerce-page .hero-glow2,
.woocommerce-page [class*="hero-corner"],
.woocommerce-page .hero-scroll,
.woocommerce-page .hero-eyebrow,
.woocommerce-page .hero-title,
.woocommerce-page .hero-tagline,
.woocommerce-page .hero-desc,
.woocommerce-page .hero-ctas,
.woocommerce-page .hero-inner,
/* mismo patrón sin -page suffix (single product, etc) */
.woocommerce .hero-wave-bg,
.woocommerce .hero-grid,
.woocommerce .hero-glow,
.woocommerce .hero-glow2,
.woocommerce [class*="hero-corner"],
.woocommerce .hero-scroll,
.woocommerce .hero-inner {
  display: none !important;
  visibility: hidden !important;
}

/* SVG wave directamente si escapa al contenedor */
body.woocommerce-page svg.hero-wave,
body.woocommerce-page .hero-wave-bg svg,
body.woocommerce      .hero-wave-bg svg {
  display: none !important;
}

/* Por si Elementor lo inyecta como widget independiente */
.woocommerce-page .elementor-widget-html #hero,
.woocommerce-page .elementor-widget-html .hero-wave-bg,
.woocommerce      .elementor-widget-html #hero,
.woocommerce      .elementor-widget-html .hero-wave-bg {
  display: none !important;
}

/* Ticker (banda animada de la landing) */
.woocommerce-page .ticker-wrap,
.woocommerce      .ticker-wrap {
  display: none !important;
}

/* Secciones completas de la landing que no deben aparecer en WC */
.woocommerce-page #stats,
.woocommerce-page #servicios,
.woocommerce-page #whyus,
.woocommerce-page #educacion,
.woocommerce-page #testimonial,
.woocommerce-page #cta,
.woocommerce      #stats,
.woocommerce      #servicios,
.woocommerce      #whyus,
.woocommerce      #educacion,
.woocommerce      #testimonial,
.woocommerce      #cta {
  display: none !important;
}

/* --------------------------------------------------
   CONTENEDOR Y LAYOUT GENERAL DE PÁGINAS WC
   -------------------------------------------------- */
.woocommerce-page .mv-main,
.woocommerce      .mv-main {
  position: relative;
  z-index: 10;
}

.mv-woo-wrapper {
  position: relative;
  z-index: 10;
  background: var(--mv-ink);
  min-height: 80vh;
  padding-top: 80px;
}

.mv-woo-container {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  padding: 0 clamp(16px, 3vw, 48px);
  box-sizing: border-box;
}

.mv-woo-content-area { padding: 32px 0 80px; }

.mv-woo-page-header {
  background: var(--mv-ink2);
  border-bottom: 1px solid var(--mv-border);
  padding: 48px 0 32px;
}

.mv-woo-page-title {
  font-family: var(--mv-ff-title) !important;
  font-weight: 900 !important;
  font-size: clamp(32px, 5vw, 64px) !important;
  color: var(--mv-t1) !important;
  letter-spacing: -.02em !important;
  line-height: 1 !important;
}

.woocommerce-breadcrumb {
  font-family: var(--mv-ff-mono) !important;
  font-size: 10px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--mv-t3) !important;
  padding: 16px 0 0 !important;
}
.woocommerce-breadcrumb a { color: var(--mv-t3) !important; transition: color .2s; }
.woocommerce-breadcrumb a:hover { color: var(--mv-cyan) !important; }

/* --------------------------------------------------
   SHOP GRID
   -------------------------------------------------- */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  /* Anula el float-based layout de WooCommerce */
  float: none !important;
  width: 100% !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: var(--mv-ink2) !important;
  border: 1px solid var(--mv-border) !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  transition: border-color .3s, transform .3s var(--mv-ease) !important;
  /* CRÍTICO: anula el width fijo y float de WooCommerce por defecto */
  width: 100% !important;
  float: none !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  border-color: rgba(1,194,220,.35) !important;
  transform: translateY(-4px) !important;
}
.woocommerce ul.products li.product::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, var(--mv-cyan), var(--mv-gold));
  transform: scaleX(0); transform-origin: left;
  transition: transform .5s var(--mv-ease); z-index: 2;
}
.woocommerce ul.products li.product:hover::before { transform: scaleX(1); }

/* El <a> que envuelve el thumbnail debe ser bloque y llenar el ancho */
.woocommerce ul.products li.product > a,
.woocommerce ul.products li.product a.woocommerce-loop-product__link,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
  display: block !important;
  width: 100% !important;
  text-decoration: none !important;
}

/* La imagen ocupa todo el ancho del <a>, sin importar el atributo width/height del HTML */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product a.woocommerce-loop-product__link img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  aspect-ratio: 4/3 !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--mv-border) !important;
  /* Forzar que ignora width/height HTML attributes */
  flex-shrink: 0 !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--mv-ff-title) !important; font-weight: 800 !important;
  font-size: 17px !important; color: var(--mv-t1) !important;
  padding: 20px 20px 4px !important; line-height: 1.3 !important;
  transition: color .2s !important;
}
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title { color: var(--mv-cyan) !important; }

.woocommerce ul.products li.product .price {
  color: var(--mv-cyan) !important; font-family: var(--mv-ff-title) !important;
  font-weight: 900 !important; font-size: 22px !important;
  padding: 4px 20px 16px !important; display: block !important;
}
.woocommerce ul.products li.product .price del { color: var(--mv-t4) !important; font-size: 13px !important; font-weight: 300 !important; }
.woocommerce ul.products li.product .price ins { text-decoration: none !important; }

.woocommerce ul.products li.product .button {
  display: block !important; width: calc(100% - 40px) !important;
  margin: 0 20px 20px !important; background: transparent !important;
  border: 1px solid var(--mv-border) !important; color: var(--mv-t2) !important;
  border-radius: 4px !important; font-family: var(--mv-ff-mono) !important;
  font-size: 9px !important; text-transform: uppercase !important;
  letter-spacing: .12em !important; padding: 10px !important;
  text-align: center !important; transition: all .25s var(--mv-ease) !important;
}
.woocommerce ul.products li.product .button:hover {
  border-color: var(--mv-cyan) !important; color: var(--mv-ink) !important;
  background: var(--mv-cyan) !important;
}

.woocommerce-result-count {
  font-family: var(--mv-ff-mono) !important; font-size: 10px !important;
  letter-spacing: .1em !important; text-transform: uppercase !important; color: var(--mv-t3) !important;
}
.woocommerce-ordering select {
  background: var(--mv-ink2) !important; border: 1px solid var(--mv-border) !important;
  color: var(--mv-t2) !important; font-family: var(--mv-ff-mono) !important;
  font-size: 10px !important; padding: 8px 12px !important;
  border-radius: 4px !important; outline: none !important;
}

/* --------------------------------------------------
   PRODUCTO INDIVIDUAL
   -------------------------------------------------- */
.woocommerce div.product { padding: 20px 0 80px !important; }

.woocommerce div.product .product_title {
  font-family: var(--mv-ff-title) !important; font-weight: 900 !important;
  font-size: clamp(28px, 4vw, 52px) !important; color: var(--mv-t1) !important;
  letter-spacing: -.02em !important; line-height: 1.05 !important; margin-bottom: 12px !important;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--mv-cyan) !important; font-family: var(--mv-ff-title) !important;
  font-weight: 900 !important; font-size: 40px !important;
}
.woocommerce div.product .woocommerce-product-details__short-description {
  font-size: 16px !important; font-weight: 300 !important; color: var(--mv-t2) !important;
  line-height: 1.8 !important; border-top: 1px solid var(--mv-border) !important;
  border-bottom: 1px solid var(--mv-border) !important; padding: 20px 0 !important; margin: 20px 0 !important;
}

/* Botones globales WC */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .single_add_to_cart_button {
  background: linear-gradient(135deg, var(--mv-cyan), var(--mv-cyan2)) !important;
  color: var(--mv-ink) !important; font-family: var(--mv-ff-title) !important;
  font-weight: 800 !important; font-size: 12px !important;
  text-transform: uppercase !important; letter-spacing: .1em !important;
  border: none !important; border-radius: 4px !important;
  padding: 14px 32px !important; box-shadow: 0 8px 28px rgba(1,194,220,.25) !important;
  transition: all .3s var(--mv-ease) !important; cursor: pointer !important;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .single_add_to_cart_button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 40px rgba(1,194,220,.4) !important; color: var(--mv-ink) !important;
}

.woocommerce .quantity .qty {
  background: var(--mv-ink2) !important; border: 1px solid var(--mv-border) !important;
  color: var(--mv-t1) !important; font-family: var(--mv-ff-title) !important;
  font-weight: 700 !important; font-size: 18px !important;
  text-align: center !important; border-radius: 4px !important;
  padding: 8px 12px !important; width: 80px !important;
}

/* Tabs de producto */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0 !important; list-style: none !important;
  display: flex !important; gap: 0 !important;
  border-bottom: 1px solid var(--mv-border) !important; margin-bottom: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: none !important; border: none !important;
  border-radius: 0 !important; padding: 0 !important; margin: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  display: block !important; padding: 14px 24px !important;
  font-family: var(--mv-ff-mono) !important; font-size: 10px !important;
  text-transform: uppercase !important; letter-spacing: .12em !important;
  color: var(--mv-t3) !important; transition: color .2s !important;
  border-bottom: 2px solid transparent !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  color: var(--mv-cyan) !important; border-bottom-color: var(--mv-cyan) !important;
}
.woocommerce div.product .woocommerce-tabs .panel {
  background: var(--mv-ink2) !important; border: 1px solid var(--mv-border) !important;
  border-top: none !important; padding: 32px !important;
  border-radius: 0 0 8px 8px !important; color: var(--mv-t2) !important;
  font-weight: 300 !important; line-height: 1.8 !important;
}

/* --------------------------------------------------
   CARRITO
   -------------------------------------------------- */
.woocommerce-cart table.cart {
  background: transparent !important; border-collapse: collapse !important; width: 100% !important;
}
.woocommerce-cart table.cart thead th {
  font-family: var(--mv-ff-mono) !important; font-size: 9px !important;
  text-transform: uppercase !important; letter-spacing: .14em !important;
  color: var(--mv-t3) !important; border-bottom: 1px solid var(--mv-border) !important;
  padding: 12px 16px !important; background: transparent !important;
}
.woocommerce-cart table.cart td {
  border-bottom: 1px solid rgba(1,194,220,.06) !important;
  padding: 20px 16px !important; color: var(--mv-t1) !important;
  vertical-align: middle !important; background: transparent !important;
}
.woocommerce-cart table.cart td.product-name {
  font-family: var(--mv-ff-title) !important; font-weight: 700 !important; font-size: 16px !important;
}
.woocommerce-cart table.cart td.product-name a { color: var(--mv-t1) !important; transition: color .2s !important; }
.woocommerce-cart table.cart td.product-name a:hover { color: var(--mv-cyan) !important; }
.woocommerce-cart table.cart td.product-price,
.woocommerce-cart table.cart td.product-subtotal {
  font-family: var(--mv-ff-title) !important; font-weight: 900 !important;
  color: var(--mv-cyan) !important; font-size: 20px !important;
}
.woocommerce-cart table.cart td a.remove {
  color: var(--mv-t4) !important; font-size: 20px !important;
  transition: color .2s !important; text-decoration: none !important;
}
.woocommerce-cart table.cart td a.remove:hover { color: #ff6060 !important; }

.woocommerce-cart .cart_totals {
  background: var(--mv-ink2) !important; border: 1px solid var(--mv-border) !important;
  border-radius: 12px !important; padding: 28px !important;
}
.woocommerce-cart .cart_totals h2 {
  font-family: var(--mv-ff-title) !important; font-weight: 900 !important;
  font-size: 22px !important; color: var(--mv-t1) !important;
  margin-bottom: 20px !important; padding-bottom: 16px !important;
  border-bottom: 1px solid var(--mv-border) !important;
}
.woocommerce-cart .cart_totals table { width: 100% !important; border-collapse: collapse !important; }
.woocommerce-cart .cart_totals table th {
  font-family: var(--mv-ff-mono) !important; font-size: 9px !important;
  text-transform: uppercase !important; letter-spacing: .1em !important;
  color: var(--mv-t3) !important; padding: 12px 0 !important;
  border-bottom: 1px solid rgba(1,194,220,.06) !important; width: 40% !important;
}
.woocommerce-cart .cart_totals table td {
  padding: 12px 0 !important; border-bottom: 1px solid rgba(1,194,220,.06) !important;
  color: var(--mv-t2) !important; font-weight: 300 !important; font-size: 14px !important;
}
.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td { border-bottom: none !important; padding-top: 18px !important; }
.woocommerce-cart .cart_totals .order-total td strong {
  color: var(--mv-cyan) !important; font-family: var(--mv-ff-title) !important; font-size: 28px !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  background: linear-gradient(135deg, var(--mv-cyan), var(--mv-cyan2)) !important;
  color: var(--mv-ink) !important; font-family: var(--mv-ff-title) !important;
  font-weight: 800 !important; text-transform: uppercase !important;
  letter-spacing: .1em !important; font-size: 12px !important;
  border-radius: 4px !important; border: none !important;
  padding: 15px 32px !important; display: block !important; text-align: center !important;
  transition: all .3s var(--mv-ease) !important; box-shadow: 0 8px 28px rgba(1,194,220,.25) !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  transform: translateY(-2px) !important; box-shadow: 0 14px 40px rgba(1,194,220,.4) !important; color: var(--mv-ink) !important;
}

.woocommerce-cart .coupon input[type="text"] {
  background: var(--mv-ink3) !important; border: 1px solid var(--mv-border) !important;
  color: var(--mv-t1) !important; font-size: 13px !important;
  padding: 10px 14px !important; border-radius: 4px !important; outline: none !important;
}
.woocommerce-cart .coupon input[type="text"]:focus { border-color: var(--mv-cyan) !important; }

/* --------------------------------------------------
   CHECKOUT
   -------------------------------------------------- */
.woocommerce-checkout h3 {
  font-family: var(--mv-ff-title) !important; font-weight: 900 !important;
  font-size: 22px !important; color: var(--mv-t1) !important;
  margin-bottom: 20px !important; padding-bottom: 14px !important;
  border-bottom: 1px solid var(--mv-border) !important;
}
.woocommerce-checkout .woocommerce-billing-fields label,
.woocommerce-checkout .woocommerce-shipping-fields label {
  font-family: var(--mv-ff-mono) !important; font-size: 9px !important;
  text-transform: uppercase !important; letter-spacing: .1em !important;
  color: var(--mv-t3) !important; margin-bottom: 6px !important; display: block !important;
}
.woocommerce-checkout .woocommerce-billing-fields input,
.woocommerce-checkout .woocommerce-billing-fields select,
.woocommerce-checkout .woocommerce-billing-fields textarea,
.woocommerce-checkout .woocommerce-shipping-fields input {
  background: var(--mv-ink2) !important; border: 1px solid var(--mv-border) !important;
  color: var(--mv-t1) !important; font-family: var(--mv-ff-body) !important;
  font-size: 14px !important; font-weight: 300 !important;
  padding: 10px 14px !important; border-radius: 6px !important;
  width: 100% !important; outline: none !important; transition: border-color .2s !important;
}
.woocommerce-checkout .woocommerce-billing-fields input:focus,
.woocommerce-checkout .woocommerce-billing-fields select:focus { border-color: var(--mv-cyan) !important; }

.woocommerce-checkout #order_review {
  background: var(--mv-ink2) !important; border: 1px solid var(--mv-border) !important;
  border-radius: 12px !important; padding: 28px !important;
}
.woocommerce-checkout table.shop_table { width: 100% !important; border-collapse: collapse !important; }
.woocommerce-checkout table.shop_table th {
  font-family: var(--mv-ff-mono) !important; font-size: 9px !important;
  text-transform: uppercase !important; letter-spacing: .1em !important;
  color: var(--mv-t3) !important; padding: 10px 0 !important;
  border-bottom: 1px solid var(--mv-border) !important;
}
.woocommerce-checkout table.shop_table td {
  padding: 12px 0 !important; color: var(--mv-t2) !important;
  font-size: 14px !important; font-weight: 300 !important;
  border-bottom: 1px solid rgba(1,194,220,.05) !important;
}
.woocommerce-checkout table.shop_table .order-total td strong {
  color: var(--mv-cyan) !important; font-family: var(--mv-ff-title) !important;
  font-weight: 900 !important; font-size: 22px !important;
}
.woocommerce-checkout #place_order {
  background: linear-gradient(135deg, var(--mv-cyan), var(--mv-cyan2)) !important;
  color: var(--mv-ink) !important; font-family: var(--mv-ff-title) !important;
  font-weight: 800 !important; font-size: 13px !important;
  text-transform: uppercase !important; letter-spacing: .12em !important;
  border: none !important; border-radius: 4px !important; padding: 16px !important;
  width: 100% !important; box-shadow: 0 8px 28px rgba(1,194,220,.28) !important;
  transition: all .3s var(--mv-ease) !important; cursor: pointer !important; margin-top: 16px !important;
}
.woocommerce-checkout #place_order:hover {
  transform: translateY(-2px) !important; box-shadow: 0 14px 40px rgba(1,194,220,.42) !important;
}
.woocommerce-checkout #payment {
  background: var(--mv-ink2) !important; border-radius: 8px !important;
  border: 1px solid var(--mv-border) !important;
}
.woocommerce-checkout #payment ul.payment_methods { padding: 20px !important; border-bottom: 1px solid var(--mv-border) !important; }
.woocommerce-checkout #payment ul.payment_methods li label {
  color: var(--mv-t1) !important; font-weight: 500 !important;
  font-size: 14px !important; letter-spacing: normal !important; text-transform: none !important;
}
.woocommerce-checkout #payment div.payment_box {
  background: var(--mv-ink3) !important; color: var(--mv-t2) !important;
  font-size: 13px !important; border-radius: 6px !important; padding: 14px !important;
}

/* --------------------------------------------------
   MI CUENTA
   -------------------------------------------------- */
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: var(--mv-ink2) !important; border: 1px solid var(--mv-border) !important;
  border-radius: 10px !important; overflow: hidden !important; padding: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: block !important; padding: 14px 20px !important;
  font-family: var(--mv-ff-mono) !important; font-size: 10px !important;
  text-transform: uppercase !important; letter-spacing: .1em !important;
  color: var(--mv-t2) !important; border-bottom: 1px solid var(--mv-border) !important;
  transition: all .2s !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  color: var(--mv-cyan) !important; background: rgba(1,194,220,.06) !important; padding-left: 24px !important;
}
.woocommerce-account .woocommerce-MyAccount-content { color: var(--mv-t2) !important; font-weight: 300 !important; line-height: 1.8 !important; }

/* --------------------------------------------------
   NOTIFICACIONES
   -------------------------------------------------- */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  background: var(--mv-ink2) !important; color: var(--mv-t1) !important;
  border-radius: 6px !important; margin-bottom: 20px !important;
  font-family: var(--mv-ff-body) !important; font-size: 14px !important;
  font-weight: 300 !important; border-top: 3px solid var(--mv-cyan) !important;
  padding: 16px 20px !important;
}
.woocommerce-error { border-top-color: #ff6060 !important; }

/* --------------------------------------------------
   RATINGS
   -------------------------------------------------- */
.woocommerce .star-rating span::before { color: var(--mv-gold) !important; }
.woocommerce .star-rating::before      { color: var(--mv-ink4) !important; }

/* --------------------------------------------------
   PAGINACIÓN
   -------------------------------------------------- */
.woocommerce nav.woocommerce-pagination ul {
  border: none !important; display: flex !important; gap: 6px !important;
  justify-content: center !important; margin-top: 40px !important;
  list-style: none !important; padding: 0 !important;
}
.woocommerce nav.woocommerce-pagination ul li { border-right: none !important; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  display: flex !important; align-items: center !important;
  justify-content: center !important; width: 38px !important; height: 38px !important;
  border: 1px solid var(--mv-border) !important; border-radius: 6px !important;
  color: var(--mv-t2) !important; font-family: var(--mv-ff-mono) !important;
  font-size: 11px !important; transition: all .2s !important; background: var(--mv-ink2) !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover { border-color: var(--mv-cyan) !important; color: var(--mv-cyan) !important; }
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--mv-cyan) !important; color: var(--mv-ink) !important; border-color: var(--mv-cyan) !important; }

/* --------------------------------------------------
   RESPONSIVE
   -------------------------------------------------- */
@media (max-width: 1100px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 600px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products { grid-template-columns: 1fr !important; }
  .mv-woo-container { padding: 0 16px !important; }
}