/* ==========================================================================
   MODIVIAM — MÁRKAPALETTA (2026-08-26)
   --------------------------------------------------------------------------
   A márka alapszíne a Dresden Blue (#4D5E80), másodlagos jegye az ezüst.
   Ez a réteg tölt be UTOLSÓKÉNT, a sötét réteg után, és három palettát ad:

     .mv-pal--light   fehér alap, nagyon sötétszürke szöveg
     .mv-pal--silver  ezüstös alap (a selyemdoboz anyaga), ugyanaz a szöveg
     .mv-pal--brand   Dresden Blue, finom mélyülő átmenettel

   MIÉRT MŰKÖDIK EGYSZERŰ SZÍNCSERÉVEL: a sötét réteg minden szövegszíne
   tokenből jön (57 szabály, egyetlen beégetett hexa érték nélkül). Elég
   tehát a tokeneket átfordítani a szekción belül — a meglévő szabályok
   maguktól a helyes színt veszik fel. Ez nem trükk, hanem annak a haszna,
   hogy a színek egy helyen voltak definiálva.
   ========================================================================== */

:root {
  /* --- Márkaszínek ------------------------------------------------------ */
  --mv-dresden:       #4D5E80;   /* a márka alapszíne — AKCENTUS marad */

  /* NAGY FELÜLETEKRE a mély árnyalatok mennek (2026-08-26). A #4D5E80 egy
     egész fejlécen vagy szekción harsány; jelként, kiemelésként viszont
     pontosan az, aminek lennie kell. A felület tehát mély kék, az akcentus
     marad a világos márkakék. */
  --mv-dresden-lift:  #323D53;   /* a mély átmenet világos vége */
  --mv-dresden-deep:  #262F40;   /* felület */
  --mv-dresden-ink:   #191E29;   /* legmélyebb — lábléc, árnyék */

  /* --- Ezüst ------------------------------------------------------------
     Nem szürke: enyhén hideg, kékes törésű, hogy a Dresden mellett
     ugyanabból a családból valónak lássék. */
  --mv-silver-hi:     #F4F6F7;
  --mv-silver:        #E6E9EC;
  --mv-silver-mid:    #D8DDE1;
  --mv-silver-lo:     #C3CAD0;

  /* --- Sötét szöveg világos alapon -------------------------------------- */
  --mv-graphite:      #1C2024;   /* „nagyon sötétszürke", nem fekete */
  --mv-graphite-soft: #454C54;
  --mv-graphite-mute: #6E767E;
}

/* ==========================================================================
   1. FEJLÉC — Dresden Blue, selyem hatású átmenettel
   --------------------------------------------------------------------------
   Az átmenet szándékosan visszafogott: a két végpont között alig több mint
   egy árnyalatnyi a különbség (#0A97CE → #00688F). A selyem attól selyem,
   hogy a fény lassan fordul rajta, nem attól, hogy látványos színváltás van
   benne. Egy erős, észrevehető gradient itt azonnal olcsóvá tenné.
   ========================================================================== */

/* A fejléc ALAPBÓL márkakék, minden lapon. */
body.mv-theme .modiviam-header {
  background-color: var(--mv-dresden-deep) !important;
  background-image:
    linear-gradient(118deg,
      var(--mv-dresden-lift) 0%,
      var(--mv-dresden-deep) 55%,
      var(--mv-dresden-ink)  100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
}

/* KIVÉTEL: a FŐOLDAL tetején áttetsző, mert ott a nyitókép fut alatta, és azt
   nem takarhatja el egy szín. A kék akkor érkezik, amikor a fejléc tömörödik
   — így a márkaszín megjelenése maga is mozdulat, nem egy odatett sáv.
   Aloldalon nincs nyitókép, tehát nincs mit szabadon hagyni: ott a kék az
   első pillanattól ott van. */
body.mv-theme.home:not(.mv-scrolled) .modiviam-header {
  background-color: transparent !important;
  background-image: none !important;
  border-bottom-color: transparent !important;
}

/* A görgetéskor tömörödő fejléc egy leheletnyivel mélyebb, hogy a tartalom
   fölött megálljon a szem. */
body.mv-scrolled .modiviam-header {
  background-color: var(--mv-dresden-deep) !important;
  background-image:
    linear-gradient(118deg,
      var(--mv-dresden-lift) 0%,
      var(--mv-dresden-deep) 55%,
      var(--mv-dresden-ink)  100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 18px 40px -30px rgba(0, 40, 60, 0.85);
}

/* A selyem csillanása: egyetlen, nagyon halvány átlós fénysáv. Nem
   „fényes gomb" effekt — 6% fehér, széles lefutással. Csak akkor van
   értelme, ha van alatta kék felület, tehát csak görgetve. */
body.mv-scrolled .modiviam-header::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(104deg,
      rgba(255, 255, 255, 0.00) 34%,
      rgba(255, 255, 255, 0.06) 50%,
      rgba(255, 255, 255, 0.00) 66%);
}

/* A fejléc tartalma a csillanás FÖLÖTT marad. */
body.mv-theme .modiviam-header > * { position: relative; z-index: 1; }

/* A lap tetején marad a lágy sötétítő fátyol: a menünek a nyitókép fölött
   is olvashatónak kell lennie. Görgetve átveszi a helyét a kék felület.
   Aloldalon eleve kék a fejléc, tehát ott a fátyolnak nincs dolga. */
body.mv-scrolled .modiviam-header::before,
body.mv-theme:not(.home) .modiviam-header::before { opacity: 0 !important; }

/* MINDEN fejléc-link fehér. Mérve az „Összetétel" szürke volt (#C4BEB3):
   az horgony-link (`elementor-item-anchor`), amit egy másik szabály színez,
   nem a `> li > a` sor. Ezért itt minden állapotot lefedünk — a látogató
   számára ezek ugyanolyan menüpontok, nem lehet közöttük színkülönbség. */
body.mv-theme .modiviam-header .elementor-nav-menu a,
body.mv-theme .modiviam-header .elementor-nav-menu a:link,
body.mv-theme .modiviam-header .elementor-nav-menu a:visited,
body.mv-theme .modiviam-header .elementor-nav-menu a:focus,
body.mv-theme .modiviam-header .elementor-item,
body.mv-theme .modiviam-header .elementor-item-anchor,
/* A sötét réteg `> li > a` alakban színez, ami egy elemmel fajsúlyosabb egy
   sima leszármazott szelektornál — emiatt maradt szürke a menü fele. Itt
   ugyanazt a listát írjuk felül, ugyanazon az úton. */
body.mv-theme .modiviam-header .elementor-nav-menu > li > a,
body.mv-theme .modiviam-header .elementor-nav-menu > li > a:visited,
body.mv-theme .modiviam-header .elementor-nav-menu > li.current-menu-item > a,
body.mv-theme .modiviam-header .elementor-nav-menu > li.current-menu-ancestor > a,
body.mv-theme .modiviam-header .elementor-nav-menu > li.current_page_item > a,
body.mv-theme .modiviam-header .elementor-item.elementor-item-active,
body.mv-theme .modiviam-header .elementor-item.highlighted {
  color: #FFFFFF !important;
}

/* A besöprő sávot a fejlécben KÉT ÚTON is rajzolja a sötét réteg: a
   menüpontoknál `background-image`-dzsel, a gomboknál `::before`-ral — a
   Webshop gomb pedig mindkettőt viszi. Ezért itt a háttérképet is fehérre
   kell állítani, különben a gombon arany sáv fut végig hoveren. */
body.mv-theme .modiviam-header .elementor-nav-menu > li > a,
body.mv-theme .modiviam-header a.elementor-button,
body.mv-theme .modiviam-header .elementor-widget-button .elementor-button {
  background-image: linear-gradient(#FFFFFF, #FFFFFF) !important;
}

body.mv-theme .modiviam-header .elementor-widget-button .elementor-button {
  border-color: rgba(255, 255, 255, 0.55) !important;
  color: #FFFFFF !important;
}

/* A besöprő réteg a fejléc MINDEN gombján fehér. A kosárnál ezt korábban
   elvétettem: ott az elem osztálya `elementor-menu-cart__toggle_button`
   (aláhúzással), amit a `.elementor-menu-cart__toggle .elementor-button`
   alakú szelektorom nem fogott meg — az arany sáv ezért futott végig rajta
   hoveren, hiába állítottam át a szövegszínt. */
body.mv-theme .modiviam-header .elementor-button::before,
body.mv-theme .modiviam-header .elementor-menu-cart__toggle_button::before,
body.mv-theme .modiviam-header .elementor-widget-button .elementor-button::before {
  background: #FFFFFF !important;
}

body.mv-theme .modiviam-header .elementor-menu-cart__toggle_button:hover,
body.mv-theme .modiviam-header .elementor-menu-cart__toggle_button:hover i,
body.mv-theme .modiviam-header .elementor-menu-cart__toggle_button:hover svg,
body.mv-theme .modiviam-header .elementor-menu-cart__toggle_button:hover span {
  color: var(--mv-dresden-deep) !important;
  fill: var(--mv-dresden-deep) !important;
}

body.mv-theme .modiviam-header .elementor-widget-button .elementor-button:hover {
  color: var(--mv-dresden-deep) !important;
  border-color: #FFFFFF !important;
}

body.mv-theme .modiviam-header .mv-icon,
body.mv-theme .modiviam-header .elementor-menu-toggle {
  color: #FFFFFF !important;
}

/* A JOBB OLDALI CSOPORT — kosár és Klub jel.
   Mérve mindkettő halvány maradt: a kosár ikonja `#C4BEB3`-at örökölt, a
   Klub képe pedig 0.72 átlátszatlanságot kapott a sötét rétegtől (ott ez
   volt a „nyugalmi" állapot). A kék fejlécen mindkettő piszkosnak látszik,
   ezért teljes fehérre visszük őket. */
body.mv-theme .modiviam-header .elementor-menu-cart__toggle,
body.mv-theme .modiviam-header .elementor-menu-cart__toggle .elementor-button,
body.mv-theme .modiviam-header .elementor-button-icon,
body.mv-theme .modiviam-header .eicon-cart-medium,
body.mv-theme .modiviam-header .elementor-widget-woocommerce-menu-cart i,
body.mv-theme .modiviam-header .elementor-widget-woocommerce-menu-cart svg,
body.mv-theme .modiviam-header .elementor-widget-woocommerce-menu-cart a {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* A kosár HOVER állapota is fehér marad. A sötét réteg ott aranyra váltott
   (`var(--mv-gold)`), ami a kék fejlécen kilóg a színvilágból — a fejlécben
   mostantól a fehér a jelölés, mindenhol. */
body.mv-theme .modiviam-header .elementor-menu-cart__toggle .elementor-button:hover,
body.mv-theme .modiviam-header .elementor-menu-cart__toggle .elementor-button:hover i,
body.mv-theme .modiviam-header .elementor-menu-cart__toggle .elementor-button:hover svg,
body.mv-theme .modiviam-header .elementor-widget-woocommerce-menu-cart a:hover,
body.mv-theme .modiviam-header .elementor-widget-woocommerce-menu-cart a:hover i,
body.mv-theme .modiviam-header .elementor-widget-woocommerce-menu-cart a:hover svg,
body.mv-theme .modiviam-header .elementor-menu-cart__toggle:hover .elementor-button-icon {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  opacity: 1 !important;
}

/* …és a hover BESÖPRŐ SÁVJA is fehér. Ez volt az igazi ok: a sötét réteg a
   hoverhez egy arany `background-image`-et húz be (`background-size` 0-ról
   100%-ra), tehát hiába állítottuk a betű színét — a mögé söprődő felület
   maradt arany. A fejlécben mostantól fehér sáv jön, rajta mély kék jel. */
body.mv-theme .modiviam-header .elementor-menu-cart__toggle .elementor-button {
  background-image: linear-gradient(#FFFFFF, #FFFFFF) !important;
}

body.mv-theme .modiviam-header .elementor-menu-cart__toggle .elementor-button:hover,
body.mv-theme .modiviam-header .elementor-menu-cart__toggle .elementor-button:hover i,
body.mv-theme .modiviam-header .elementor-menu-cart__toggle .elementor-button:hover svg,
body.mv-theme .modiviam-header .elementor-nav-menu > li > a:hover {
  color: var(--mv-dresden-deep) !important;
  fill: var(--mv-dresden-deep) !important;
}

/* A kosár darabszáma: fehér korong, kék számmal — a fejléc színeiből. */
body.mv-theme .modiviam-header .elementor-button-icon-qty,
body.mv-theme .modiviam-header [class*="cart"] [class*="qty"] {
  background-color: #FFFFFF !important;
  color: var(--mv-dresden-deep) !important;
}

/* A Klub jel sötét tintás PNG: fehérre fordítjuk, ahogy a szómárkát is. */
body.mv-theme .modiviam-header .elementor-widget-image:not(.elementor-widget-theme-site-logo) img {
  opacity: 1 !important;
  filter: brightness(0) invert(1) !important;
}

body.mv-theme .modiviam-header .elementor-widget-image:not(.elementor-widget-theme-site-logo):hover img {
  opacity: 1 !important;
  filter: brightness(0) invert(1) drop-shadow(0 0 10px rgba(255, 255, 255, 0.6)) !important;
}

/* A LEGÖRDÜLŐ ALMENÜ a fejléc kékjének mélyebb változata — nem az örökölt
   éjkék doboz, ami a kék sáv alatt idegen testként ült. */
/* A főmenüből nyíló almenü ugyanezt a logikát követi: a lap tetején
   áttetsző sötét, görgetve kék. Így sosem üt el attól, ami fölötte van. */
body.mv-theme .modiviam-header .sub-menu,
body.mv-theme .elementor-location-header .sub-menu {
  background-color: rgba(7, 11, 20, 0.94) !important;
  background-image: none !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 24px 50px -28px rgba(0, 0, 0, 0.9) !important;
}

body.mv-scrolled .modiviam-header .sub-menu,
body.mv-scrolled .elementor-location-header .sub-menu {
  background-color: var(--mv-dresden-deep) !important;
  background-image: linear-gradient(180deg, var(--mv-dresden-deep) 0%, var(--mv-dresden-ink) 100%) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: 0 24px 50px -28px rgba(0, 40, 60, 0.9) !important;
}

body.mv-theme .modiviam-header .elementor-sub-item,
body.mv-theme .elementor-location-header .sub-menu a,
body.mv-theme .elementor-location-header .elementor-sub-item {
  color: #FFFFFF !important;
  background-color: transparent !important;
}

body.mv-theme .modiviam-header .elementor-sub-item:hover,
body.mv-theme .elementor-location-header .elementor-sub-item:hover,
body.mv-theme .elementor-location-header .elementor-sub-item.highlighted {
  background-color: rgba(255, 255, 255, 0.14) !important;
  color: #FFFFFF !important;
}

/* A LENYÍLÓ MENÜ KÖVETI A FEJLÉC ÁLLAPOTÁT.
   A lap tetején a fejléc áttetsző, a nyitókép fut alatta — ott egy tömör kék
   doboz idegen testként lógna bele a képbe. Ilyenkor a lenyíló is áttetsző
   sötét, ugyanabból a fátyolból, amiből a fejléc. Görgetve, amikor a fejléc
   már kék, a lenyíló is a kékek közül veszi a színét. */
body.mv-theme .elementor-menu-toggle[aria-expanded="true"] + .elementor-nav-menu--dropdown,
body.mv-theme .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown {
  background-color: rgba(7, 11, 20, 0.92) !important;
  background-image: none !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-top-color: rgba(255, 255, 255, 0.16);
}

body.mv-scrolled .elementor-menu-toggle[aria-expanded="true"] + .elementor-nav-menu--dropdown,
body.mv-scrolled .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown {
  background-color: var(--mv-dresden-deep) !important;
  background-image:
    linear-gradient(180deg, var(--mv-dresden-deep) 0%, var(--mv-dresden-ink) 100%) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* ==========================================================================
   2. VILÁGOS PALETTA — fehér alap, grafitszürke szöveg
   --------------------------------------------------------------------------
   A tokenek megfordulnak. Az akcentus itt a márkakék: aranyat fehér alapra
   tenni fakó és bizonytalan lenne, a Dresden viszont pontosan azt mondja,
   amit a márka.
   ========================================================================== */

body.mv-theme .mv-pal--light,
body.mv-theme .mv-pal--silver {
  --mv-text:       var(--mv-graphite);
  --mv-text-soft:  var(--mv-graphite-soft);
  --mv-text-mute:  var(--mv-graphite-mute);
  --mv-ink:        var(--mv-graphite);
  --mv-ink-soft:   var(--mv-graphite-soft);
  --mv-ink-mute:   var(--mv-graphite-mute);
  --mv-on-dark:      var(--mv-graphite);
  --mv-on-dark-soft: var(--mv-graphite-soft);

  --mv-line:       rgba(28, 32, 36, 0.14);
  --mv-line-soft:  rgba(28, 32, 36, 0.07);
  --mv-rule:       rgba(28, 32, 36, 0.14);
  --mv-rule-strong:rgba(28, 32, 36, 0.26);

  /* Az akcentus a MÉLY márkakék. A világos #4D5E80 fehér alapon vidámabb,
     mint amit a márka hangja elbír — a mély kék ugyanannak a családnak a
     komolyabb vége, és 11:1 fölött olvasható. */
  --mv-gold:       var(--mv-dresden-deep);
  --mv-gold-soft:  var(--mv-dresden-ink);
  --mv-champagne:  var(--mv-dresden-deep);

  /* A „mély" tokenek megfordulnak: ezekre hivatkozik a gomb szövegszíne
     hoveren, a kártyalap háttere és a hasonlók. */
  --mv-black:      #FFFFFF;
  --mv-black-2:    var(--mv-silver-hi);
  --mv-black-3:    #FFFFFF;
  --mv-noir:       #FFFFFF;

  color: var(--mv-graphite) !important;
}

/* A HÁTTÉRHEZ hosszabb szelektor kell. A sötét réteg alternáló sávszabálya
   (`… .elementor:not(…) > .e-con.e-parent:nth-of-type(even)`) magasabb
   fajsúlyú, mint egy sima osztály — mérve emiatt maradt átlátszó, illetve
   kapott ezüst sávot a fehérnek szánt szekció. Itt tehát ugyanolyan hosszú
   úton kell visszavenni a hátteret — ugyanazzal a `:not()` lánccal, plusz a
   paletta osztályával, hogy egy fokkal fölé kerüljön. A szövegszíneknél erre nincs szükség:
   azok tokenből jönnek, és a tokent az öröklés viszi le. */
body.mv-theme:not(.single-product) .elementor:not(.elementor-location-header):not(.elementor-location-footer) > .e-con.e-parent.mv-pal--light,
body.mv-theme .e-con.mv-pal--light,
body.mv-theme .mv-pal--light {
  background-color: #FFFFFF !important;
  background-image: none !important;
}

/* --- Ezüst: a selyemdoboz anyaga ------------------------------------------
   Nem lapos szürke felület. Két, egymásra rétegzett halvány fény adja a
   szövet hatását: egy széles átlós világosodás és egy nagyon finom
   függőleges mélyülés az alján. */
body.mv-theme:not(.single-product) .elementor:not(.elementor-location-header):not(.elementor-location-footer) > .e-con.e-parent.mv-pal--silver,
body.mv-theme .e-con.mv-pal--silver,
body.mv-theme .mv-pal--silver {
  background-color: var(--mv-silver) !important;
  background-image:
    linear-gradient(126deg,
      var(--mv-silver-hi)  0%,
      var(--mv-silver)     42%,
      var(--mv-silver-mid) 78%,
      var(--mv-silver-lo)  100%) !important;
}

/* --- A világos szekciókban a sötét rétegtől örökölt korrekciók ----------- */

/* A sötét réteg minden Elementor konténert átlátszóvá tesz, hogy a szekció
   háttere látsszon. Ez itt is így helyes — csak a kártyák kapnak lapot. */
body.mv-theme .mv-pal--light .elementor-widget-flip-box .elementor-flip-box,
body.mv-theme .mv-pal--silver .elementor-widget-flip-box .elementor-flip-box {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.85) 0%, rgba(244, 246, 247, 0.92) 100%) !important;
  border-color: rgba(28, 32, 36, 0.12) !important;
}

/* Gombok: a márkakék tölti ki őket hoveren, a szöveg fehérre vált. */
body.mv-theme .mv-pal--light .elementor-button,
body.mv-theme .mv-pal--silver .elementor-button,
body.mv-theme .mv-pal--light .mv-btn,
body.mv-theme .mv-pal--silver .mv-btn {
  color: var(--mv-graphite) !important;
  border-color: rgba(28, 32, 36, 0.28) !important;
}

/* A besöprő sáv a MÉLY kék — a világos #4D5E80 itt a régi, harsányabb
   arculat maradványaként hatott. */
body.mv-theme .mv-pal--light .elementor-button::before,
body.mv-theme .mv-pal--silver .elementor-button::before,
body.mv-theme .mv-pal--light .elementor-flip-box__button::before,
body.mv-theme .mv-pal--silver .elementor-flip-box__button::before,
body.mv-theme .mv-pal--light a.button::before,
body.mv-theme .mv-pal--silver a.button::before {
  background: var(--mv-dresden-deep) !important;
}

body.mv-theme .mv-pal--light .elementor-button:hover,
body.mv-theme .mv-pal--silver .elementor-button:hover,
body.mv-theme .mv-pal--light .elementor-flip-box__button:hover,
body.mv-theme .mv-pal--silver .elementor-flip-box__button:hover {
  color: #FFFFFF !important;
  border-color: var(--mv-dresden-deep) !important;
}

/* A képek tükröződése sötét alapra készült: fehéren sokkal halkabbnak kell
   lennie, különben piszkos foltnak látszik. */
body.mv-theme .mv-pal--light .mv-reflected::after,
body.mv-theme .mv-pal--silver .mv-reflected::after {
  opacity: 0.13;
}

/* A díszítő üvegcse világos alapon sötét vonalként jelenik meg. */
body.mv-theme .mv-pal--light.mv-deco::before,
body.mv-theme .mv-pal--silver.mv-deco::before {
  filter: invert(1);
  opacity: 0.07;
}

/* ==========================================================================
   PARFÜM ÖSSZETÉTEL — csereképe, hover nélkül
   --------------------------------------------------------------------------
   A képet a `content` tulajdonsággal cseréljük: a médiatárhoz nem nyúlunk,
   az eredeti fájl a helyén marad, és a téma kikapcsolásával visszaáll.
   A nagyítás itt zavaró — ez nem galéria, hanem a szöveg társa.
   ========================================================================== */

body.mv-theme .elementor-element-17bca50 img {
  content: url("../img/osszetetel.jpg");
}

body.mv-theme .elementor-element-17bca50:hover img,
body.mv-theme .elementor-element-17bca50 img:hover {
  transform: none !important;
  filter: none !important;
}

/* A SZÓMÁRKA a világos szekciókban SÖTÉT. A jel sötét tintával készült
   PNG, amit a sötét réteg `brightness(0) invert(1)`-gyel fehérre fordít —
   fehér alapon ez láthatatlan. Itt csak a fekete-fordítás marad, invertálás
   nélkül, és egy leheletnyi átlátszóság adja a grafit hatást. */
body.mv-theme .mv-pal--light .mv-brandmark,
body.mv-theme .mv-pal--silver .mv-brandmark,
body.mv-theme .mv-pal--light .elementor-widget-theme-site-logo img,
body.mv-theme .mv-pal--silver .elementor-widget-theme-site-logo img {
  filter: brightness(0) opacity(0.88) !important;
}

/* ==========================================================================
   KARUSSZEL VEZÉRLŐI VILÁGOS ALAPON
   A nyilak és a pontok sötét háttérre készültek: halvány elefántcsont
   (`rgba(240,235,226,.55)`), ami fehér lapon gyakorlatilag láthatatlan.
   A világos szekciókban ezek is a márkakéket veszik fel.
   ========================================================================== */

body.mv-theme .mv-pal--light .mv-depth__arrow,
body.mv-theme .mv-pal--silver .mv-depth__arrow,
body.mv-theme .mv-pal--light .elementor-swiper-button,
body.mv-theme .mv-pal--silver .elementor-swiper-button,
body.mv-theme .mv-pal--light .swiper-button-next,
body.mv-theme .mv-pal--light .swiper-button-prev,
body.mv-theme .mv-pal--silver .swiper-button-next,
body.mv-theme .mv-pal--silver .swiper-button-prev {
  color: var(--mv-dresden-deep) !important;
  fill: var(--mv-dresden-deep) !important;
}

body.mv-theme .mv-pal--light .mv-depth__arrow:hover,
body.mv-theme .mv-pal--silver .mv-depth__arrow:hover,
body.mv-theme .mv-pal--light .mv-depth__arrow:focus-visible,
body.mv-theme .mv-pal--silver .mv-depth__arrow:focus-visible {
  color: var(--mv-dresden) !important;
}

/* A lapozópontok korongja is: halvány kék ágy, mély kék az aktív pont. */
body.mv-theme .mv-pal--light .mv-depth__dots,
body.mv-theme .mv-pal--silver .mv-depth__dots {
  background: rgba(38, 47, 64, 0.07) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.mv-theme .mv-pal--light .mv-depth__dot,
body.mv-theme .mv-pal--silver .mv-depth__dot {
  background: rgba(38, 47, 64, 0.28) !important;
}

body.mv-theme .mv-pal--light .mv-depth__dot.is-active,
body.mv-theme .mv-pal--silver .mv-depth__dot.is-active {
  background: var(--mv-dresden-deep) !important;
}

/* A lapok alatti sötétítő fátyol fehér alapon piszkos — itt levesszük. */
body.mv-theme .mv-pal--light .mv-depth__card::after,
body.mv-theme .mv-pal--silver .mv-depth__card::after {
  background: linear-gradient(180deg, transparent, rgba(38, 47, 64, 0.16)) !important;
}

/* A dőlt, kiemelt szó a címekben — itt is a márkakék. */
/* ==========================================================================
   EZÜST KIEMELÉS A SÖTÉT FELÜLETEKEN
   --------------------------------------------------------------------------
   Az arany kikerül a palettából: a márka másik jegye az ezüst. Egyetlen
   szürke árnyalat viszont nem ezüst, csak szürke — a fém attól fém, hogy a
   fény többször megfordul rajta. Ezért a betűt egy több megállós átmenet
   tölti ki (fehér csúcsfények és sötétebb völgyek váltakozva), amit a
   `background-clip: text` vág a betűformára.

   Ahol nincs `background-clip` támogatás, ott a `color` marad érvényben:
   a szöveg világos ezüstszürke lesz, nem tűnik el.
   ========================================================================== */

body.mv-theme .mv-accent,
body.mv-theme h1 em,
body.mv-theme h2 em,
body.mv-theme h3 em,
body.mv-theme .mv-cinema__title .mv-accent {
  /* `!important` kell: a jelenetek és a márkapaletta saját, szintén
     `!important` szabállyal színezik a kiemelést (arany, illetve fehér) —
     mérve azok nyertek, és csak a nyitóképen látszott az ezüst. */
  color: #D9DEE2 !important;
  background-image:
    linear-gradient(115deg,
      #EEF2F4  0%,
      #FFFFFF 11%,
      #A7B2BA 27%,
      #F2F5F7 43%,
      #FFFFFF 52%,
      #94A0A9 68%,
      #DDE3E7 84%,
      #FFFFFF 100%) !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  -webkit-text-fill-color: transparent !important;

  /* A „g", „y", „p" alsó nyúlványa levágódott: a `background-clip: text` a
     HÁTTÉRDOBOZRA vág, az inline doboz magassága viszont a betűmérethez
     igazodik, és a nyúlvány kilóg alóla. A padding lejjebb viszi a doboz
     alját, a vele egyenlő negatív margó pedig visszaveszi a helyfoglalást —
     így a sor magassága és a szöveg pozíciója változatlan marad. */
  padding-bottom: 0.16em;
  margin-bottom: -0.16em;
}

/* A NYITÓKÉP PIPÁS FELSOROLÁSA is ezüstre vált. A karikát nem lehet
   `background-clip`-pel megoldani, mert az csak a betűformát vágja — itt
   két rétegű háttérrel csinálunk fémes keretet: a belső réteg a kitöltés
   (átlátszó), a külső a keret helyén futó átmenet. Így a gyűrűn is
   végigfordul a fény, nem egy lapos szürke vonal lesz. */
/* A karika ÜRES marad, a gyűrűje egyszínű szürke. A fémes átmenet egy
   1 képpont vastag gyűrűn nem csillog, hanem szemcsésnek látszik — ahhoz
   nagyobb felület kell. Ott, ahol csak egy hajszálvonal van, a nyugodt,
   egyenletes szürke a helyes választás. */
body.mv-theme .mv-cinema__tick {
  position: relative;
  border: 1px solid #AEB7BE !important;
  background: transparent !important;
  color: #E6E9EC !important;
}

body.mv-theme .mv-cinema__tick::before { content: none !important; }

body.mv-theme .mv-cinema__fact,
body.mv-theme .mv-cinema__fact-text {
  color: var(--mv-text) !important;
}

/* A NYITÓKÉP GOMBJA. A saját stíluslapja (`modiviam-hero.css`) aranyat söpör
   be hoveren — az a réteg a márkapaletta előtt tölt be, ezért itt kell
   felülírni. A nyitóképen a fehér a helyes: a videó fölött az a legtisztább,
   és a fejléc gombjával is egy nyelvet beszél. */
body.mv-theme .mv-cinema__cta::before {
  background: #FFFFFF !important;
}

body.mv-theme .mv-cinema__cta:hover,
body.mv-theme .mv-cinema__cta:focus-visible {
  color: var(--mv-dresden-ink) !important;
  border-color: #FFFFFF !important;
}

/* A VILÁGOS szekciókban nincs ezüst: fehér alapon egy fényes fém olvashatatlan
   volna. Ott a mély márkakék a kiemelés — a kitöltést vissza kell kapcsolni,
   különben a betű átlátszó maradna. */
body.mv-theme .mv-pal--light .mv-accent,
body.mv-theme .mv-pal--silver .mv-accent,
body.mv-theme .mv-pal--light em,
body.mv-theme .mv-pal--silver em,
body.mv-theme .mv-pal--light h1 em,
body.mv-theme .mv-pal--light h2 em,
body.mv-theme .mv-pal--silver h2 em {
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--mv-dresden-deep) !important;
}

/* ==========================================================================
   3. MÁRKAPALETTA — Dresden Blue nagy felületen
   --------------------------------------------------------------------------
   A gyakori kérdések és a hírlevél blokkja. Itt az átmenet nagyobb utat
   tesz meg, mint a fejlécben, mert nagyobb a felület — de ugyanaz az elv:
   lassú fordulás, nem színváltás.
   ========================================================================== */

body.mv-theme .mv-pal--brand {
  --mv-text:      #FFFFFF;
  --mv-text-soft: rgba(255, 255, 255, 0.86);
  --mv-text-mute: rgba(255, 255, 255, 0.64);
  --mv-ink:       #FFFFFF;
  --mv-ink-soft:  rgba(255, 255, 255, 0.86);
  --mv-line:      rgba(255, 255, 255, 0.20);
  --mv-line-soft: rgba(255, 255, 255, 0.11);
  --mv-gold:      #FFFFFF;
  --mv-gold-soft: rgba(255, 255, 255, 0.7);
  --mv-black:     var(--mv-dresden-ink);

  color: #FFFFFF !important;
}

body.mv-theme:not(.single-product) .elementor:not(.elementor-location-header):not(.elementor-location-footer) > .e-con.e-parent.mv-pal--brand,
body.mv-theme .e-con.mv-pal--brand,
body.mv-theme .mv-pal--brand {
  background-color: var(--mv-dresden-deep) !important;
  background-image:
    linear-gradient(152deg,
      var(--mv-dresden-lift) 0%,
      var(--mv-dresden-deep) 46%,
      var(--mv-dresden-ink)  100%) !important;
}

/* A márkapalettás szekciókban ugyanaz a fémes ezüst megy, mint a többi
   sötét felületen — külön lapos szín itt már nem kell. */

/* A kártyalapok a mély kéken NEM sötétednek tovább: ott egy sötét folt
   csak piszoknak látszana. Helyette egy leheletnyi fehér emeli ki őket. */
body.mv-theme .mv-pal--brand .elementor-widget-flip-box .elementor-flip-box {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.03) 100%) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

body.mv-theme .mv-pal--brand .elementor-widget-flip-box .elementor-flip-box:hover {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

/* Az itt álló díszítő ábra a kéken világos vonalként a legszebb. */
body.mv-theme .mv-pal--brand.mv-deco::before {
  opacity: 0.10;
}

/* GYIK a kéken: a hajszálvonalak fehérek, a nyitójel is. */
body.mv-theme .mv-pal--brand .e-n-accordion-item-title,
body.mv-theme .mv-pal--brand summary {
  color: #FFFFFF !important;
  border-bottom-color: rgba(255, 255, 255, 0.20) !important;
}

/* Az űrlap mezői kéken: alul hajszálvonal, fehér szöveg. */
body.mv-theme .mv-pal--brand input[type="text"],
body.mv-theme .mv-pal--brand input[type="email"] {
  color: #FFFFFF !important;
  border-bottom-color: rgba(255, 255, 255, 0.35) !important;
}

/* A mezőnevek („NÉV", „E-MAIL CÍM") fehérek. Ezek nem díszítés, hanem a
   mező egyetlen felirata — halványan szürkéskéknek látszottak a kéken. */
body.mv-theme .mv-pal--brand input::placeholder,
body.mv-theme .mv-pal--brand input::-webkit-input-placeholder,
body.mv-theme .mv-pal--brand textarea::placeholder,
body.mv-theme .mv-pal--brand label,
body.mv-theme .mv-pal--brand .mailerlite-form-description,
body.mv-theme .mv-pal--brand form p,
body.mv-theme .mv-pal--brand form span {
  color: #FFFFFF !important;
  opacity: 1 !important;
}

body.mv-theme .mv-pal--brand input:focus {
  border-bottom-color: #FFFFFF !important;
}

/* A küldés gomb: fehér kitöltés, kék felirat. */
body.mv-theme .mv-pal--brand .mailerlite-subscribe-submit,
body.mv-theme .mv-pal--brand .elementor-button {
  color: #FFFFFF !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
}

body.mv-theme .mv-pal--brand .mailerlite-subscribe-submit::before,
body.mv-theme .mv-pal--brand .elementor-button::before {
  background: #FFFFFF !important;
}

body.mv-theme .mv-pal--brand .mailerlite-subscribe-submit:hover,
body.mv-theme .mv-pal--brand .elementor-button:hover {
  color: var(--mv-dresden-deep) !important;
  border-color: #FFFFFF !important;
}

/* ==========================================================================
   A KIEMELT (dőlt) SZÓ A CÍMEKBEN
   --------------------------------------------------------------------------
   Mérve: a cím 48 képpont, a kiemelt szó viszont csak 31,7 — ezért látszott
   úgy, hogy a „Manufakturális" és a „gyártás" nincs egy vonalban. Közös a
   betűvonaluk, csak a méretük tért el ennyire, és ettől az egyik szó
   megsüllyedt a másik mellett.

   Innentől azonos a méret. A súly viszont NEM félkövér: azzal kipróbálva
   nehézkes, tolakodó lett — a kiemelés attól működik, hogy dőlt, más betű
   és más színű, nem attól, hogy vastagabb.
   ========================================================================== */

body.mv-theme .mv-accent,
body.mv-theme h1 .mv-accent,
body.mv-theme h2 .mv-accent,
body.mv-theme h3 .mv-accent,
body.mv-theme h1 em,
body.mv-theme h2 em,
body.mv-theme h3 em {
  font-size: 1em !important;
  font-weight: 400 !important;
  line-height: inherit !important;
  vertical-align: baseline !important;
}

/* ==========================================================================
   LÁBLÉC — a kék családba
   A fekete alj a kék fejléc és a világos törzs mellett idegen volt. Itt a
   legmélyebb márkakék áll, hogy a lap alja lezárjon, ne elvágódjon.
   ========================================================================== */

/* A gradiens a lábléc EGÉSZÉN fut le egyszer. Korábban minden közvetlen
   gyerekszekció is megkapta, és mindegyik elölről kezdte a világosból a
   sötétbe tartó átmenetet — ettől lett a lábléc csíkos. */
body.mv-theme .elementor-location-footer {
  background-color: var(--mv-dresden-ink) !important;
  background-image:
    linear-gradient(180deg,
      var(--mv-dresden-deep) 0%,
      var(--mv-dresden-ink)  100%) !important;
}

body.mv-theme .elementor-location-footer > .e-con,
body.mv-theme .elementor-location-footer > .e-con.e-parent,
body.mv-theme .elementor-location-footer .e-con-inner,
body.mv-theme .elementor-location-footer .elementor-widget-wrap {
  background-color: transparent !important;
  background-image: none !important;
}

/* A lábléc elválasztó vonalai. Ezek a sablonban eddig is ott voltak, csak a
   fekete alapon nem tűntek fel; a kéken viszont halvány, céltalan csíkokként
   ülnek a tartalom között. A láblécet a színe tartja össze, nem vonalak. */
body.mv-theme .elementor-location-footer .elementor-widget-divider,
body.mv-theme .elementor-location-footer hr {
  display: none !important;
}

body.mv-theme .elementor-location-footer .e-con,
body.mv-theme .elementor-location-footer .e-con-inner,
body.mv-theme .elementor-location-footer .elementor-widget-container {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* A lábléc képei EREDETI színükben. Korábban minden képre ráhúztam a
   fehérre fordítást — az a Modiviam szómárkára kell (sötét tintás rajz),
   viszont a támogatói emblémák (Demján Sándor Program, Neumann János
   Nonprofit Kft.) kész, fehér-fekete PNG-k: azokon a fordítás csak egy
   fehér réteget kent szét. Ezek maradnak, ahogy vannak. */
body.mv-theme .elementor-location-footer .elementor-widget-image img {
  filter: none !important;
  opacity: 1 !important;
}

body.mv-theme .elementor-location-footer img[src*="brandmark"],
body.mv-theme .elementor-location-footer .mv-brandmark,
body.mv-theme .elementor-location-footer .elementor-widget-theme-site-logo img {
  filter: brightness(0) invert(1) !important;
}

/* A lábléc menüi is elhagyják az aranyat — a hover aláhúzása és a jelölés
   ezüst. A `::after` a sötét rétegben az aranyat használja aláhúzásként,
   ezért azt is felül kell írni, különben csak a betű színe váltana. */
body.mv-theme .elementor-location-footer a:not(.elementor-social-icon),
body.mv-theme .elementor-location-footer .elementor-item,
body.mv-theme .elementor-location-footer .elementor-icon-list-text {
  color: rgba(255, 255, 255, 0.86) !important;
}

body.mv-theme .elementor-location-footer a:not(.elementor-social-icon):hover,
body.mv-theme .elementor-location-footer a:not(.elementor-social-icon):focus,
body.mv-theme .elementor-location-footer .elementor-item:hover,
body.mv-theme .elementor-location-footer .elementor-item.elementor-item-active,
body.mv-theme .elementor-location-footer .elementor-icon-list-item:hover .elementor-icon-list-text {
  color: #FFFFFF !important;
}

/* A lábléc hover-aláhúzása. A sötét réteg ezt `background`-gal rajzolja
   aranyból, a menüpontokat pedig `background-image`-dzsel söpri be — mindkét
   utat le kell fedni, különben az arany visszajön az egyiken. */
body.mv-theme .elementor-location-footer a::after,
body.mv-theme .elementor-location-footer a::before,
body.mv-theme .elementor-location-footer .elementor-item::after,
body.mv-theme .elementor-location-footer .elementor-item::before,
body.mv-theme .elementor-location-footer a:hover::after,
body.mv-theme .elementor-location-footer a:hover::before,
body.mv-theme .elementor-location-footer .elementor-item:hover::after,
body.mv-theme .elementor-location-footer .elementor-nav-menu a::after,
body.mv-theme .elementor-location-footer .elementor-nav-menu > li > a::after {
  background: var(--mv-silver-mid) !important;
  background-image: none !important;
}

/* A besöprő sáv szelektorát a sötét rétegből vesszük át — az `:not()`
   láncok miatt az fajsúlyosabb, mint egy sima `a`, ezért a rövidebb
   szabályom alatta maradt, és a sáv arany maradt. */
body.mv-theme .elementor-location-footer a:not(.elementor-social-icon):not(.elementor-button),
body.mv-theme .elementor-location-footer .elementor-item {
  background-image: linear-gradient(var(--mv-silver-mid), var(--mv-silver-mid)) !important;
}

body.mv-theme .elementor-location-footer a:not(.elementor-social-icon):not(.elementor-button):hover,
body.mv-theme .elementor-location-footer .elementor-item:hover {
  color: #FFFFFF !important;
}

/* A lábléc ikonjai (lista-jelek, nyilak) szintén ezüstre. */
body.mv-theme .elementor-location-footer .elementor-icon-list-icon i,
body.mv-theme .elementor-location-footer .elementor-icon-list-icon svg,
body.mv-theme .elementor-location-footer .elementor-icon {
  color: var(--mv-silver-mid) !important;
  fill: var(--mv-silver-mid) !important;
}

body.mv-theme .elementor-location-footer .elementor-social-icon {
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: #FFFFFF !important;
}

body.mv-theme .elementor-location-footer .elementor-social-icon:hover {
  border-color: #FFFFFF !important;
  background-color: rgba(255, 255, 255, 0.14) !important;
}

/* ==========================================================================
   A SÖTÉT CSÍK A SZEKCIÓK KÖZÖTT
   --------------------------------------------------------------------------
   Mérve: a férfi parfüm szekciónak 40 képpont FELSŐ MARGÓJA van (az Elementor
   tartalmi beállítása), a kategóriakártyák alatt pedig 100. A margó a szekció
   dobozán KÍVÜL esik, tehát ott nem a szekció háttere látszik, hanem a lapé —
   ami sötét. Két fehér blokk között ez egy fekete csík.

   A margót nullázzuk: a szekcióknak bőven van saját belső térközük, a levegő
   nem vész el. A lap alapszínét viszont nem érdemes megváltoztatni, mert a
   videós jeleneteknek és a kártyás szekciónak továbbra is sötét kell.
   ========================================================================== */

body.mv-theme .mv-pal--light,
body.mv-theme .mv-pal--silver,
body.mv-theme .mv-pal--brand {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* A megelőző szekció alsó margója ugyanígy csíkot hagyna egy világos blokk
   előtt — ezt is levesszük, de csak ott, ahol világos következik. */
body.mv-theme .e-con:has(+ .mv-pal--light),
body.mv-theme .e-con:has(+ .mv-pal--silver),
body.mv-theme .e-con:has(+ .mv-pal--brand) {
  margin-bottom: 0 !important;
}

/* ==========================================================================
   AZ UTOLSÓ ARANY MARADVÁNYOK
   A görgetésjelző vonala, a felsorolások hajszálvonalas jelei és a sötét
   felületeken álló gombok besöprő sávja. Mindegyik ezüstre vált.
   ========================================================================== */

body.mv-theme .mv-cinema__scroll::after {
  background: linear-gradient(180deg, var(--mv-silver-mid), transparent) !important;
}

body.mv-theme .mv-list li::before,
body.mv-theme .mv-scene li::before,
body.mv-theme .elementor-widget-text-editor ul > li::before,
body.mv-theme .mv-prose ul > li::before {
  background: var(--mv-silver-mid) !important;
}

/* Sötét felületen a gomb fehéret söpör be, nem aranyat. A világos
   szekciókban ezt már a mély kék viszi — azt itt nem bántjuk. */
body.mv-theme .elementor-button::before,
body.mv-theme .woocommerce a.button::before,
body.mv-theme .woocommerce button.button::before {
  background: #FFFFFF !important;
}

body.mv-theme .mv-pal--light .elementor-button::before,
body.mv-theme .mv-pal--silver .elementor-button::before {
  background: var(--mv-dresden-deep) !important;
}

/* ==========================================================================
   4. ÁTMENET A SZEKCIÓK KÖZÖTT
   Sötét és világos sáv találkozásánál a vágás túl éles. Egy hajszálnyi
   választóvonal megadja a szélét anélkül, hogy keretnek látszana.
   ========================================================================== */

body.mv-theme .mv-pal--light + .mv-pal--light,
body.mv-theme .mv-pal--light + .mv-pal--silver,
body.mv-theme .mv-pal--silver + .mv-pal--light {
  border-top: 1px solid rgba(28, 32, 36, 0.08);
}

/* ==========================================================================
   5. MOZGÁS KIKAPCSOLVA
   A selyem csillanása statikus, tehát itt nincs teendő — de a fejléc
   árnyéka fölösleges rezgést adna, azt levesszük.
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  body.mv-scrolled .modiviam-header { box-shadow: none; }
}

/* ==========================================================================
   KAPCSOLAT — LÁTHATÓ IKONOK ÉS ŰRLAP
   --------------------------------------------------------------------------
   A közösségi ikonok SVG-je fix `#0E2A3A` kitöltést kapott a mentett
   tartalomból — sötétkék rajz a lap majdnem fekete alapján, tehát a helyükön
   ott voltak, csak nem látszottak. A gomb színét már a szülő eleme hordozza
   (`#C4BEB3`), ezért a rajz onnan veszi át: így hoveren is együtt mozog vele,
   és világos szekcióban is helyes marad.
   ========================================================================== */

body.mv-theme .elementor-social-icon svg,
body.mv-theme .elementor-social-icon i,
body.mv-theme .elementor-social-icon path {
  fill: currentColor !important;
  color: inherit !important;
}

body.mv-theme .elementor-social-icon {
  color: var(--mv-silver, #E6E9EC) !important;
  transition: color 320ms cubic-bezier(0.22, 0.61, 0.36, 1),
              border-color 320ms cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

body.mv-theme .elementor-social-icon:hover {
  color: #FFFFFF !important;
}

/* Világos szekcióban fordítva: sötét rajz a fehér lapon. */
body.mv-theme .mv-pal--light .elementor-social-icon,
body.mv-theme .mv-pal--silver .elementor-social-icon,
body.mv-theme.single-post .elementor-social-icon,
body.mv-theme.page-id-355 .elementor-social-icon {
  color: var(--mv-graphite, #1C2024) !important;
}

body.mv-theme .mv-pal--light .elementor-social-icon:hover,
body.mv-theme .mv-pal--silver .elementor-social-icon:hover {
  color: var(--mv-dresden-deep, #262F40) !important;
}

/* A lábléc ikonjai a saját, sötét körükben maradnak fehérek. */
body.mv-theme .elementor-location-footer .elementor-social-icon {
  color: #FFFFFF !important;
}

/* --- Az űrlap beírt és beíratlan szövege --------------------------------- */

/* (Az űrlap színeit a lenti, teljes blokk kezeli.) */

body.mv-theme .elementor-field-group input::placeholder,
body.mv-theme .elementor-field-group textarea::placeholder,
body.mv-theme .wpcf7 input::placeholder,
body.mv-theme .wpcf7 textarea::placeholder {
  color: rgba(240, 235, 226, 0.55) !important;
  opacity: 1 !important;
}

body.mv-theme .mv-pal--light .elementor-field-group input,
body.mv-theme .mv-pal--light .elementor-field-group textarea,
body.mv-theme .mv-pal--silver .elementor-field-group input,
body.mv-theme .mv-pal--silver .elementor-field-group textarea {
  color: var(--mv-graphite, #1C2024) !important;
}

body.mv-theme .mv-pal--light .elementor-field-group input::placeholder,
body.mv-theme .mv-pal--light .elementor-field-group textarea::placeholder,
body.mv-theme .mv-pal--silver .elementor-field-group input::placeholder,
body.mv-theme .mv-pal--silver .elementor-field-group textarea::placeholder {
  color: rgba(28, 32, 36, 0.5) !important;
  opacity: 1 !important;
}

/* --- A Kapcsolat lap címsávja -------------------------------------------
   Felül 86 képpont térköz, alul nulla: a cím a sáv aljához ért. */

body.mv-theme .elementor-element-099d8a0 {
  padding-bottom: clamp(2.5rem, 5vw, 4rem) !important;
}

/* ==========================================================================
   A LENYÍLÓ MENÜ ÉS A FEJLÉC ALATTI RÉS
   --------------------------------------------------------------------------
   · A lenyíló menü és az almenük még a régi éjkéket vitték (mérve `#070B14`
     és `#08090B`): az a szín akkor volt helyes, amikor a fejléc a lap tetején
     áttetsző maradt. Most a fejléc alapból márkakék, tehát a lenyílónak is
     abból a családból kell jönnie — különben két külön kék ütközik.
   · A tartalmi konténeren 44 képpontos felső margó ült, ezért a fejléc alja
     és a „Webshop" címsáv teteje között kilátszott a lap fehér alapja.
   ========================================================================== */

body.mv-theme .elementor-menu-toggle[aria-expanded="true"] + .elementor-nav-menu--dropdown,
body.mv-theme .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown,
body.mv-theme .elementor-location-header .elementor-nav-menu--dropdown,
body.mv-theme .elementor-location-header .sub-menu {
  background-color: var(--mv-dresden-deep, #262F40) !important;
  background-image:
    linear-gradient(180deg,
      var(--mv-dresden-deep, #262F40) 0%,
      var(--mv-dresden-ink,  #191E29) 100%) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* A FŐOLDAL tetején a fejléc áttetsző, tehát a lenyíló sem lehet tömör sáv:
   ott a nyitókép fut alatta, és a homályosítás tartja olvashatóan. */
body.mv-theme.home:not(.mv-scrolled) .elementor-menu-toggle[aria-expanded="true"] + .elementor-nav-menu--dropdown,
body.mv-theme.home:not(.mv-scrolled) .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown,
body.mv-theme.home:not(.mv-scrolled) .elementor-location-header .sub-menu {
  background-color: rgba(25, 30, 41, 0.92) !important;
  background-image: none !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

/* A tartalom a fejléchez ér, rés nélkül. */
body.mv-theme > .elementor:not(.elementor-location-header):not(.elementor-location-footer) {
  margin-top: 0 !important;
}

/* ==========================================================================
   ŰRLAP A SÖTÉT LAPON
   --------------------------------------------------------------------------
   A mentett Elementor-beállítás az egész űrlapot `#0E2A3A` sötétkékkel festi
   (címke, mezőszöveg, súgószöveg egyaránt) — az világos lapra készült. A
   Kapcsolat lap viszont sötét, ezért a képernyőn semmi nem látszott: a
   címkék, a mezők alsó vonala, az adatvédelmi mondat és a küldés gomb is
   beleolvadt a háttérbe.

   Innentől minden elem a világos szövegcsaládból veszi a színét, és a
   kontrasztot nem a szín ereje adja, hanem a RANGSOR: a címke halkabb, a
   beírt szöveg világos, a gomb tömör felület.
   ========================================================================== */

/* --- Címke ---------------------------------------------------------------- */

body.mv-theme .elementor-widget-form .elementor-field-label,
body.mv-theme .elementor-form .elementor-field-label,
body.mv-theme .elementor-field-group > label {
  color: rgba(240, 235, 226, 0.78) !important;
  font-size: 0.6875rem !important;
  letter-spacing: 0.18em !important;
  margin-bottom: 0.5rem !important;
}

/* --- Mezők ---------------------------------------------------------------- */

body.mv-theme .elementor-widget-form .elementor-field-textual,
body.mv-theme .elementor-form .elementor-field-textual,
body.mv-theme .elementor-field-group input.elementor-field:not([type="checkbox"]):not([type="radio"]),
body.mv-theme .elementor-field-group textarea.elementor-field,
body.mv-theme .elementor-field-group select.elementor-field {
  background-color: rgba(255, 255, 255, 0.05) !important;
  background-image: none !important;
  color: #F0EBE2 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(240, 235, 226, 0.38) !important;
  border-radius: 0 !important;
  padding: 0.75rem 0.85rem !important;
  transition: border-color 320ms cubic-bezier(0.22, 0.61, 0.36, 1),
              background-color 320ms cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

body.mv-theme .elementor-field-textual::placeholder,
body.mv-theme .elementor-field-group input::placeholder,
body.mv-theme .elementor-field-group textarea::placeholder {
  color: rgba(240, 235, 226, 0.5) !important;
  opacity: 1 !important;
}

body.mv-theme .elementor-field-textual:focus,
body.mv-theme .elementor-field-group input:focus,
body.mv-theme .elementor-field-group textarea:focus {
  background-color: rgba(255, 255, 255, 0.09) !important;
  border-bottom-color: #F0EBE2 !important;
  outline: none !important;
}

/* --- Jelölőnégyzet és az adatvédelmi mondat ------------------------------- */

body.mv-theme .elementor-field-subgroup .elementor-field-option label,
body.mv-theme .elementor-field-type-acceptance label,
body.mv-theme .elementor-field-option label,
body.mv-theme .elementor-field-type-acceptance .elementor-field-label {
  color: rgba(240, 235, 226, 0.82) !important;
  letter-spacing: 0.06em !important;
  font-size: 0.8rem !important;
  line-height: 1.6 !important;
  text-transform: none !important;
}

body.mv-theme .elementor-field-type-acceptance a,
body.mv-theme .elementor-field-option a {
  color: #FFFFFF !important;
  text-decoration: underline !important;
  text-underline-offset: 0.2em !important;
}

body.mv-theme .elementor-field-group input[type="checkbox"],
body.mv-theme .elementor-field-subgroup input[type="checkbox"],
body.mv-theme .elementor-field-option input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  /* Mindhárom méret rögzítve és `border-box`-ra állítva: a mezőkre szánt
     0,75rem-es belső térköz a jelölőnégyzetre is ráment, és 17 helyett
     29 képpontra fújta. */
  box-sizing: border-box !important;
  width: 1.05rem !important;
  min-width: 1.05rem !important;
  max-width: 1.05rem !important;
  height: 1.05rem !important;
  min-height: 1.05rem !important;
  max-height: 1.05rem !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  margin-right: 0.6rem !important;
  border: 1px solid rgba(240, 235, 226, 0.55) !important;
  border-radius: 3px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  cursor: pointer;
  position: relative;
  flex: 0 0 auto;
  vertical-align: -0.15em;
}

body.mv-theme .elementor-field-subgroup input[type="checkbox"]:checked,
body.mv-theme .elementor-field-option input[type="checkbox"]:checked {
  background: #F0EBE2 !important;
  border-color: #F0EBE2 !important;
}

body.mv-theme .elementor-field-subgroup input[type="checkbox"]:checked::after,
body.mv-theme .elementor-field-option input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 0.32rem;
  top: 0.1rem;
  width: 0.28rem;
  height: 0.58rem;
  border: solid #191E29;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* --- Küldés gomb ----------------------------------------------------------
   Ez az egyetlen elsődleges tett a lapon: tömör márkakék felület, fehér
   felirattal. Áttetsző kerettel beleolvadt a sötét lapba. */

body.mv-theme .elementor-widget-form .elementor-button[type="submit"],
body.mv-theme .elementor-form button[type="submit"],
body.mv-theme .elementor-form .elementor-button {
  background-color: var(--mv-dresden-deep, #262F40) !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border: 1px solid var(--mv-dresden-lift, #323D53) !important;
  border-radius: 4px !important;
  min-height: 3rem !important;
  letter-spacing: 0.2em !important;
  transition: background-color 320ms cubic-bezier(0.22, 0.61, 0.36, 1),
              border-color 320ms cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

body.mv-theme .elementor-widget-form .elementor-button[type="submit"]:hover,
body.mv-theme .elementor-form button[type="submit"]:hover,
body.mv-theme .elementor-form .elementor-button:hover {
  background-color: var(--mv-dresden-lift, #323D53) !important;
  border-color: #FFFFFF !important;
  color: #FFFFFF !important;
}

body.mv-theme .elementor-form .elementor-button span,
body.mv-theme .elementor-form .elementor-button .elementor-button-text {
  color: #FFFFFF !important;
}

/* --- Világos szekcióban fordítva ------------------------------------------ */

body.mv-theme .mv-pal--light .elementor-field-label,
body.mv-theme .mv-pal--silver .elementor-field-label,
body.mv-theme .mv-pal--light .elementor-field-option label,
body.mv-theme .mv-pal--silver .elementor-field-option label {
  color: var(--mv-graphite-soft, #454C54) !important;
}

body.mv-theme .mv-pal--light .elementor-field-textual,
body.mv-theme .mv-pal--silver .elementor-field-textual {
  background-color: rgba(28, 32, 36, 0.04) !important;
  color: var(--mv-graphite, #1C2024) !important;
  border-bottom-color: rgba(28, 32, 36, 0.28) !important;
}

body.mv-theme .mv-pal--light .elementor-field-textual::placeholder,
body.mv-theme .mv-pal--silver .elementor-field-textual::placeholder {
  color: rgba(28, 32, 36, 0.5) !important;
}

/* A jelölőnégyzet és a mondat egy sorban kezdődik, nem egymás alatt. */
body.mv-theme .elementor-field-option,
body.mv-theme .elementor-field-subgroup .elementor-field-option {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.15rem !important;
}

body.mv-theme .elementor-field-option label {
  margin: 0 !important;
  padding-top: 0.05rem !important;
}

/* ==========================================================================
   MEGRENDELŐI KÖR — 2026. szeptember
   ========================================================================== */

/* --- 1. A selyemfüggöny lassabban megy fel -------------------------------
   Az eredeti oldalon nyugodtabb a mozdulat. A mentett érték egy másodperc;
   ezt nyújtjuk meg úgy, hogy a kezdés ideje (3 mp) változatlan marad. */

body.mv-theme #intro-hero {
  animation-duration: 1.7s !important;
}

/* --- 3. A címekben nincs többé dőlt, idegen betű -------------------------
   A kiemelt szórész eddig Cormorant Garamond dőltben futott — más családból,
   mint a cím maga. A megrendelő ezt kifogásolta. A kiemelés innentől csak
   SZÍNBEN különbözik: ugyanaz a Forum, ugyanaz a vágat, csak ezüstösen. */

body.mv-theme .mv-accent,
body.mv-theme .mv-cinema__title .mv-accent,
body.mv-theme .elementor-heading-title .mv-accent,
body.mv-theme h1 .mv-accent,
body.mv-theme h2 .mv-accent,
body.mv-theme h3 .mv-accent {
  font-family: inherit !important;
  font-style: normal !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
}

/* --- 4. Nagyobb képek a főoldali léptetőkben -----------------------------
   Mobilon a kép a képernyő harmadát töltötte ki; ott a legfontosabb, hogy
   nagy legyen. Asztalon is kap egy fokozatot. */

body.mv-theme .mv-depth__stage {
  height: clamp(24rem, 42vw, 40rem) !important;
}

body.mv-theme .mv-depth__slide {
  width: clamp(20rem, 40vw, 38rem) !important;
}

@media (max-width: 860px) {
  body.mv-theme .mv-depth__stage {
    height: clamp(22rem, 68vw, 32rem) !important;
  }

  body.mv-theme .mv-depth__slide {
    width: min(86vw, 30rem) !important;
  }
}

@media (max-width: 560px) {
  body.mv-theme .mv-depth__stage {
    height: 78vw !important;
    min-height: 20rem !important;
  }

  body.mv-theme .mv-depth__slide {
    width: 90vw !important;
  }
}

/* --- 11. A ládika és a csomagolás jelenete elválik egymástól -------------
   A két videós jelenet közvetlenül egymás alatt fut, mindkettő sötét — a
   határuk elmosódott. Egy hajszálvékony, középen elhalványuló fényvonal
   választja el őket: nem sáv, nem keret, csak annyi, hogy a szem lássa, hol
   ér véget az egyik és hol kezdődik a másik. */

/* (A korábbi hajszálvonal helyét az alábbi, tömör ezüst sáv vette át — egy
   1 képpontos vonal kevés volt két sötét jelenet közé.) */

body.mv-theme .elementor-element-f0382e9 {
  position: relative;
}

/* ==========================================================================
   PARFÜM ÖSSZETÉTEL — háromképes léptető
   --------------------------------------------------------------------------
   A méretet az EREDETI kép adja: az a helyén marad, csak láthatatlanná válik,
   és fölötte úsznak a lapok. Így a szekció magassága, aránya és a szöveggel
   való viszonya pontosan ugyanaz marad, mint egy képpel.
   ========================================================================== */

body.mv-theme .mv-triptichon {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 14px;
  touch-action: pan-y;
}

body.mv-theme .mv-triptichon__meret {
  display: block;
  width: 100%;
  height: auto;
  visibility: hidden;
}

body.mv-theme .mv-triptichon__lap {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 760ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

body.mv-theme .mv-triptichon__lap.is-on {
  opacity: 1;
}

body.mv-theme .mv-triptichon__nyil {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  background: rgba(25, 30, 41, 0.42);
  color: #FFFFFF;
  cursor: pointer;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: background-color 320ms cubic-bezier(0.22, 0.61, 0.36, 1),
              border-color 320ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

body.mv-theme .mv-triptichon__nyil:hover {
  background: rgba(38, 47, 64, 0.75);
  border-color: #FFFFFF;
}

body.mv-theme .mv-triptichon__nyil--prev { left: clamp(0.5rem, 1.5vw, 1rem); }
body.mv-theme .mv-triptichon__nyil--next { right: clamp(0.5rem, 1.5vw, 1rem); }

body.mv-theme .mv-triptichon__pontok {
  position: absolute;
  left: 50%;
  bottom: clamp(0.75rem, 2vw, 1.25rem);
  transform: translateX(-50%);
  display: flex;
  gap: 0.5rem;
}

body.mv-theme .mv-triptichon__pont {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  transition: background-color 320ms, transform 320ms;
}

body.mv-theme .mv-triptichon__pont.is-on {
  background: #FFFFFF;
  transform: scale(1.35);
}

/* --- 8. A terméklista sorrendje kövesse a kategóriákét -------------------
   A kategóriák sorrendje: női, unisex, férfi. A terméklista viszont
   Melodynim → Samtiarbo → Sanseparlu sorrendben jött, tehát a második és a
   harmadik fel volt cserélve; a megrendelő ezt kérte egy vonalba. */

body.mv-theme .e-loop-item-495 { order: 1 !important; }   /* Sanseparlu — unisex */
body.mv-theme .e-loop-item-402 { order: 2 !important; }   /* Melodynim — női */
body.mv-theme .e-loop-item-491 { order: 3 !important; }   /* Samtiarbo — férfi */

/* ==========================================================================
   6. MODIVIAM PARFÜMÖK — a forgó kártyák a márka színeiben
   --------------------------------------------------------------------------
   A megrendelő az eredeti, forgó megoldást kérte vissza. A kártyák megvannak,
   de az Elementor alapszínével: az előlap `#1ABC9C` türkiz volt, a sarkok
   pedig csak a külső dobozon voltak lekerekítve, a lapokon nem — forgás
   közben ezért szögletes türkiz téglalap villant elő.

   Innentől mindkét lap a márka mély kékjéből él, a hátlap egy árnyalattal
   mélyebben, és mindkettő ugyanazt a 18 képpontos sarkot viseli.
   ========================================================================== */

body.mv-theme .elementor-flip-box,
body.mv-theme .elementor-flip-box__layer,
body.mv-theme .elementor-flip-box__front,
body.mv-theme .elementor-flip-box__back {
  border-radius: 18px !important;
  overflow: hidden !important;
}

/* (Az előlap színezése kikerült: ott a mentett ládika-fotó a lényeg. A
   szabályt a lenti, második köri blokk váltja fel.) */

body.mv-theme .elementor-flip-box__back {
  background-color: var(--mv-dresden-ink, #191E29) !important;
  background-image:
    linear-gradient(152deg,
      var(--mv-dresden-deep, #262F40) 0%,
      var(--mv-dresden-ink,  #191E29) 100%) !important;
}

/* A lapokon a szöveg világos, és a hajszálkeret tartja össze a formát. */
body.mv-theme .elementor-flip-box__layer__overlay {
  border-radius: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body.mv-theme .elementor-flip-box__layer__title,
body.mv-theme .elementor-flip-box__layer__description {
  color: var(--mv-text, #F0EBE2) !important;
}

body.mv-theme .elementor-flip-box__layer__title {
  font-family: var(--mv-font-display, 'Forum', serif) !important;
  font-weight: 400 !important;
}

/* A kártya gombja ugyanaz, mint az oldal többi gombja. */
body.mv-theme .elementor-flip-box .elementor-flip-box__button {
  border-radius: 6px !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  background: transparent !important;
  color: #FFFFFF !important;
}

body.mv-theme .elementor-flip-box .elementor-flip-box__button:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: #FFFFFF !important;
}

/* (A fejléc menüjének tipográfiájához nem nyúlunk: az eredeti beállítás
   jó volt. A korábbi „harmonizálás" csak szélesebbé tette a sort.) */

/* ==========================================================================
   MÁSODIK KÖR — a visszajelzések után
   ========================================================================== */

/* --- A) A MENÜ nem törik két sorba ---------------------------------------
   Az előző körben minden menüpontot 0,2em betűközre állítottam, hogy
   egységes legyen — de ezzel a sor annyival szélesebb lett, hogy áttört a
   második sorba. Az egységesség marad, csak szűkebb ritmussal, és a
   menüpontok közti térköz is összébb húzva. */

/* A BETŰ MARAD, AMI VOLT — a menü tipográfiájához nem nyúlunk.
   A sor NEM TÖRHET: `nowrap`, és a hely a térközökből, a logóból meg a
   jobb oldali gombból jön össze, nem a betűkből. */

body.mv-theme .elementor-location-header .elementor-nav-menu--main {
  flex-wrap: nowrap !important;
  gap: 0 !important;
}

body.mv-theme .elementor-location-header .elementor-nav-menu--main > li {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

body.mv-theme .elementor-location-header .elementor-nav-menu--main > li > a {
  white-space: nowrap !important;
}

/* A szűk asztali sáv: 1366×768 is ide esik. */
@media (min-width: 1025px) and (max-width: 1600px) {
  body.mv-theme .elementor-location-header .elementor-nav-menu--main > li > a {
    padding-inline: 0.3rem !important;
  }

  /* A fejléc külső térköze és a hasábok közti rés is szűkül. */
  body.mv-theme .modiviam-header > .e-con-inner,
  body.mv-theme .modiviam-header {
    padding-inline: clamp(0.75rem, 1.5vw, 1.5rem) !important;
  }

  body.mv-theme .modiviam-header > .e-con-inner {
    column-gap: 0.75rem !important;
  }

  /* A jobb oldali blokk: kisebb gomb, szűkebb ikonköz. */
  body.mv-theme .modiviam-header .elementor-widget-button .elementor-button {
    padding-inline: 0.85rem !important;
    font-size: 0.6875rem !important;
  }

  body.mv-theme .modiviam-header .elementor-widget-woocommerce-menu-cart {
    margin-inline: 0.25rem !important;
  }

  /* A logó egy fokkal kisebb — ez adja a legtöbb helyet. */
  body.mv-theme .modiviam-header .elementor-widget-theme-site-logo img {
    max-width: 130px !important;
  }
}

/* Még szűkebben (1366 alatt) a logó tovább fogy. */
@media (min-width: 1025px) and (max-width: 1400px) {
  body.mv-theme .modiviam-header .elementor-widget-theme-site-logo img {
    max-width: 110px !important;
  }

  body.mv-theme .elementor-location-header .elementor-nav-menu--main > li > a {
    padding-inline: 0.22rem !important;
  }
}

/* --- B) Nagyobb léptetők: a szöveg összébb, a fotó szélesebb --------------
   A két szekció eddig fele-fele arányban osztozott. A fotó a fontosabb: a
   szöveg 38%-ra húzódik, a léptető 62%-ot kap — így a kép jóval nagyobb
   anélkül, hogy a szekció magasabb lenne. */

@media (min-width: 1025px) {
  body.mv-theme .elementor-element-00cca5e > .e-con-inner,
  body.mv-theme .elementor-element-92daad6 > .e-con-inner {
    align-items: center !important;
  }

  body.mv-theme .elementor-element-00cca5e > .e-con-inner > .e-con:has(.mv-depth),
  body.mv-theme .elementor-element-92daad6 > .e-con-inner > .e-con:has(.mv-depth),
  body.mv-theme .elementor-element-00cca5e > .e-con-inner > .e-con:has(.elementor-widget-media-carousel),
  body.mv-theme .elementor-element-92daad6 > .e-con-inner > .e-con:has(.elementor-widget-media-carousel) {
    flex: 1 1 62% !important;
    width: 62% !important;
    max-width: 62% !important;
  }

  body.mv-theme .elementor-element-00cca5e > .e-con-inner > .e-con:not(:has(.mv-depth)):not(:has(.elementor-widget-media-carousel)),
  body.mv-theme .elementor-element-92daad6 > .e-con-inner > .e-con:not(:has(.mv-depth)):not(:has(.elementor-widget-media-carousel)) {
    flex: 1 1 38% !important;
    width: 38% !important;
    max-width: 38% !important;
  }
}

/* --- C) A ládika és a csomagolás jelenete közé ezüst sáv ------------------
   A hajszálvonal kevés volt: két sötét jelenet határa így is elmosódott.
   Egy vékony, tömör ezüst csík — a márka második színe — egyértelműen
   lezárja az egyiket és megnyitja a másikat. */

body.mv-theme .elementor-element-f0382e9::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 6px;
  z-index: 4;
  pointer-events: none;
  background: linear-gradient(90deg,
      var(--mv-silver-lo, #C3CAD0) 0%,
      var(--mv-silver-hi, #F4F6F7) 50%,
      var(--mv-silver-lo, #C3CAD0) 100%);
}

body.mv-theme .elementor-element-f0382e9 {
  position: relative;
}

/* --- D) A FORGÓ KÁRTYÁK: a ládika fotója visszakerül az előlapra ----------
   Az előző körben tömör márkakék gradienst tettem az előlapra — ezzel
   elnyomtam a mentett háttérképet (`5_Modiviam_parfumladika-scaled.jpg`),
   vagyis pont azt a ládikát, amiért a kártya van. A kép marad; a szöveg
   olvashatóságát egy halk, alulról induló sötétítés adja, nem tömör szín. */

/* Az előlapon a MENTETT ládika-fotó marad — nem írjuk felül sem színnel, sem
   `none`-nal (az előbb épp azzal tüntettem el). Csak a saroksugarat adjuk. */
body.mv-theme .elementor-flip-box__front {
  border-radius: 18px !important;
}

body.mv-theme .elementor-flip-box__front .elementor-flip-box__layer__overlay {
  background: linear-gradient(180deg,
      rgba(25, 30, 41, 0.12) 0%,
      rgba(25, 30, 41, 0.55) 100%) !important;
  border: 0 !important;
}

/* A HÁTLAP — ahol a szöveg van — a márka mély kékje. */
body.mv-theme .elementor-flip-box__back {
  background-color: var(--mv-dresden-deep, #262F40) !important;
  background-image:
    linear-gradient(152deg,
      var(--mv-dresden-lift, #323D53) 0%,
      var(--mv-dresden-deep, #262F40) 52%,
      var(--mv-dresden-ink,  #191E29) 100%) !important;
}

body.mv-theme .elementor-flip-box__back .elementor-flip-box__layer__overlay {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

/* --- E) A webshopon a kategóriák és a termékek EGY VONALBAN ---------------
   A kategóriákból három van, a terméklista viszont négyoszlopos rácsban
   futott — a két sor így nem esett egybe. Ahol három kategória van, ott a
   termékek is három hasábban állnak, azonos szélességgel és térközzel. */

@media (min-width: 1201px) {
  body.mv-theme .elementor-element-98687bd .elementor-loop-container,
  body.mv-theme .elementor-element-98687bd .elementor-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Ugyanaz a külső keret és térköz mindkét rácson, hogy a hasábok fedjék
   egymást. */
body.mv-theme .elementor-element-4b1aeea > .e-con-inner,
body.mv-theme .elementor-element-98687bd > .e-con-inner {
  max-width: 1320px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

body.mv-theme .elementor-element-4b1aeea,
body.mv-theme .elementor-element-98687bd {
  padding-inline: clamp(1.25rem, 2.8vw, 2.5rem) !important;
}

body.mv-theme .woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(1rem, 1.8vw, 1.6rem) !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.mv-theme .woocommerce ul.products li.product-category {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
}

body.mv-theme .elementor-element-98687bd .elementor-loop-container,
body.mv-theme .elementor-element-98687bd .elementor-grid {
  gap: clamp(1rem, 1.8vw, 1.6rem) !important;
}

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

@media (max-width: 520px) {
  body.mv-theme .woocommerce ul.products {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* ==========================================================================
   HARMADIK KÖR — sötétkék hátterek, kerek képsarkok
   ========================================================================== */

/* --- 1. A NYITÓKÉP mögötti mező kékbe fordul ------------------------------
   Az álló felvétel mellett eddig tömör fekete mező állt. A videó SZÉLE
   viszont feketébe olvad (azt még a fájlba égettük), ezért nem cserélhetjük
   egyszerűen kékre: látszana az él. Ehelyett a mező a kép mögül indul —
   ott majdnem fekete, ahogy a felvétel széle —, és kifelé haladva
   sötétkékbe megy át. */

body.mv-theme .mv-cinema__stage {
  background-color: #101A2B !important;
  background-image:
    radial-gradient(ellipse 46% 130% at 50% 50%,
      #05070C 0%,
      #070C16 34%,
      #0D1626 58%,
      #16233A 100%) !important;
}

body.mv-theme .mv-cinema__video {
  /* A videó saját mezője is ezt a sötétet kapja, nem tiszta feketét. */
  background-color: #05070C !important;
}

/* --- 2–3. A LÁDIKA jelenete -----------------------------------------------
   Az új felvétel kék bársony ládikát mutat kék háttér előtt, tehát a jelenet
   mögé nem kell fekete: a szekció alapja is sötétkék, hogy a videó széle ne
   üssön el tőle. */

body.mv-theme .elementor-element-4880319,
body.mv-theme .elementor-element-4880319 .mv-scene__media {
  background-color: #16233A !important;
}

/* Az olvashatóságot adó fátyol nem az egész képet sötétíti, hanem a SZÖVEG
   mögött sűrűsödik — és sötétkékbe megy, nem feketébe. */
body.mv-theme .elementor-element-4880319 .mv-scene__veil,
body.mv-theme .mv-scene .mv-scene__veil {
  background:
    linear-gradient(100deg,
      rgba(9, 14, 26, 0.86) 0%,
      rgba(11, 18, 32, 0.62) 32%,
      rgba(13, 22, 38, 0.18) 58%,
      rgba(13, 22, 38, 0.00) 100%) !important;
}

/* Jobbra zárt jelenetnél a fátyol is jobbról sűrűsödik. */
body.mv-theme .mv-scene--right .mv-scene__veil {
  background:
    linear-gradient(260deg,
      rgba(9, 14, 26, 0.86) 0%,
      rgba(11, 18, 32, 0.62) 32%,
      rgba(13, 22, 38, 0.18) 58%,
      rgba(13, 22, 38, 0.00) 100%) !important;
}

/* --- 4. A CSOMAGOLÁS: állókép, nem videó ---------------------------------
   A megrendelő készített hozzá egy felvételt (kék selyem boríték, viaszpecsét).
   A görgetéses tekerés így elmarad; a szekció egyszerű, teljes szélességű
   háttérképet kap, a szöveg mögé húzódó sötétkék fátyollal. */

body.mv-theme .elementor-element-f0382e9 {
  position: relative;
  background-color: #0B1524 !important;
  background-image: url("../img/csomagolas-kek.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  min-height: clamp(28rem, 62vh, 44rem);
  display: flex;
  align-items: center;
}

body.mv-theme .elementor-element-f0382e9::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(260deg,
      rgba(6, 12, 24, 0.88) 0%,
      rgba(9, 16, 30, 0.60) 34%,
      rgba(11, 20, 36, 0.12) 62%,
      rgba(11, 20, 36, 0.00) 100%);
}

body.mv-theme .elementor-element-f0382e9 > * {
  position: relative;
  z-index: 1;
}

/* --- 5. A forgó kártyák mögül eltűnik a sziluett -------------------------
   A rajz a GYIK-nél már megvan; a kártyák mögött csak zavarja a képet. */

body.mv-theme .elementor-element-578121e.mv-deco::before,
body.mv-theme .elementor-element-578121e::before {
  content: none !important;
  display: none !important;
}

/* --- 6–9. A KÉP sarka kerek, nem a dobozé --------------------------------
   A galéria `contain`-nel illeszti a fotót, tehát a kép kisebb lehet a
   keretnél — a kereten lévő lekerekítés így nem is látszik rajta. A sarkot
   ezért magára a KÉPRE tesszük, minden felvételen egyformán: az álló és a
   fekvő fotó is ugyanazt a lekerekítést kapja. */

body.mv-theme.single-product .woocommerce-product-gallery__image img,
body.mv-theme.single-product .woocommerce-product-gallery__image > a > img,
body.mv-theme.single-product img.zoomImg {
  border-radius: 12px !important;
}

body.mv-theme.single-product .flex-viewport,
body.mv-theme.single-product #my-products .flex-viewport {
  border-radius: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* --- 10. A NAGYÍTÁS elmarad ---------------------------------------------
   Sem a nagyító gomb, sem a rávitt lupe: a fotókat egészben mutatjuk, nem
   belenagyítva. */

body.mv-theme.single-product .woocommerce-product-gallery__trigger {
  display: none !important;
}

body.mv-theme.single-product img.zoomImg {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.mv-theme.single-product .woocommerce-product-gallery__image,
body.mv-theme.single-product .woocommerce-product-gallery__image > a {
  cursor: default !important;
}

/* ==========================================================================
   HARMADIK KÖR — JAVÍTÁSOK
   ========================================================================== */

/* --- A hero mezője a VIDEÓ SZÉLÉTŐL fordul kékbe -------------------------
   Az előző, radiális átmenet túl széles fekete magot hagyott: a felvétel
   körül végig fekete maradt, és a videó elütött tőle. Mérve a kép sávja a
   32% és a 68% között áll — a mező tehát pontosan eddig fekete, onnantól
   kifelé megy át a márka legmélyebb kékjébe. */

body.mv-theme .mv-cinema__stage {
  background-color: #16233A !important;
  background-image:
    linear-gradient(90deg,
      #1B2B45 0%,
      #16233A 12%,
      #0C1526 24%,
      #06090F 31%,
      #05070C 34%,
      #05070C 66%,
      #06090F 69%,
      #0C1526 76%,
      #16233A 88%,
      #1B2B45 100%) !important;
}

/* --- A csomagolásnál nem kell a régi fotó --------------------------------
   A szekció háttere maga a kék selyem felvétel; a benne maradt képwidget
   (a viaszpecsétes fotó) fölöslegesen ült rá kicsiben. A jelenet korábban
   elrejtette, de a jelenet megszűnt. */

body.mv-theme .elementor-element-f0382e9 .elementor-widget-image {
  display: none !important;
}

/* ==========================================================================
   A NYITÓKÉP MEZŐJE — a videó széle már KÉK, nem fekete
   --------------------------------------------------------------------------
   Eddig a felvétel széle feketébe olvadt (a fájlba égetve), ezért a mező is
   fekete magot kapott — a videó így egy fekete téglalapként ült a kék oldalon.
   Az új változatban a szél sötétkékbe olvad (mérve #131C2B), tehát a mező is
   ebből a színből indul, és kifelé haladva a márka mélykékjébe nyílik.
   Fekete sehol nem marad, a videó pereme nem látszik.
   ========================================================================== */

body.mv-theme .mv-cinema__stage {
  background-color: #131C2B !important;
  background-image:
    linear-gradient(90deg,
      #223353 0%,
      #1B2A44 14%,
      #16223A 26%,
      #131C2B 36%,
      #131C2B 64%,
      #16223A 74%,
      #1B2A44 86%,
      #223353 100%) !important;
}

body.mv-theme .mv-cinema__video,
body.mv-theme .mv-cinema__video video,
body.mv-theme .mv-cinema__stage video {
  background-color: #131C2B !important;
}

/* ==========================================================================
   A VIDEÓ SZÉLE ÁTMENETTEL MEGY KÉKBE
   --------------------------------------------------------------------------
   A felvétel eddig `contain`-nel állt egy teljes szélességű dobozban: a
   képkocka középen volt, kétoldalt üres doboz. Bármit tettem a doboz
   szélére, az a képtől távol esett — a képkocka pereme éles maradt.

   Itt a doboz maga zsugorodik pontosan a felvétel arányára (864×1536), így
   a doboz széle EGYBEESIK a kép szélével. Erre a szélre kerül a maszk: a
   kép a saját színéből halkul ki, alóla pedig a mező kékje jön elő — a
   kettő között nincs perem, csak átmenet.

   Kisebb képernyőn (901px alatt) a felvétel amúgy is kitölti a szélességet,
   ott marad az eredeti elrendezés.
   ========================================================================== */

@media (min-width: 901px) {
  body.mv-theme .mv-cinema__stage video.mv-cinema__video,
  body.mv-theme video.mv-cinema__video {
    inset: 0 auto 0 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    height: 100% !important;
    aspect-ratio: 864 / 1536 !important;
    object-fit: cover !important;
    background-color: transparent !important;

    -webkit-mask-image:
      linear-gradient(90deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.18) 7%,
        rgba(0, 0, 0, 0.58) 15%,
        rgba(0, 0, 0, 0.90) 23%,
        rgba(0, 0, 0, 1) 32%,
        rgba(0, 0, 0, 1) 68%,
        rgba(0, 0, 0, 0.90) 77%,
        rgba(0, 0, 0, 0.58) 85%,
        rgba(0, 0, 0, 0.18) 93%,
        rgba(0, 0, 0, 0) 100%) !important;
    mask-image:
      linear-gradient(90deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.18) 7%,
        rgba(0, 0, 0, 0.58) 15%,
        rgba(0, 0, 0, 0.90) 23%,
        rgba(0, 0, 0, 1) 32%,
        rgba(0, 0, 0, 1) 68%,
        rgba(0, 0, 0, 0.90) 77%,
        rgba(0, 0, 0, 0.58) 85%,
        rgba(0, 0, 0, 0.18) 93%,
        rgba(0, 0, 0, 0) 100%) !important;
  }
}

/* A mező: a felvétel tövénél annak saját sötétje, kifelé a márka mélykékje.
   A maszk miatt a két szín találkozása nem egy vonal, hanem egy sáv. */
body.mv-theme .mv-cinema__stage {
  background-color: #0E1522 !important;
  background-image:
    linear-gradient(90deg,
      #233450 0%,
      #1C2B45 16%,
      #16223A 30%,
      #101827 42%,
      #0E1522 50%,
      #101827 58%,
      #16223A 70%,
      #1C2B45 84%,
      #233450 100%) !important;
}

body.mv-theme .mv-cinema__video {
  background-color: transparent !important;
}

/* ==========================================================================
   A MEZŐ A KÉP KÖRÜL FEKETE, ONNAN KÖRKÖRÖSEN NYÍLIK KÉKBE
   --------------------------------------------------------------------------
   A felvétel széle fekete — ezt a fájlba égettük, és nem lehet kékké tenni
   utólag. Amíg a mező kék volt, a kettő határa éles függőleges perem maradt,
   akárhány árnyalatot próbáltam.

   Ezért a mező veszi át a felvétel színét: közvetlenül a kép körül fekete,
   pont olyan, mint a képkocka pereme — így ott nincs mit észrevenni. Ez a
   fekete mag ellipszis alakban, körkörösen világosodik a márka kékjébe,
   ahogy távolodunk a képtől.

   A mag mérete a képernyő MAGASSÁGÁHOZ igazodik (vh), mert a felvétel
   szélessége is abból adódik (56,25vh) — így bármilyen képarányon a fekete
   biztosan túlér a kép szélén. A 40%-os stop 30vh, a kép fele 28,1vh; onnantól öt
   lépcsőben ér el a legvilágosabb kékig a sarkokban.
   ========================================================================== */

body.mv-theme .mv-cinema__stage {
  background-color: #22334F !important;
  background-image:
    radial-gradient(ellipse 75vh 104vh at 50% 50%,
      #05070C 0%,
      #05070C 40%,
      #070B14 50%,
      #0B1220 60%,
      #101A2C 70%,
      #16233A 80%,
      #1B2A44 90%,
      #22334F 100%) !important;
}

body.mv-theme .mv-cinema__video,
body.mv-theme video.mv-cinema__video {
  background-color: transparent !important;
}