/* ==========================================================================
   MODIVIAM — BOLT (webshop és termékoldal)
   --------------------------------------------------------------------------
   Ez a réteg a főoldal nyelvét viszi tovább a boltba: fehér lap, grafitszöveg,
   mély kék jel, Forum címsor, Jost adat. Nem új arculat — ugyanaz, boltra
   szabva.

   AMIT ORVOSOL (mérve, nem feltételezve):
     · a terméklista rácsa `1257px 54px 54px` oszlopokkal indult, vagyis
       mindhárom termék az első cellába szorult;
     · minden kártyán ott állt a TELJES összetevő- és figyelmeztetés-lista —
       889 képpont szöveg, amitől egy kártya 1682 képpont magas lett;
     · a Kosárba teszem gomb 0×0 méretű volt, tehát a vásárló számára nem
       létezett;
     · a képek a feltöltött arányt tartották, így a sor egyenetlenül ugrált.

   AZ ELV: a listaoldal dolga a VÁLASZTÁS — kép, név, ár, egy kattintás. A
   részletek a termékoldalra valók. Egy parfümériában sem az összetevőlista
   van kirakva a polcra.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. TERMÉKRÁCS
   -------------------------------------------------------------------------- */

body.mv-theme .elementor-widget-loop-grid .elementor-loop-container,
body.mv-theme .elementor-widget-loop-grid .elementor-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(1.25rem, 2.4vw, 2.25rem) !important;
  align-items: stretch !important;
}

@media (max-width: 1024px) {
  body.mv-theme .elementor-widget-loop-grid .elementor-loop-container,
  body.mv-theme .elementor-widget-loop-grid .elementor-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.mv-theme .elementor-widget-loop-grid .elementor-loop-container,
  body.mv-theme .elementor-widget-loop-grid .elementor-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Az Elementor két üres style elemet is a rácsba tesz; rácselemként azok is
   elfoglalnának egy-egy cellát. */
body.mv-theme .elementor-loop-container > style { display: none !important; }

/* --------------------------------------------------------------------------
   2. TERMÉKKÁRTYA
   -------------------------------------------------------------------------- */

body.mv-theme .e-loop-item {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  overflow: hidden;
  border: 1px solid rgba(28, 32, 36, 0.12) !important;
  border-radius: 18px !important;
  /* `!important` kell: enélkül a kártya átlátszó maradt, és a lap sötét
     alapja ütött át rajta. */
  background-color: #FFFFFF !important;
  background-image: none !important;
  transition: transform 520ms cubic-bezier(0.22, 0.61, 0.36, 1),
              border-color 520ms cubic-bezier(0.22, 0.61, 0.36, 1),
              box-shadow 520ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

body.mv-theme .e-loop-item:hover {
  transform: translateY(-6px);
  border-color: rgba(38, 47, 64, 0.35);
  box-shadow: 0 30px 60px -34px rgba(25, 30, 41, 0.45);
}

/* A kártyán belüli konténerek ne hozzanak saját dobozt. */
body.mv-theme .e-loop-item > .e-con,
body.mv-theme .e-loop-item .e-con-inner {
  background: transparent !important;
  border: 0 !important;
  padding-inline: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.mv-theme .e-loop-item > .e-con {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: auto !important;
}

/* A kép a kártya TETEJÉIG érjen: a belső konténer 20 képpontos függőleges
   térköze fehér csíkot hagyott a kép fölött, ami elvágta a lapot. */
body.mv-theme .e-loop-item .e-con,
body.mv-theme .e-loop-item .e-con-inner {
  padding-block: 0 !important;
  row-gap: 0 !important;
}

/* --- A GOMBSOR ----------------------------------------------------------
   A két gomb egy sorban egyenetlen párost adott (202 és 151 képpont). A
   vásárlónak egy elsődleges útja van — a kosár —, a részletek pedig csendes
   másodlagos lépés. Ezért egymás alá kerülnek, az elsődleges teljes
   szélességben. */
body.mv-theme .e-loop-item > .e-con > .e-con:last-child,
body.mv-theme .e-loop-item .e-con:has(> .elementor-widget-button + .elementor-widget-button) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0.5rem !important;
  padding: 0 !important;
  margin-top: auto !important;
}

/* --- Kép: EGYSÉGES arány minden kártyán ---------------------------------
   A feltöltött képek aránya eltér (mérve 2560×1767 fekvő és álló vegyesen).
   A rögzített arány és a `cover` teszi a sort egyenletessé — enélkül minden
   kártya más magasságban kezdi a nevet és az árat. */
body.mv-theme .e-loop-item .elementor-widget-image {
  margin: 0 !important;
  padding: 0 !important;
}

body.mv-theme .e-loop-item .elementor-widget-image a,
body.mv-theme .e-loop-item .elementor-widget-image img {
  display: block;
  width: 100% !important;
  margin: 0 !important;
}

body.mv-theme .e-loop-item .elementor-widget-image img {
  /* FEKVŐ arány: a termékek kiemelt fotói fekvők. */
  aspect-ratio: 3 / 2;
  height: auto !important;
  object-fit: cover;
  object-position: center;
  border-radius: 0 !important;
  clip-path: none !important;
  background: var(--mv-silver-hi, #F4F6F7);
  /* Alaphelyzetben NINCS nagyítás. A téma korábbi rétege minden képre ráadott
     egy `scale`-t (mérve 490 képpont széles kép egy 452-es kártyában, 24
     képponttal a lap teteje fölött kilógva) — a kártyán ez torzít, nem díszít.
     A nagyítás csak a besöprésre marad, és ott is visszafogottan. */
  transform: none !important;
  transition: transform 900ms cubic-bezier(0.16, 1, 0.3, 1);
}

body.mv-theme .e-loop-item:hover .elementor-widget-image img {
  transform: scale(1.04) !important;
}

/* --- Név ----------------------------------------------------------------- */

body.mv-theme .e-loop-item .elementor-widget-heading {
  margin: 0 !important;
  padding: clamp(1.1rem, 2vw, 1.5rem) clamp(1.1rem, 2vw, 1.5rem) 0 !important;
}

body.mv-theme .e-loop-item .elementor-widget-heading .elementor-heading-title {
  font-family: var(--mv-font-display) !important;
  font-weight: 400 !important;
  font-size: clamp(1.25rem, 1.05rem + 0.7vw, 1.6rem) !important;
  line-height: 1.15 !important;
  letter-spacing: 0.01em !important;
  color: var(--mv-graphite, #1C2024) !important;
  text-align: left !important;
}

/* A HOSSZÚ LEÍRÁS NEM VALÓ A LISTÁRA. A kártyában két szövegdoboz van: az
   egyikben az ár, a másikban az összetevők és a figyelmeztetések — utóbbi
   889 képpont magas volt. Azt rejtjük el, amelyikben nincs ár. */
body.mv-theme .e-loop-item .elementor-widget-text-editor:not(:has(.woocommerce-Price-amount)):not(:has(.price)) {
  display: none !important;
}

/* --- ÁR: a kártya legfontosabb adata ------------------------------------
   Saját sorban, Forum betűvel, a márka kékjével — nem árcédula, hanem adat.
   A listában és a termékoldalon ugyanaz a kezelés: ez a bolt aláírása. */
body.mv-theme .e-loop-item .elementor-widget-text-editor:has(.woocommerce-Price-amount),
body.mv-theme .e-loop-item .elementor-widget-text-editor:has(.price) {
  margin: 0 !important;
  padding: clamp(0.5rem, 1vw, 0.7rem) clamp(1.1rem, 2vw, 1.5rem) clamp(1rem, 1.8vw, 1.3rem) !important;
}

body.mv-theme .e-loop-item .woocommerce-Price-amount,
body.mv-theme .e-loop-item .price {
  display: inline-block;
  font-family: var(--mv-font-display) !important;
  font-size: clamp(1.1rem, 1rem + 0.5vw, 1.4rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  color: var(--mv-dresden-deep, #262F40) !important;
}

body.mv-theme .e-loop-item .woocommerce-Price-currencySymbol {
  font-size: 0.72em;
  margin-left: 0.15em;
  color: var(--mv-graphite-mute, #6E767E) !important;
}

/* --- GOMBOK -------------------------------------------------------------
   A Kosárba teszem 0×0 méretű volt, tehát nem létezett a vásárló számára.
   Most ez a kártya elsődleges gombja: telt mély kék, teljes szélességben.
   A Részletek mellette csendes, másodlagos út. */
body.mv-theme .e-loop-item .elementor-widget-button {
  margin: 0 !important;
  padding: 0 clamp(1.1rem, 2vw, 1.5rem) !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
}

body.mv-theme .e-loop-item .elementor-widget-button:last-of-type {
  padding-bottom: clamp(1.1rem, 2vw, 1.5rem) !important;
  margin-top: auto !important;
}

body.mv-theme .e-loop-item .elementor-button,
body.mv-theme .e-loop-item a.button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-height: 3rem;
  padding: 0.95em 1.5em !important;
  border-radius: 999px !important;
  border: 1px solid var(--mv-dresden-deep, #262F40) !important;
  background-color: var(--mv-dresden-deep, #262F40) !important;
  background-image: none !important;
  color: #FFFFFF !important;
  font-family: var(--mv-font-ui) !important;
  font-size: 0.6875rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  transform: none !important;
  transition: background-color 420ms cubic-bezier(0.22, 0.61, 0.36, 1),
              border-color 420ms cubic-bezier(0.22, 0.61, 0.36, 1),
              color 420ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

body.mv-theme .e-loop-item .elementor-button::before,
body.mv-theme .e-loop-item a.button::before {
  content: none !important;
}

body.mv-theme .e-loop-item .elementor-button:hover,
body.mv-theme .e-loop-item a.button:hover {
  background-color: var(--mv-dresden-ink, #191E29) !important;
  border-color: var(--mv-dresden-ink, #191E29) !important;
  color: #FFFFFF !important;
}

/* A második gomb a csendes út: szöveges, keret nélkül. */
body.mv-theme .e-loop-item .elementor-widget-button + .elementor-widget-button .elementor-button {
  background-color: transparent !important;
  color: var(--mv-dresden-deep, #262F40) !important;
  border-color: transparent !important;
  min-height: 2.25rem;
  letter-spacing: 0.16em !important;
}

body.mv-theme .e-loop-item .elementor-widget-button + .elementor-widget-button .elementor-button:hover {
  background-color: transparent !important;
  color: var(--mv-dresden-ink, #191E29) !important;
  text-decoration: underline;
  text-underline-offset: 0.35em;
}

/* --------------------------------------------------------------------------
   3. KATEGÓRIÁK a bolt tetején
   -------------------------------------------------------------------------- */

body.mv-theme .elementor-widget-wc-categories ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(1.25rem, 2.4vw, 2rem) !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

@media (max-width: 860px) {
  body.mv-theme .elementor-widget-wc-categories ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

body.mv-theme .elementor-widget-wc-categories li.product-category {
  width: auto !important;
  margin: 0 !important;
  float: none !important;
}

body.mv-theme .elementor-widget-wc-categories li.product-category a {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(28, 32, 36, 0.12);
  background: #FFFFFF;
  transition: transform 520ms cubic-bezier(0.22, 0.61, 0.36, 1),
              border-color 520ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

body.mv-theme .elementor-widget-wc-categories li.product-category a:hover {
  transform: translateY(-5px);
  border-color: rgba(38, 47, 64, 0.35);
}

body.mv-theme .elementor-widget-wc-categories li.product-category img {
  width: 100% !important;
  aspect-ratio: 3 / 2;
  height: auto !important;
  object-fit: cover;
  margin: 0 !important;
  border-radius: 0 !important;
  opacity: 1 !important;
}

body.mv-theme .elementor-widget-wc-categories .woocommerce-loop-category__title {
  padding: 1.1rem 1.35rem !important;
  margin: 0 !important;
  font-family: var(--mv-font-display) !important;
  font-weight: 400 !important;
  font-size: 1.15rem !important;
  color: var(--mv-graphite, #1C2024) !important;
  text-align: left;
}

body.mv-theme .elementor-widget-wc-categories .count {
  color: var(--mv-graphite-mute, #6E767E) !important;
  background: transparent !important;
  font-family: var(--mv-font-ui) !important;
  font-size: 0.75rem;
}

/* --------------------------------------------------------------------------
   4. TERMÉKOLDAL
   -------------------------------------------------------------------------- */

/* A világos háttér a TERMÉKOLDALON is érvényes. A paletta háttérszabálya a
   sötét réteg alternáló sávjától örökölte a `:not(.single-product)` kizárást
   — ott ennek volt értelme, itt viszont emiatt maradtak a szekciók
   átlátszók, és a lap sötét alapja ütött át rajtuk. */
body.mv-theme.single-product .mv-pal--light,
body.mv-theme.single-product .e-con.mv-pal--light,
body.mv-theme.single-product .elementor > .e-con.e-parent.mv-pal--light {
  background-color: #FFFFFF !important;
  background-image: none !important;
}

body.mv-theme.single-product .mv-pal--silver,
body.mv-theme.single-product .e-con.mv-pal--silver {
  background-color: var(--mv-silver, #E6E9EC) !important;
}

/* A termékoldal törzse világos: a lap alapszíne se maradjon sötét a
   szekciók között. */
body.mv-theme.single-product {
  background-color: #FFFFFF !important;
}

/* --- GALÉRIA: egységes méretű képek --------------------------------------
   A bélyegek eredetileg a feltöltött arányt tartották, ezért a lépegető
   ugrált. Négyzetes, azonos méretű bélyegek: a sor így nyugodt marad. */
body.mv-theme .woocommerce div.product .woocommerce-product-gallery__image img,
body.mv-theme .elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image img {
  width: 100% !important;
  aspect-ratio: 4 / 5;
  height: auto !important;
  object-fit: cover;
  border-radius: 18px;
  background: var(--mv-silver-hi, #F4F6F7);
}

body.mv-theme .woocommerce div.product .flex-control-thumbs,
body.mv-theme .elementor-widget-woocommerce-product-images .flex-control-thumbs {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0.65rem !important;
  margin: 0.9rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.mv-theme .woocommerce div.product .flex-control-thumbs li,
body.mv-theme .elementor-widget-woocommerce-product-images .flex-control-thumbs li {
  width: auto !important;
  margin: 0 !important;
  float: none !important;
}

body.mv-theme .woocommerce div.product .flex-control-thumbs img,
body.mv-theme .elementor-widget-woocommerce-product-images .flex-control-thumbs img {
  width: 100% !important;
  aspect-ratio: 1 / 1;
  height: auto !important;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid rgba(28, 32, 36, 0.12);
  opacity: 0.62;
  transition: opacity 420ms cubic-bezier(0.22, 0.61, 0.36, 1),
              border-color 420ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

body.mv-theme .flex-control-thumbs img:hover,
body.mv-theme .flex-control-thumbs img.flex-active {
  opacity: 1;
  border-color: var(--mv-dresden-deep, #262F40);
}

/* --- Termék címe és ára -------------------------------------------------- */

body.mv-theme.single-product .product_title,
body.mv-theme .elementor-widget-woocommerce-product-title .elementor-heading-title {
  font-family: var(--mv-font-display) !important;
  font-weight: 400 !important;
  font-size: clamp(1.5rem, 1.15rem + 1.1vw, 2.05rem) !important;
  line-height: 1.08 !important;
  color: var(--mv-graphite, #1C2024) !important;
}

/* Az ár a termékoldal legfontosabb adata: hajszálvonal fölött áll, nagyobb
   méretben, a márka kékjével. */
body.mv-theme .elementor-widget-woocommerce-product-price,
body.mv-theme.single-product div.product p.price {
  margin: 0 0 clamp(1rem, 2vw, 1.4rem) !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

body.mv-theme .elementor-widget-woocommerce-product-price .price,
body.mv-theme .elementor-widget-woocommerce-product-price .woocommerce-Price-amount,
body.mv-theme.single-product div.product p.price,
body.mv-theme.single-product div.product span.woocommerce-Price-amount {
  font-family: var(--mv-font-display) !important;
  font-size: clamp(1.3rem, 1.05rem + 0.75vw, 1.65rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  color: var(--mv-dresden-deep, #262F40) !important;
}

body.mv-theme.single-product del,
body.mv-theme.single-product del .woocommerce-Price-amount {
  color: var(--mv-graphite-mute, #6E767E) !important;
  font-size: 0.55em !important;
  opacity: 0.8;
}

/* --- Kosárba gomb a termékoldalon ---------------------------------------- */

body.mv-theme.single-product form.cart,
body.mv-theme .elementor-widget-woocommerce-product-add-to-cart form.cart {
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0.6rem !important;
  margin: 0 !important;
}

body.mv-theme.single-product .quantity input.qty {
  width: 5.5rem !important;
  min-height: 2.75rem;
  padding: 0 0.6rem !important;
  border: 1px solid rgba(28, 32, 36, 0.14) !important;
  border-radius: 8px !important;
  background: #FFFFFF !important;
  color: var(--mv-graphite, #1C2024) !important;
  font-family: var(--mv-font-ui) !important;
  font-size: 1rem !important;
  text-align: center;
}

body.mv-theme.single-product button.single_add_to_cart_button,
body.mv-theme .elementor-widget-woocommerce-product-add-to-cart button.single_add_to_cart_button {
  flex: 1 1 16rem;
  min-height: 3.4rem;
  padding: 1em 2.5em !important;
  border: 1px solid var(--mv-dresden-deep, #262F40) !important;
  border-radius: 999px !important;
  background-color: var(--mv-dresden-deep, #262F40) !important;
  background-image: none !important;
  color: #FFFFFF !important;
  font-family: var(--mv-font-ui) !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  transition: background-color 420ms cubic-bezier(0.22, 0.61, 0.36, 1),
              border-color 420ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

body.mv-theme.single-product button.single_add_to_cart_button::before { content: none !important; }

body.mv-theme.single-product button.single_add_to_cart_button:hover {
  background-color: var(--mv-dresden-ink, #191E29) !important;
  border-color: var(--mv-dresden-ink, #191E29) !important;
  color: #FFFFFF !important;
}

/* MEGJEGYZÉS a szelektorokhoz: a `single-product` osztály magán a BODY-n
   ül, nem egy leszármazott elemen — ezért `body.mv-theme.single-product`
   (pont), nem `body.mv-theme .single-product` (szóköz). Az utóbbival a
   szabályok némán hatástalanok maradtak.  */

/* --- Készlet-állapot -----------------------------------------------------
   A termékek jelenleg készlethiányosak, ezért a Kosárba gomb helyén a
   WooCommerce készletjelzése áll. Ez adatkérdés, nem megjelenésé — de amíg
   így van, ez a jelzés se lógjon ki a márka hangjából. */
body.mv-theme.single-product .stock.out-of-stock,
body.mv-theme.single-product p.stock {
  display: inline-flex;
  align-items: center;
  margin: clamp(1rem, 2vw, 1.5rem) 0 !important;
  padding: 0.85em 1.75em;
  border: 1px solid rgba(28, 32, 36, 0.22) !important;
  border-radius: 999px !important;
  background-color: var(--mv-silver-hi, #F4F6F7) !important;
  background-image: none !important;
  color: var(--mv-graphite-soft, #454C54) !important;
  font-family: var(--mv-font-ui) !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

body.mv-theme.single-product .stock.in-stock {
  color: var(--mv-dresden-deep, #262F40) !important;
  font-family: var(--mv-font-ui) !important;
  font-size: 0.8125rem !important;
  letter-spacing: 0.1em;
}

/* --- Morzsa, meta, leírás ------------------------------------------------ */

body.mv-theme .woocommerce-breadcrumb,
body.mv-theme .elementor-widget-woocommerce-breadcrumb {
  font-family: var(--mv-font-ui) !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mv-graphite-mute, #6E767E) !important;
}

body.mv-theme .woocommerce-breadcrumb a {
  color: var(--mv-graphite-mute, #6E767E) !important;
}

body.mv-theme .woocommerce-breadcrumb a:hover {
  color: var(--mv-dresden-deep, #262F40) !important;
}

body.mv-theme.single-product .product_meta {
  margin-top: clamp(1.25rem, 2.5vw, 2rem);
  padding-top: clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid rgba(28, 32, 36, 0.14) !important;
  font-family: var(--mv-font-ui) !important;
  font-size: 0.8125rem !important;
  color: var(--mv-graphite-mute, #6E767E) !important;
}

/* A hosszú összetevőlista a termékoldalon a helyén van — ott ez a lényeg. */
body.mv-theme.single-product .woocommerce-product-details__short-description,
body.mv-theme .elementor-widget-woocommerce-product-content {
  color: var(--mv-graphite-soft, #454C54) !important;
  line-height: 1.85;
}

/* --- Fülek --------------------------------------------------------------- */

body.mv-theme .woocommerce-tabs ul.tabs {
  border-bottom: 1px solid rgba(28, 32, 36, 0.14) !important;
}

body.mv-theme .woocommerce-tabs ul.tabs li a {
  font-family: var(--mv-font-ui) !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--mv-graphite-mute, #6E767E) !important;
}

body.mv-theme .woocommerce-tabs ul.tabs li.active a,
body.mv-theme .woocommerce-tabs ul.tabs li a:hover {
  color: var(--mv-dresden-deep, #262F40) !important;
}

body.mv-theme .woocommerce-tabs ul.tabs li.active a::after {
  background: var(--mv-dresden-deep, #262F40) !important;
}

/* --------------------------------------------------------------------------
   5. ÜZENETEK, LAPOZÓ
   -------------------------------------------------------------------------- */

body.mv-theme .woocommerce-message,
body.mv-theme .woocommerce-info,
body.mv-theme .woocommerce-error {
  border-top-color: var(--mv-dresden-deep, #262F40) !important;
  background: var(--mv-silver-hi, #F4F6F7) !important;
  color: var(--mv-graphite, #1C2024) !important;
  border-radius: 12px;
}

body.mv-theme .woocommerce-message a.button,
body.mv-theme .woocommerce-info a.button {
  background: var(--mv-dresden-deep, #262F40) !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
}

body.mv-theme .woocommerce-pagination a,
body.mv-theme .woocommerce-pagination span.current {
  border-radius: 999px !important;
  font-family: var(--mv-font-ui) !important;
}

body.mv-theme .woocommerce-pagination span.current {
  background: var(--mv-dresden-deep, #262F40) !important;
  color: #FFFFFF !important;
}