PageSourceSearch

https://cocunat.com/en-us/my-account/

html cocunat.com collected 2026-09-24 17:34:40 UTC 1,533,092 bytes, 2,112 lines download raw bytes

1<!DOCTYPE html><html lang="en" data-astro-cid-sckkx6r4> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1">
1<script type="application/json" id="cocunat-experiments-config">{"api":"https://api-less.cocunat.com","market":"us","published_at":"2026-09-24T17:30:05.551Z","experiments":[{"id":"hide-badges","variants":[{"key":"a","weight":50,"css":"","js":""},{"key":"b","weight":50,"css":"[data-badge] {\n  display: none !important;\n}\n\n/* Tarjetas que colgaban de una pestaña-badge (home USA): recuperan las esquinas de arriba. */\n[data-badge] + .rounded-b-lg {\n  border-top-left-radius: 0.5rem;\n  border-top-right-radius: 0.5rem;\n}","js":""}]}]}</script>
1 
1<script>/*
2 * Runtime de experimentos A/B, inline y bloqueante en el head (se sirve tal
3 * cual en cada página: comentarios mínimos, ES5, sin dependencias). Contrato:
4 * docs/superpowers/specs/2026-09-23-ab-experiments-design.md
5 */
6(function (w, d) {
7  var COOKIE_NAME = "cocunat_exp";
8  // Endpoint del propio storefront que reemite la cookie (ITP de Safari).
9  var RENEW_PATH = "/experiments/cookie.json";
10  var PREVIEW_KEY = "cocunat_exp_preview";
11  var PREVIEW_DEFS_KEY = "cocunat_exp_preview_defs";
12  // Config viva: el HTML puede venir cacheado (CDN y navegador) de antes de
13  // iniciar o pausar un experimento; el runtime se queda con la más reciente.
14  var ACTIVE_PATH = "/api/experiments/active";
15  var MARKET_PATTERN = /^[a-z]{2,3}$/;
16  // El page_view espera a la config viva como mucho esto.
17  var LIVE_WAIT_MS = 1500;
18  var MAX_AGE_SECONDS = 60 * 60 * 24 * 90;
19  var MAX_STORED = 12;
20  var MAX_RAW_LENGTH = 1024;
21  var ID_PATTERN = /^[a-z0-9](?:[a-z0-9-]{0,38}[a-z0-9])?$/;
22  var KEY_PATTERN = /^[a-z0-9][a-z0-9-]{0,19}$/;
23  var BOT_PATTERN =
24    /bot|crawl|spider|slurp|facebookexternalhit|lighthouse|pagespeed|headless/i;
25  // Eventos: lotes de como mucho 20, 1 s después del último. La sesión (30 min
26  // sin eventos) vive en el navegador: recuerda qué pares experimento:evento
27  // ha enviado ya y marca los nuevos en "first" (el backend suma una sesión
28  // por cada uno; no hay id de sesión).
29  var EVENTS_PATH = "/api/track/experiment-events";
30  var EVENT_PATTERN = /^[a-z][a-z0-9_]{0,39}$/;
31  var MAX_EVENTS = 20;
32  var FLUSH_DELAY_MS = 1000;
33  var SESSION_KEY = "cocunat_exp_session";
34  var SESSION_SECONDS = 30 * 60;
35  var SESSION_PATTERN = /^(\d{1,12})\|([a-z0-9:_,-]*)$/;
36  var MAX_SESSION_PAIRS = 200;
37  // El backend descarta los cuerpos de más de 4 KB: un lote no pasa de aquí.
38  var MAX_BATCH_CHARS = 3500;
39
40  // Lista ordenada de [id, variante]; el final es lo más reciente.
41  function find(list, id) {
42    for (var i = 0; i < list.length; i++)
43      if (list[i][0] === id) return list[i][1];
44    return null;
45  }
46  function remove(list, id) {
47    for (var i = list.length - 1; i >= 0; i--)
48      if (list[i][0] === id) list.splice(i, 1);
49  }
50  function put(list, id, key) {
51    remove(list, id);
52    list.push([id, key]);
53  }
54  function parse(raw) {
55    var list = [];
56    if (typeof raw !== "string" || !raw || raw.length > MAX_RAW_LENGTH)
57      return list;
58    var pairs = raw.split("|");
59    for (var i = 0; i < pairs.length; i++) {
60      var separator = pairs[i].indexOf(":");
61      if (separator <= 0) continue;
62      var id = pairs[i].slice(0, separator);
63      var key = pairs[i].slice(separator + 1);
64      if (ID_PATTERN.test(id) && KEY_PATTERN.test(key)) put(list, id, key);
65    }
66    return list;
67  }
68  function serialize(list) {
69    var parts = [];
70    for (var i = 0; i < list.length; i++)
71      parts.push(list[i][0] + ":" + list[i][1]);
72    return parts.join("|");
73  }
74
75  function readCookie() {
76    var pairs;
77    try {
78      pairs = ("" + (d.cookie || "")).split(";");
79    } catch (error) {
80      return ""; // iframe sandbox sin cookies
81    }
82    for (var i = 0; i < pairs.length; i++) {
83      var pair = pairs[i].replace(/^\s+/, "");
84      if (pair.indexOf(COOKIE_NAME + "=") === 0) {
85        return pair.slice(COOKIE_NAME.length + 1);
86      }
87    }
88    return "";
89  }
90  function writeCookie(value) {
91    var secure =
92      w.location && w.location.protocol === "https:" ? "; Secure" : "";
93    d.cookie =
94      COOKIE_NAME +
95      "=" +
96      value +
97      "; Max-Age=" +
98      MAX_AGE_SECONDS +
99      "; Path=/; SameSite=Lax" +
100      secure;
101  }
102
103  // Una cookie recién escrita con document.cookie la reemite el servidor al
104  // momento: Safari la limitaría a 7 días si el visitante no carga otra página.
105  function renewOnServer() {
106    try {
107      if (!w.fetch) return;
108      var request = w.fetch(RENEW_PATH, {
109        method: "POST",
110        credentials: "same-origin",
111        keepalive: true,
112      });
113      if (request && request.catch) request.catch(function () {});
114    } catch (error) {
115      /* sin renovación la cookie sigue valiendo en esta visita */
116    }
117  }
118
119  function random() {
120    try {
121      var values = new Uint32Array(1);
122      w.crypto.getRandomValues(values);
123      return values[0] / 4294967296;
124    } catch (error) {
125      return Math.random();
126    }
127  }
128  function pick(variants) {
129    var total = 0;
130    for (var i = 0; i < variants.length; i++) total += variants[i].weight;
131    if (total <= 0) return variants[0].key;
132    var point = random() * total;
133    for (var j = 0; j < variants.length; j++) {
134      point -= variants[j].weight;
135      if (point < 0 && variants[j].weight > 0) return variants[j].key;
136    }
137    for (var k = variants.length - 1; k >= 0; k--) {
138      if (variants[k].weight > 0) return variants[k].key;
139    }
140    return variants[0].key;
141  }
142
143  function readConfig() {
144    try {
145      var node = d.getElementById("cocunat-experiments-config");
146      var config = node ? JSON.parse(node.textContent || "{}") : {};
147      return config && typeof config === "object" ? config : {};
148    } catch (error) {
149      return {};
150    }
151  }
152  function validVariants(experiment) {
153    var variants = [];
154    var raw = experiment && experiment.variants;
155    if (!raw || typeof raw.length !== "number") return variants;
156    for (var i = 0; i < raw.length; i++) {
157      var variant = raw[i] || {};
158      if (!KEY_PATTERN.test(variant.key)) continue;
159      variants.push({
160        key: variant.key,
161        weight: Math.max(0, Number(variant.weight) || 0),
162        css: typeof variant.css === "string" ? variant.css : "",
163        js: typeof variant.js === "string" ? variant.js : "",
164      });
165    }
166    return variants;
167  }
168  function variantByKey(variants, key) {
169    for (var i = 0; i < variants.length; i++)
170      if (variants[i].key === key) return variants[i];
171    return null;
172  }
173
174  function readPreviews() {
175    try {
176      var storage = w.sessionStorage;
177      var query = w.URLSearchParams
178        ? new w.URLSearchParams(w.location.search || "").get("cx_preview")
179        : null;
180      if (query === "off") storage.removeItem(PREVIEW_KEY);
181      else if (query) storage.setItem(PREVIEW_KEY, serialize(parse(query)));
182      return parse(storage.getItem(PREVIEW_KEY) || "");
183    } catch (error) {
184      return [];
185    }
186  }
187
188  // Definiciones de preview (borradores o pausados): el runtime las pide al
189  // backend la primera vez y se recuerdan en la sesión para que la vista
190  // previa siga al navegar (el HTML cacheado nunca las lleva).
191  function readPreviewDefinitions() {
192    try {
193      var saved = JSON.parse(
194        w.sessionStorage.getItem(PREVIEW_DEFS_KEY) || "[]"
195      );
196      return saved && typeof saved.length === "number" ? saved : [];
197    } catch (error) {
198      return [];
199    }
200  }
201  function rememberPreviewDefinitions(list) {
202    try {
203      if (list.length > 0) {
204        w.sessionStorage.setItem(PREVIEW_DEFS_KEY, JSON.stringify(list));
205      } else {
206        w.sessionStorage.removeItem(PREVIEW_DEFS_KEY);
207      }
208    } catch (error) {
209      /* sin sessionStorage la vista previa dura solo esta página */
210    }
211  }
212
213  function onReady(callback) {
214    if (d.readyState === "loading")
215      d.addEventListener("DOMContentLoaded", callback);
216    else callback();
217  }
218  function addStyle(id, css) {
219    var style = d.createElement("style");
220    style.id = "cocunat-exp-" + id;
221    style.setAttribute("data-experiment", id);
222    style.textContent = css;
223    d.head.appendChild(style);
224  }
225  function apply(id, variant) {
226    d.documentElement.setAttribute("data-exp-" + id, variant.key);
227    if (variant.css) addStyle(id, variant.css);
228    if (variant.js) {
229      onReady(function () {
230        // Un 
230<script> propio por variante: un error en su código no rompe el
231        // runtime ni el resto de la página.
232        var script = d.createElement("script");
233        script.setAttribute("data-experiment", id);
234        script.textContent = variant.js;
235        (d.body || d.head).appendChild(script);
236      });
237    }
238  }
239
240  // Deshace lo que se pintó de un experimento que ya no está en marcha. Su JS,
241  // si ya se ejecutó, no se puede deshacer.
242  function unapply(id) {
243    try {
244      var style = d.getElementById("cocunat-exp-" + id);
245      if (style && style.parentNode) style.parentNode.removeChild(style);
246      d.documentElement.removeAttribute("data-exp-" + id);
247    } catch (error) {
248      /* sin DOM completo no hay nada que quitar */
249    }
250  }
251  // CSS nuevo de una variante ya pintada. Si no tenía CSS cuando se cacheó el
252  // HTML, apply() no creó su <style>: se crea ahora.
253  function restyle(id, variant) {
254    try {
255      var style = d.getElementById("cocunat-exp-" + id);
256      if (style) style.textContent = variant.css;
257      else if (variant.css) addStyle(id, variant.css);
258    } catch (error) {
259      /* el CSS anterior sigue aplicado */
260    }
261  }
262
263  // GET JSON sin cookies; callback(null) ante cualquier fallo. false si no se
264  // pudo ni lanzar la petición.
265  function getJson(url, callback) {
266    try {
267      if (!w.fetch) return false;
268      var request = w.fetch(url, { credentials: "omit" });
269      if (!request || !request.then) return false;
270      request
271        .then(function (response) {
272          return response && response.ok ? response.json() : null;
273        })
274        .then(
275          function (data) {
276            callback(data);
277          },
278          function () {
279            callback(null);
280          }
281        );
282      return true;
283    } catch (error) {
284      return false;
285    }
286  }
287
288  function send(url, body) {
289    try {
290      var navigator = w.navigator || {};
291      if (navigator.sendBeacon && navigator.sendBeacon(url, body)) return;
292      if (w.fetch) {
293        w.fetch(url, {
294          method: "POST",
295          body: body,
296          keepalive: true,
297          mode: "no-cors",
298        });
299      }
300    } catch (error) {
301      /* la medición nunca rompe la página */
302    }
303  }
304
305  var config = readConfig();
306  // Página de paso (enlaces de promoción que saltan al checkout): conserva y
307  // envía las asignaciones existentes, pero no reparte ni cuenta a nadie nuevo.
308  var assignNew = config.assign !== false;
309  var market = MARKET_PATTERN.test(config.market || "") ? config.market : "";
310  var publishedAt =
311    typeof config.published_at === "string" ? config.published_at : "";
312  var configured =
313    config.experiments && config.experiments.length ? config.experiments : [];
314  var previews = readPreviews();
315  var previewDefinitions = [];
316  // Las asignaciones de experimentos que no vienen en la config se conservan:
317  // una caída puntual del endpoint no debe reasignar a nadie.
318  var stored = parse(readCookie());
319  var assignments = {};
320  var real = [];
321  var previewed = {};
322  // Variante pintada de cada experimento (real o preview), para refrescarla.
323  var painted = {};
324  var persisted = false;
325  var counted = false;
326  var userAgent = (w.navigator && w.navigator.userAgent) || "";
327
328  // Pinta un experimento: la vista previa de quien revisa o la variante del
329  // visitante (la guardada o una nueva). Devuelve true si es una asignación
330  // nueva.
331  function enter(experiment, isPreviewDefinition) {
332    var id = experiment && experiment.id;
333    var variants = validVariants(experiment);
334    if (!ID_PATTERN.test(id) || variants.length === 0 || assignments[id])
335      return false;
336    var preview = find(previews, id);
337    if (preview && variantByKey(variants, preview)) {
338      assignments[id] = preview;
339      previewed[id] = true;
340      painted[id] = variantByKey(variants, preview);
341      apply(id, painted[id]);
342      return false;
343    }
344    // Una definición de preview (borrador) nunca se asigna a visitantes reales.
345    if (isPreviewDefinition) return false;
346    var key = find(stored, id);
347    var fresh = false;
348    if (!key || !variantByKey(variants, key)) {
349      if (!assignNew) return false;
350      key = pick(variants);
351      fresh = true;
352    }
353    put(stored, id, key);
354    real.push([id, key]);
355    assignments[id] = key;
356    painted[id] = variantByKey(variants, key);
357    apply(id, painted[id]);
358    return fresh;
359  }
360
361  // Guarda la cookie si cambia y devuelve si quedó guardada.
362  function persist() {
363    if (stored.length === 0) return false;
364    while (stored.length > MAX_STORED) stored.shift();
365    var cookieValue = serialize(stored);
366    try {
367      // Solo si cambia: el servidor la renueva en cada página (middleware) y
368      // reescribirla aquí la devolvería al tope de 7 días de Safari (ITP).
369      var changed = readCookie() !== cookieValue;
370      if (changed) writeCookie(cookieValue);
371      var saved = readCookie() === cookieValue;
372      if (changed && saved) renewOnServer();
373      return saved;
374    } catch (error) {
375      return false;
376    }
377  }
378
379  // Un visitante = un beacon por experimento. Sin cookie persistente no hay
380  // forma de deduplicar, así que no se cuenta.
381  function countVisitors(freshIds) {
382    counted = !!(persisted && config.api && !BOT_PATTERN.test(userAgent));
383    if (!counted) return;
384    for (var f = 0; f < freshIds.length; f++) {
385      send(
386        config.api + "/api/track/experiment",
387        JSON.stringify({
388          experiment_id: freshIds[f],
389          variant: find(real, freshIds[f]),
390        })
391      );
392    }
393  }
394
395  function announce(pairs) {
396    try {
397      w.dataLayer = w.dataLayer || [];
398      for (var r = 0; r < pairs.length; r++) {
399        w.dataLayer.push({
400          event: "cocunat_experiment",
401          experiment_id: pairs[r][0],
402          experiment_variant: pairs[r][1],
403        });
404      }
405    } catch (error) {
406      /* sin dataLayer no pasa nada */
407    }
408  }
409
410  // Experimentos del HTML y vistas previas que la sesión ya conoce.
411  var fresh = [];
412  for (var c = 0; c < configured.length; c++) {
413    var entry = configured[c] || {};
414    // HTML de antes de que las vistas previas las pidiera el runtime: una
415    // entrada preview solo sirve a quien la está revisando.
416    if (entry.preview === true) {
417      if (find(previews, entry.id)) {
418        enter(entry, true);
419        if (assignments[entry.id])
420          previewDefinitions.push({ id: entry.id, variants: entry.variants });
421      }
422      continue;
423    }
424    if (enter(entry, false)) fresh.push(entry.id);
425  }
426  var remembered = readPreviewDefinitions();
427  for (var m = 0; m < remembered.length; m++) {
428    var saved = remembered[m] || {};
429    if (!find(previews, saved.id) || assignments[saved.id]) continue;
430    previewDefinitions.push({ id: saved.id, variants: saved.variants });
431    enter(saved, true);
432  }
433  rememberPreviewDefinitions(previewDefinitions);
434  persisted = persist();
435  countVisitors(fresh);
436  announce(real);
437
438  // Eventos (page_view, add_to_cart y los del SDK): solo de visitantes que
439  // cuentan y tienen asignaciones reales en esta página, nunca por una vista
440  // previa. Viajan con las asignaciones de cartValue().
441  var queue = [];
442  var queueFirst = [];
443  // Pares de esta página cuando no hay localStorage: cada página es una sesión.
444  var memory = null;
445  var timer = null;
446
447  function isPair(pair) {
448    var separator = pair.indexOf(":");
449    return (
450      separator > 0 &&
451      ID_PATTERN.test(pair.slice(0, separator)) &&
452      EVENT_PATTERN.test(pair.slice(separator + 1))
453    );
454  }
455  // "<último evento en segundos>|<par>,<par>" en localStorage: los pares que
456  // la sesión ya envió. Caducada, ausente o rota, empieza una sesión nueva.
457  function readSession(now) {
458    if (memory) return { pairs: memory, fresh: false };
459    try {
460      var saved = SESSION_PATTERN.exec(
461        w.localStorage.getItem(SESSION_KEY) || ""
462      );
463      var pairs = [];
464      if (!saved || Math.abs(now - Number(saved[1])) > SESSION_SECONDS)
465        return { pairs: pairs, fresh: true };
466      var list = saved[2] ? saved[2].split(",") : [];
467      for (var p = 0; p < list.length; p++)
468        if (isPair(list[p])) pairs.push(list[p]);
469      return { pairs: pairs, fresh: false };
470    } catch (error) {
471      memory = [];
472      return { pairs: memory, fresh: true };
473    }
474  }
475  function saveSession(now, pairs) {
476    while (pairs.length > MAX_SESSION_PAIRS) pairs.shift();
477    if (memory) return;
478    try {
479      w.localStorage.setItem(SESSION_KEY, now + "|" + pairs.join(","));
480    } catch (error) {
481      memory = pairs; // sin poder guardarla, la sesión es esta página
482    }
483  }
484  function flush() {
485    try {
486      w.clearTimeout(timer);
487    } catch (error) {
488      /* sin temporizadores */
489    }
490    timer = null;
491    if (queue.length === 0) return;
492    var body = batchBody(queue, queueFirst);
493    queue = [];
494    queueFirst = [];
495    send(config.api + EVENTS_PATH, body);
496  }
497  function batchBody(events, first) {
498    return JSON.stringify({
499      experiments: serialize(real),
500      events: events,
501      first: first,
502    });
503  }
504  function track(name) {
505    if (
506      !counted ||
507      real.length === 0 ||
508      typeof name !== "string" ||
509      !EVENT_PATTERN.test(name)
510    )
511      return false;
512    var now = Math.floor(new Date().getTime() / 1000);
513    var session = readSession(now);
514    // Un lote es de una sola sesión.
515    if (session.fresh && queue.length > 0) flush();
516    var pairs = session.pairs;
517    var fresh = [];
518    for (var e = 0; e < real.length; e++) {
519      var pair = real[e][0] + ":" + name;
520      var seen = false;
521      for (var q = pairs.length - 1; q >= 0; q--) {
522        if (pairs[q] === pair) {
523          pairs.splice(q, 1);
524          seen = true;
525        }
526      }
527      // Al final: los pares en uso son los últimos que se descartarían.
528      pairs.push(pair);
529      if (!seen) fresh.push(pair);
530    }
531    saveSession(now, pairs);
532    // Si este evento haría el lote más grande de lo que acepta el backend,
533    // sale antes lo que había en cola (un evento solo nunca llega al límite).
534    if (
535      queue.length > 0 &&
536      batchBody(queue.concat([name]), queueFirst.concat(fresh)).length >
537        MAX_BATCH_CHARS
538    )
539      flush();
540    queue.push(name);
541    queueFirst = queueFirst.concat(fresh);
542    if (queue.length >= MAX_EVENTS) {
543      flush();
544    } else {
545      try {
546        w.clearTimeout(timer);
547        timer = w.setTimeout(flush, FLUSH_DELAY_MS);
548      } catch (error) {
549        flush(); // sin temporizadores sale al momento
550      }
551    }
552    return true;
553  }
554
555  // Una vista por página, con los experimentos ya reconciliados con la config
556  // viva (o cuando esta tarda demasiado o la página se abandona antes). Las
557  // páginas de paso no cuentan como vista.
558  var viewed = false;
559  function countView() {
560    if (viewed || !assignNew) return;
561    viewed = true;
562    track("page_view");
563  }
564
565  // Config viva: si es más reciente que la del HTML (que puede venir de la
566  // caché del CDN o del navegador), entra lo que se ha iniciado, sale lo que
567  // se ha pausado y se refresca el CSS que ha cambiado.
568  function reconcile(live) {
569    if (!live || typeof live !== "object") return;
570    var list = live.experiments;
571    if (!list || typeof list.length !== "number") return;
572    var livePublishedAt =
573      typeof live.published_at === "string" ? live.published_at : "";
574    if (publishedAt && (!livePublishedAt || livePublishedAt <= publishedAt))
575      return;
576    var running = {};
577    var order = [];
578    for (var l = 0; l < list.length; l++) {
579      var entry = list[l] || {};
580      if (!ID_PATTERN.test(entry.id) || running[entry.id]) continue;
581      running[entry.id] = entry;
582      order.push(entry.id);
583    }
584    var changed = false;
585    // Los lotes en cola se cierran con las asignaciones con las que se lanzaron.
586    function beforeChange() {
587      if (!changed) flush();
588      changed = true;
589    }
590    for (var r = real.length - 1; r >= 0; r--) {
591      var gone = real[r][0];
592      if (running[gone]) continue;
593      beforeChange();
594      unapply(gone);
595      delete assignments[gone];
596      delete painted[gone];
597      real.splice(r, 1);
598    }
599    var freshIds = [];
600    var entered = real.length;
601    for (var o = 0; o < order.length; o++) {
602      var id = order[o];
603      if (assignments[id]) {
604        // Ya pintado: si su CSS ha cambiado desde que se cacheó el HTML, el nuevo.
605        var current = variantByKey(validVariants(running[id]), assignments[id]);
606        if (current && painted[id] && current.css !== painted[id].css) {
607          restyle(id, current);
608          painted[id] = current;
609        }
610        continue;
611      }
612      var before = real.length;
613      if (enter(running[id], false)) freshIds.push(id);
614      if (real.length !== before) beforeChange();
615    }
616    if (!changed) return;
617    publishedAt = livePublishedAt;
618    persisted = persist() || persisted;
619    countVisitors(freshIds);
620    announce(real.slice(entered));
621  }
622
623  // Vistas previas que la página no trae (borradores o pausados): la
624  // definición se pide al backend y se recuerda para el resto de la sesión.
625  function loadPreview(id) {
626    getJson(
627      config.api + "/api/experiments/" + encodeURIComponent(id) + "/preview",
628      function (data) {
629        var experiment = data && data.experiment;
630        if (!experiment || experiment.id !== id || assignments[id]) return;
631        previewDefinitions.push({ id: id, variants: experiment.variants });
632        rememberPreviewDefinitions(previewDefinitions);
633        enter(experiment, true);
634      }
635    );
636  }
637  if (config.api) {
638    for (var v = 0; v < previews.length; v++) {
639      if (!assignments[previews[v][0]]) loadPreview(previews[v][0]);
640    }
641  }
642
643  var waiting =
644    !!config.api &&
645    !!market &&
646    getJson(config.api + ACTIVE_PATH + "?market=" + market, function (live) {
647      reconcile(live);
648      countView();
649    });
650  if (waiting) {
651    try {
652      w.setTimeout(countView, LIVE_WAIT_MS);
653    } catch (error) {
654      countView();
655    }
656  } else {
657    countView();
658  }
659
660  try {
661    w.addEventListener("pagehide", function () {
662      countView();
663      flush();
664    });
665    d.addEventListener("visibilitychange", function () {
666      if (d.visibilityState !== "hidden") return;
667      countView();
668      flush();
669    });
670    // Volver a una página restaurada de la caché del navegador (bfcache)
671    // también es una vista: si no, una variante cuyo JS impidiera esa caché
672    // contaría más páginas por sesión que la otra.
673    w.addEventListener("pageshow", function (event) {
674      if (event && event.persisted && assignNew) track("page_view");
675    });
676  } catch (error) {
677    /* sin listeners el lote sale igualmente con el temporizador */
678  }
679
680  w.cocunatExperiments = {
681    assignments: assignments,
682    variant: function (experimentId) {
683      return assignments[experimentId] || null;
684    },
685    isPreview: function (experimentId) {
686      return previewed[experimentId] === true;
687    },
688    // Lo que viaja al carrito/checkout: solo asignaciones reales (nunca
689    // previews) de los experimentos activos en esta página.
690    cartValue: function () {
691      return serialize(real);
692    },
693    // Las mismas asignaciones como atributos de carrito de Shopify, para las
694    // páginas que crean el carrito sin pasar por el backend (altas del Club).
695    // Mismo nombre que estampa el backend: experiment_<id> = <variante>.
696    cartAttributes: function () {
697      var attributes = [];
698      for (var a = 0; a < real.length; a++) {
699        attributes.push({ key: "experiment_" + real[a][0], value: real[a][1] });
700      }
701      return attributes;
702    },
703    // SDK de eventos: track("nombre") → true si se encola (nombres
704    // ^[a-z][a-z0-9_]{0,39}$; false sin asignaciones reales, bot o sin cookie).
705    track: track,
706  };
707})(window, document);
708</script>
708<script>
709      // One-time cutover cleanup. Customer identity now lives exclusively in
710      // Backend-owned HttpOnly cookies, so remove both legacy browser copies
711      // on every storefront page (including pages that never load account UI).
712      try {
713        window.localStorage.removeItem('cocunat_verified_email');
714      } catch {}
715      try {
716        window.sessionStorage.removeItem('cocunat_session_identity');
717      } catch {}
718    </script>
718<script>(function(){const clubVariantId = "50458445906266";
719const clubPlusVariantId = "50592098353498";
720const clubPremiumVariantId = "51261994729818";
721const clubSellingPlanId = "1363837093";
722const shopifyDomain = "cocunat.myshopify.com";
723const shopifyToken = "af2e09134cdde4899eb36a672c8839ad";
724
725      window.__CLUB_VARIANT_ID = clubVariantId;
726      window.__CLUB_PLUS_VARIANT_ID = clubPlusVariantId;
727      window.__CLUB_PREMIUM_VARIANT_ID = clubPremiumVariantId;
728      window.__CLUB_SELLING_PLAN_ID = clubSellingPlanId;
729      window.__SHOPIFY_STOREFRONT_DOMAIN = shopifyDomain;
730      window.__SHOPIFY_STOREFRONT_TOKEN = shopifyToken;
731    })();</script>
731<link rel="icon" type="image/png" href="https://secure.cocunat.com/cdn/shop/files/apple-icon-precomposed.png?crop=center&height=32&v=1666162372&width=32"><link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials"><meta name="generator" content="Astro v4.16.19"><!-- Hreflang tags for international SEO --><link rel="alternate" hreflang="x-default" href="https://cocunat.com"><link rel="alternate" hreflang="en-af" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-al" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-dz" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-as" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ad" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-ao" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ai" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-aq" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ag" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="es-ar" href="https://cocunat.com/es-int/my-account/"><link rel="alternate" hreflang="en-am" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-aw" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-au" href="https://cocunat.com/en-au/my-account/"><link rel="alternate" hreflang="en-at" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-az" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bs" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bh" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bd" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bb" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-by" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-be" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-bz" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bj" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bt" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="es-bo" href="https://cocunat.com/es-int/my-account/"><link rel="alternate" hreflang="en-bq" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ba" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bw" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bv" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-br" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-io" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bn" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bg" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bf" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bi" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-cv" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-kh" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-cm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ca" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ky" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-cf" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-td" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-cl" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-cn" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-cx" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-cc" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="es-co" href="https://cocunat.com/es-co/my-account/"><link rel="alternate" hreflang="en-km" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-cd" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-cg" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ck" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-cr" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-hr" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="es-cu" href="https://cocunat.com/es-int/my-account/"><link rel="alternate" hreflang="en-cw" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-cy" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-cz" href="https://cocunat.com/en-cz/my-account/"><link rel="alternate" hreflang="en-ci" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-dk" href="https://cocunat.com/en-dk/my-account/"><link rel="alternate" hreflang="en-dj" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-dm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-do" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="es-ec" href="https://cocunat.com/es-int/my-account/"><link rel="alternate" hreflang="en-eg" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="es-sv" href="https://cocunat.com/es-int/my-account/"><link rel="alternate" hreflang="en-gq" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-er" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ee" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-sz" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-et" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-fk" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-fo" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-fj" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-fi" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="fr-fr" href="https://cocunat.com/fr-fr/my-account/"><link rel="alternate" hreflang="en-gf" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-pf" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tf" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ga" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ge" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="de-de" href="https://cocunat.com/de-de/my-account/"><link rel="alternate" hreflang="en-gh" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gi" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gr" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-gl" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gd" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gp" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gu" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gt" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gg" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gn" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gw" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gy" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ht" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-hm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-va" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-hn" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-hk" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-hu" href="https://cocunat.com/en-hu/my-account/"><link rel="alternate" hreflang="en-is" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-in" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-id" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ir" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-iq" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ie" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-im" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-il" href="https://cocunat.com/en-il/my-account/"><link rel="alternate" hreflang="it-it" href="https://cocunat.com/it-it/my-account/"><link rel="alternate" hreflang="en-jm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-jp" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-je" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-jo" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-kz" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ke" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ki" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-kp" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-kr" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-kw" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-kg" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-la" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-lv" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-lb" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ls" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-lr" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ly" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-li" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-lt" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-lu" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-mo" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mg" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mw" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-my" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mv" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ml" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mt" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-mh" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mq" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mr" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mu" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-yt" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="es-mx" href="https://cocunat.com/es-mx/my-account/"><link rel="alternate" hreflang="en-fm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-md" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mc" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-mn" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-me" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ms" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ma" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mz" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-na" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-nr" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-np" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-nl" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-nc" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-nz" href="https://cocunat.com/en-nz/my-account/"><link rel="alternate" hreflang="en-ni" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ne" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ng" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-nu" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-nf" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mp" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-no" href="https://cocunat.com/en-no/my-account/"><link rel="alternate" hreflang="en-om" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-pk" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-pw" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ps" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-pa" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-pg" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-py" href="https://cocunat.com/en-PY/my-account/"><link rel="alternate" hreflang="es-pe" href="https://cocunat.com/es-pe/my-account/"><link rel="alternate" hreflang="en-ph" href="https://cocunat.com/en-ph/my-account/"><link rel="alternate" hreflang="en-pn" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-pl" href="https://cocunat.com/en-pl/my-account/"><link rel="alternate" hreflang="en-pt" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-pr" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-qa" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mk" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ro" href="https://cocunat.com/en-ro/my-account/"><link rel="alternate" hreflang="en-ru" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-rw" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-re" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bl" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-sh" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-kn" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-lc" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mf" href="
731https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-pm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-vc" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ws" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-sm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-st" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-sa" href="https://cocunat.com/en-sa/my-account/"><link rel="alternate" hreflang="en-sn" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-rs" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-sc" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-sl" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-sg" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-sx" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-sk" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-si" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-sb" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-so" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-za" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gs" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ss" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="es-es" href="https://cocunat.com/es-es/my-account/"><link rel="alternate" hreflang="en-lk" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-sd" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-sr" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-sj" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-se" href="https://cocunat.com/en-se/my-account/"><link rel="alternate" hreflang="en-ch" href="https://cocunat.com/en-ch/my-account/"><link rel="alternate" hreflang="en-sy" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tw" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tj" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tz" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-th" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tl" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tg" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tk" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-to" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tt" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tn" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tr" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tc" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tv" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ug" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ua" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ae" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gb" href="https://cocunat.com/en-gb/my-account/"><link rel="alternate" hreflang="en-um" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-us" href="https://cocunat.com/en-us/my-account/"><link rel="alternate" hreflang="en-uy" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-uz" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-vu" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="es-ve" href="https://cocunat.com/es-int/my-account/"><link rel="alternate" hreflang="en-vn" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-vg" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-vi" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-wf" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-eh" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ye" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-zm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-zw" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ax" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-xx" href="https://cocunat.com/en-int/my-account/">
731<link rel="preconnect" href="https://static-cache.cocunat.workers.dev"><link rel="preconnect" href="https://cdn-static.cocunat.com"><link rel="preload" href="https://static-cache.cocunat.workers.dev/?image=https%3A%2F%2Fglobal.cocunat.com%2Ffonts%2Flineto-brown-light.woff2" as="font" type="font/woff2" crossorigin><title>My Account | Cocunat</title><link rel="canonical" href="https://cocunat.com/en-us/my-account/"><meta name="description" content="Leading brand in toxic-free, vegan, and sustainable cosmetics, Cocunat offers premium skincare and haircare solutions. Discover cruelty-free, eco-friendly beauty products designed for healthier living and a better planet."><meta name="robots" content="index, follow"><meta property="og:title" content="My Account | Cocunat"><meta property="og:type" content="website"><meta property="og:image" content="https://cocunat.com/opengraph2.jpg"><meta property="og:url" content="https://cocunat.com/en-us/my-account/"><meta property="og:description" content="Leading brand in toxic-free, vegan, and sustainable cosmetics, Cocunat offers premium skincare and haircare solutions. Discover cruelty-free, eco-friendly beauty products designed for healthier living and a better planet."><meta property="og:site_name" content="Cocunat"><meta property="og:image:url" content="https://cocunat.com/opengraph2.jpg"><meta property="og:image:alt" content="Cocunat | Toxic-Free Cosmetics"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@cocunat"><meta name="twitter:title" content="My Account | Cocunat"><meta name="twitter:image" content="https://cocunat.com/opengraph2.jpg"><meta name="twitter:image:alt" content="Cocunat | Toxic-Free Cosmetics"><meta name="twitter:description" content="Leading brand in toxic-free, vegan, and sustainable cosmetics, Cocunat offers premium skincare and haircare solutions. Discover cruelty-free, eco-friendly beauty products designed for healthier living and a better planet."><meta name="twitter:creator" content="@cocunat"><link rel="preload" as="image" href="/images/my-account/lifestyle-hero.webp" fetchpriority="high"><style>
732      @font-face {
733        font-family: 'CanelaItalic';
734        src: url("https://cdn.shopify.com/s/files/1/0619/1693/8405/files/Canela-LightItalic.woff?v=1744013615") format('woff');
735        font-display: swap;
736        font-weight: 400;
737        font-style: normal;
738      }
739      @font-face {
740        font-family: 'CanelaItalicBold';
741        src: url("https://cdn.shopify.com/s/files/1/0633/1803/2557/files/Canela-RegularItalic-Trial.woff?v=1730906671") format('woff');
742        font-display: swap;
743        font-weight: normal;
744        font-style: normal;
745        -webkit-font-smoothing: antialiased;
746        -moz-osx-font-smoothing: grayscale;
747      }
748      @font-face {
749        font-family: "Brown-Bold";
750        src: url("https://static-cache.cocunat.workers.dev/?image=https%3A%2F%2Fglobal.cocunat.com%2Ffonts%2Flineto-brown-bold.woff2") format('woff2'),
751             url("https://static-cache.cocunat.workers.dev/?image=https%3A%2F%2Fglobal.cocunat.com%2Ffonts%2Flineto-brown-bold.woff") format('woff');
752        font-display: swap;
753        font-weight: 400;
754        font-style: normal;
755      }
756      @font-face {
757        font-family: "Brown-Regular";
758        /* TODO: subir lineto-brown-pro-regular.woff2 (hoy 404) y poner woff2-first como en Light/Bold. */
759        src: url("https://static-cache.cocunat.workers.dev/?image=https%3A%2F%2Fglobal.cocunat.com%2Ffonts%2Flineto-brown-pro-regular.woff") format('woff');
760        font-display: swap;
761        font-weight: 400;
762        font-style: normal;
763      }
764      @font-face {
765        font-family: "Brown-Light";
766        src: url("https://static-cache.cocunat.workers.dev/?image=https%3A%2F%2Fglobal.cocunat.com%2Ffonts%2Flineto-brown-light.woff2") format('woff2'),
767             url("https://static-cache.cocunat.workers.dev/?image=https%3A%2F%2Fglobal.cocunat.com%2Ffonts%2Flineto-brown-light.woff") format('woff');
768        font-display: swap;
769        font-weight: 400;
770        font-style: normal;
771      }
772      body {
773        font-family: "Brown-Light", sans-serif;
774      }
775      b, strong {
776        font-family: "Brown-Regular", sans-serif;
777      }
778    </style><style id="skin-custom-styles" data-skin-code="AUTUMN">#cocunat-hero-home-image-1 .main-hero-top_title,
779#cocunat-hero-home-image-1 .main-hero-title,
780#cocunat-hero-home-image-1 .main-hero-description,
781#cocunat-hero-home-image-1 .main-hero-button{
782display: none;
783}</style>
783<script>(function(){const skins = [{"id":63,"code":"AUTUMN","created_at":"2026-09-10 12:48:11","updated_at":"2026-09-23 14:25:28","styles":"#cocunat-hero-home-image-1 .main-hero-top_title,\n#cocunat-hero-home-image-1 .main-hero-title,\n#cocunat-hero-home-image-1 .main-hero-description,\n#cocunat-hero-home-image-1 .main-hero-button{\ndisplay: none;\n}","translation":{"id":248,"main_hero_title":"SALE","main_hero_top_title":"REFRESH YOUR ROUTINE","main_hero_description":"<p></p>","main_hero_button_text":"BUY NOW","main_hero_button_link":"/collections/all-products","main_hero_image_desktop":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/5c4ad3cb-b248-4230-be5c-4191ba917aea.jpg?v=1790173242","main_hero_image_mobile":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/21ff17b3-b0a7-466f-9e88-2acdde6b3f1a.jpg?v=1790173413","main_hero2_title":"REDUCE HAIR LOSS","main_hero2_top_title":"HAPPY HAIR","main_hero2_description":"<p></p>","main_hero2_button_text":"SHOP NOW","main_hero2_button_link":"/products/pack-happyhair-3months","main_hero2_image_desktop":"https://shopify-cdn.cocunat.com/fae5ab39-3465-4cf5-8f3b-4e926d4aabe6.jpg","main_hero2_image_mobile":"https://shopify-cdn.cocunat.com/4e9e44df-a8a1-4947-9588-10861a7e0063.jpg","main_hero3_title":"THE CELLULITE REVOLUTION","main_hero3_top_title":"CLINICAL SCULPT","main_hero3_description":"","main_hero3_button_text":"BUY NOW","main_hero3_button_link":"/clinical-sculpt","main_hero3_image_desktop":"https://shopify-cdn.cocunat.com/021ce2d2-3cf5-45b3-997f-bdb7dd6b16c5.jpg","main_hero3_image_mobile":"https://shopify-cdn.cocunat.com/8ccea089-535d-4585-9649-d12bef5950b2.jpg","announcement_title":"<p>DISCOVER OUR SPECIAL OFFERS -&gt;</p>","announcement_link":"/collections/specialoffers","collections_hero_mobile":"https://shopify-cdn.cocunat.com/3125bdea-7a71-470b-bbc5-9c581031b855.jpg","collections_hero_desktop":"https://shopify-cdn.cocunat.com/b7f67b90-2294-44f9-862e-7a53ea98a559.jpg","collections_banner1_title":"<p>CREATE YOUR PACK AND<br>SAVE UNTIL -20%</p>","collections_banner1_description":"<p></p>","collections_banner1_button_text":"CREAR","collections_banner1_button_link":"/create-your-pack","collections_banner1_image_desktop":"https://shopify-cdn.cocunat.com/7e2cb1c2-7a4a-46fd-b809-b6cd0bbf8e8f.jpg","collections_banner1_image_mobile":"https://shopify-cdn.cocunat.com/ea0b3970-3db0-4070-99e3-e3099d70b8f2.jpg","collections_banner2_title":"<p>GIFT</p>","collections_banner2_description":"<p>PERFECT ROOTS IN SECONDS</p>","collections_banner2_button_text":"BUY","collections_banner2_button_link":"collections/all-products","collections_banner2_image_desktop":"https://shopify-cdn.cocunat.com/ad6c1684-2646-4db7-ba07-f46c959c4f04.jpg","collections_banner2_image_mobile":"https://shopify-cdn.cocunat.com/b942175d-2196-4bc6-bfd2-c63c828959a3.jpg","language":"en","skin_id":63,"collections_hero_top_title":"","collections_hero_title":"AESTHETIC MEDICINE AT HOME","collections_hero_description":"","home_banner_highlight_title":"CLUB COCUNAT","home_banner_highlight_top_title":"DISCOVER OUR","home_banner_highlight_description":"<p>YOUR BEAUTY SUBSCRIPTION</p><p>from JUST [CLUB]/MONTH</p>","home_banner_highlight_button_text":"JOIN NOW","home_banner_highlight_button_link":"/club","home_banner_highlight_image_desktop":"https://shopify-cdn.cocunat.com/280f08b1-ce5c-46aa-b82b-bad7bb990990.jpg","home_banner_highlight_image_mobile":"https://shopify-cdn.cocunat.com/e99b3d51-3169-40dd-b4bd-22a24115926a.jpg","home_banner_highlight_font_color":"#000000","home_banner_highlight_position":"top","collections_banner2_font_color":"#000000","collections_banner1_font_color":"#000000","banner_pdp_title":"<p>INSTANT ROOT COLOR WITH ORDERS +[TIER3]</p>","banner_pdp_description":"<p>EXCLUSIVE GIFT</p>","banner_pdp_image":"https://shopify-cdn.cocunat.com/e6e92d61-e34f-4715-a746-ce693d57fc36.jpg","banner_pdp_font_color":"#000000","main_hero_font_color":"#ffffff","main_hero2_font_color":"#000000","main_hero3_font_color":"#000000","terms_and_conditions":"","announcement_type":"default","announcement_deadline":"","announcement_title2":"","announcement_link2":"","collections_hero_font_color":"#000000","collections_banner1_is_xl":"true","collections_banner1_text_position":"middle"}}];
784const marketData = {"countries":["US"],"currency":"USD","constants":{"clubPrice":64,"clubPricePlus":94,"clubPriceSupplement":134,"clubPricePremium":129,"freeShippingThreshold":49,"clubPricePerDay":2.13,"shippingCost":6.99},"ui":{"clubPrice":"$64","clubPricePlus":"$94","clubPriceSupplement":"$134","clubPricePremium":"$129","freeShippingThreshold":"$49","clubPricePerDay":"$2.13"}};
785const activePromos = {"12KJAVP3KU102":{"id":98,"code":"12KJAVP3KU102","exceptions":{"231":100,"260":100,"322":100,"53093":100,"53342":100,"ALIAS86003-01-04":52},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"12KJAVP3KU10202":{"id":101,"code":"12KJAVP3KU10202","exceptions":{"231":100,"260":100,"322":100,"53093":100,"53342":100,"ALIAS86003-02-04":58},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"9FD13K1YMNQ2":{"id":100,"code":"9FD13K1YMNQ2","exceptions":{"53342":100,"ALIAS86003-01-02":39},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"9FD13K1YMNQ202":{"id":103,"code":"9FD13K1YMNQ202","exceptions":{"53342":100,"ALIAS86003-02-02":45},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"AUTUMNSALE":{"id":161,"code":"AUTUMNSALE","exceptions":{"41":69,"139":15,"152":15,"153":15,"188":15,"200":15,"201":15,"205":67,"211":15,"212":15,"218":20,"219":15,"220":15,"233":40,"234":15,"255":15,"268":15,"269":15,"270":15,"271":15,"273":15,"276":15,"299":15,"311":15,"360":15,"417":15,"427":15,"439":15,"440":15,"441":15,"452":15,"453":15,"454":15,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":15,"51948":15,"51950":15,"51954":15,"51973":15,"52013":41,"52071":30,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53187":15,"53206":15,"53218":68,"53239":15,"53250":63,"53251":15,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":[{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"AUTUMNSALEFLASH":{"id":162,"code":"AUTUMNSALEFLASH","exceptions":{"41":69,"139":20,"152":20,"153":20,"188":20,"200":20,"201":20,"205":67,"211":20,"212":20,"218":20,"219":2
7850,"220":20,"233":40,"234":20,"255":20,"268":20,"269":20,"270":20,"271":20,"273":20,"276":20,"299":20,"311":20,"360":20,"417":20,"427":20,"439":20,"440":20,"441":20,"452":20,"453":20,"454":20,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":20,"51948":20,"51950":20,"51954":20,"51973":20,"52013":41,"52071":30,"52074":20,"53009":20,"53055":20,"53090":20,"53093":20,"53102":20,"53109":20,"53110":20,"53115":20,"53117":20,"53123":20,"53157":20,"53158":20,"53159":20,"53160":20,"53162":20,"53176":20,"53183":20,"53187":20,"53206":20,"53218":68,"53239":20,"53250":63,"53251":20,"53252":20,"53272":20,"53294":20,"53298":20,"53299":20,"53315":20,"53336":20,"53342":20},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":[{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"AUTUMNSALEMX":{"id":163,"code":"AUTUMNSALEMX","exceptions":{"136":15,"138":15,"139":15,"152":15,"153":15,"188":15,"211":15,"212":15,"215":15,"219":15,"220":15,"224":15,"255":15,"273":15,"276":15,"299":15,"301":15,"311":15,"324":15,"417":15,"418":15,"427":15,"431":15,"441":15,"443":15,"51832":15,"51950":15,"52013":41,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53140":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53184":15,"53185":15,"53187":15,"53196":15,"53206":15,"53210":15,"53212":15,"53239":15,"53251":15,"53252":15,"53253":15,"53272":15,"53294":15,"53299":15,"53336":15,"53339":15,"53342":15,"53346":15,"53357":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat-mexico.myshopify.com"],"gifts":null},"AUTUMNSALEMXFLASH":{"id":164,"code":"AUTUMNSALEMXFLASH","exceptions":{"136":20,"138":20,"139":20,"152":20,"153":20,"188":20,"211":20,"212":20,"215":20,"219":20,"220":20,"224":20,"255":20,"273":20,"276":20,"299":20,"301":20,"311":20,"324":20,"417":20,"418":20,"427":20,"431":20,"441":20,"443":20,"51832":20,"51950":20,"52013":20,"52074":20,"53009":20,"53055":20,"53090":20,"53093":20,"53102":20,"53109":20,"53110":20,"53115":20,"53117":20,"53123":20,"53140":20,"53157":20,"53158":20,"53159":20,"53160":20,"53162":20,"53176":20,"53183":20,"53184":20,"53185":20,"53187":20,"53196":20,"53206":20,"53210":20,"53212":20,"53239":20,"53251":20,"53252":20,"53253":20,"53272":20,"53294":20,"53299":20,"53336":20,"53339":20,"53342":20,"53346":20,"53357":20},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat-mexico.myshopify.com"],"gifts":null},"BEAUTY25":{"id":1,"code":"BEAUTY25","exceptions":{"136":25,"138":25,"139":20,"152":20,"153":30,"165":25,"169":25,"200":20,"201":20,"212":30,"215":40,"218":20,"219":20,"220":25,"233":30,"234":25,"237":20,"251":25,"252":40,"255":20,"276":25,"299":30,"301":30,"307":25,"308":30,"309":20,"310":30,"311":25,"324":30,"352":20,"360":25,"362":25,"417":25,"418":25,"427":20,"431":25,"23611":40,"23711":45,"23811":50,"51832":25,"51947":25,"51948":25,"51950":25,"51951":25,"51954":25,"51973":25,"52074":40,"53013":25,"53093":25,"53102":25,"53123":25,"53140":25,"53196":30,"53229":20,"53230":20,"53231":20,"53239":20,"53251":25,"53252":25,"53294":30,"53315":25,"53317":20,"53336":20,"53342":25,"53346":25,"53347":25},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"BEAUTY25MX":{"id":21,"code":"BEAUTY25MX","exceptions":{"15":69,"16":69,"17":69,"18":69,"19":69,"22":69,"23":69,"41":69,"136":0,"138":0,"139":0,"152":0,"153":20,"188":0,"200":0,"201":0,"205":67,"211":0,"212":20,"215":20,"218":0,"219":0,"220":0,"233":15,"234":0,"252":20,"255":0,"268":15,"269":15,"270":15,"271":15,"273":0,"276":0,"299":15,"301":15,"309":10,"310":20,"311":10,"324":20,"360":10,"417":20,"418":10,"427":0,"431":20,"439":15,"440":10,"441":10,"443":0,"23611":25,"23711":30,"23811":40,"51832":0,"51947":0,"51948":0,"51950":0,"51951":0,"51954":0,"51973":0,"52013":41,"52071":58,"52074":0,"53009":0,"53055":0,"53090":10,"53093":0,"53102":0,"53109":0,"53110":10,"53115":0,"53117":10,"53123":0,"53140":0,"53157":0,"53158":0,"53159":0,"53160":0,"53162":10,"53165":10,"53176":0,"53183":0,"53184":10,"53185":10,"53187":0,"53196":15,"53206":0,"53210":0,"53218":63,"53229":81,"53230":81,"53231":81,"53239":0,"53243":70,"53247":65,"53250":63,"53251":0,"53252":0,"53253":0,"53272":0,"53294":25,"53298":0,"53299":0,"53315":0,"53336":10,"53342":0,"53346":10,"53357":0},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-mexico.myshopify.com"],"gifts":[{"variant_id":157,"sku":"141","handle":"mini-the-glow","tier":"TIER1"}]}
785,"BODYCRO":{"id":2,"code":"BODYCRO","exceptions":{"17":30,"24":30,"25":30,"26":30,"27":30,"28":30,"29":30,"34":30,"41":30,"66":30,"136":20,"138":20,"139":30,"153":20,"165":15,"188":25,"200":30,"205":30,"211":30,"212":40,"215":20,"219":20,"233":30,"251":20,"252":30,"255":25,"299":20,"301":20,"308":20,"309":20,"310":20,"324":20,"360":30,"362":25,"363":25,"23611":40,"23711":45,"23811":50,"51832":15,"51947":15,"51948":15,"51954":15,"52013":15,"52071":30,"52074":30,"52075":15,"53093":15,"53115":20,"53117":15,"53123":20,"53140":20,"53165":20,"53184":20,"53185":25,"53196":30,"53206":25,"53210":15,"53218":30,"53229":30,"53230":30,"53231":30,"53234":30,"53241":30,"53242":30,"53243":30,"53244":30,"53245":30,"53250":30,"53251":15,"53252":25,"53253":20,"53270":20,"53294":35,"53315":30,"53317":30,"53336":30,"53342":15,"53357":30},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com","cocunat-mexico.myshopify.com"],"gifts":[]},"CAPILAR30":{"id":3,"code":"CAPILAR30","exceptions":{"211":30,"52013":27,"53009":23,"53055":28,"53060":30,"53090":30,"53109":10,"53110":30,"53114":30,"53115":30,"53117":30,"53157":20,"53158":20,"53159":28,"53160":28,"53161":30,"53162":30,"53163":30,"53164":30,"53165":30,"53182":25,"53183":30,"53184":30,"53185":30,"53191":30,"53239":28,"53253":30,"53270":30,"53272":28,"53294":30,"53298":29,"53315":30},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"CBFAG1001":{"id":97,"code":"CBFAG1001","exceptions":{"231":100,"260":100,"322":100,"53093":100,"53342":100,"87001":50,"88001":50},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"CBFOP12X976WNC":{"id":79,"code":"CBFOP12X976WNC","exceptions":{"218":28,"231":100,"322":100,"53093":100,"53342":100,"88003":28},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-us.myshopify.com","cocunat.myshopify.com"],"gifts":null},"CLUB":{"id":93,"code":"CLUB","exceptions":{"15":25,"16":25,"17":25,"18":25,"19":25,"22":25,"23":25,"24":25,"25":25,"26":25,"27":25,"28":25,"29":25,"34":25,"41":25,"66":25,"136":25,"138":25,"139":30,"152":20,"153":40,"165":20,"172":30,"188":20,"200":30,"201":20,"203":25,"204":25,"205":25,"206":30,"207":25,"211":30,"212":40,"215":50,"218":20,"219":25,"220":20,"233":30,"234":5,"252":40,"255":25,"268":25,"269":25,"270":25,"271":25,"273":20,"276":20,"299":30,"301":30,"307":30,"308":40,"309":25,"310":30,"311":25,"324":50,"358":5,"360":30,"362":40,"363":40,"417":30,"418":30,"431":40,"23611":35,"23711":40,"23811":50,"51832":15,"51947":20,"51948":20,"51950":20,"51951":20,"51954":20,"51973":20,"52013":25,"52071":25,"52074":30,"53009":20,"53013":20,"53055":20,"53090":25,"53093":15,"53102":20,"53109":20,"53110":25,"53115":30,"53117":25,"53123":20,"53140":30,"53157":15,"53158":20,"53159":15,"53160":20,"53162":25,"53164":25,"53165":30,"53176":20,"53183":20,"53184":25,"53185":25,"53187":10,"53196":30,"53206":20,"53210":20,"53214":20,"53218":25,"53229":30,"53230":30,"53231":30,"53234":25,"53239":20,"53241":25,"53242":25,"53243":25,"53244":25,"53245":25,"53247":25,"53250":25,"53251":20,"53252":20,"53253":30,"53270":30,"53272":20,"53294":50,"53298":20,"53299":20,"53315":30,"53317":25,"53336":30,"53342":15,"53346":20,"53357":30},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":[{"variant_id":324,"sku":"20311","handle":"beauty-tan-serum-copy","tier":"TIER0"},{"variant_id":356,"sku":"520740","handle":"extraordinary-oil-copy","tier":"TIER3"}]},"CLUBOQKLC1":{"id":51,"code":"CLUBOQKLC1","exceptions":{"152":100,"188":100,"219":100,"220":100,"255":100,"276":100,"51832":100,"52074":100,"53093":100,"53102":100,"53110":100,"53117":100,"53123":100,"53176":100,"53183":100,"53206":100,"53210":100,"53230":100,"53239":100,"53251":100,"53252":100,"53299":100,"53342":100},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[]},"COCUNATERS":{"id":106,"code":"COCUNATERS","exceptions":{},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"CORPORAL25":{"id":6,"code":"CORPORAL25","exceptions":{"136":20,"138":20,"139":20,"153":30,"172":25,"188":25,"204":25,"205":25,"207":25,"212":30,"215":40,"233":30,"252":40,"255":20,"299":30,"301":30,"307":25,"308":30,"309":20,"310":30,"311":20,"324":30,"352":20,"360":25,"362":25,"23611":40,"23711":45,"23811":50,"51973":25,"52074":40,"52075":25,"53013":25,"53140":20,"53176":25,"53196":30,"53206":25,"53210":25,"53214":25,"53218":25,"53229":20,"53230":20,"53231":20,"53239":20,"53294":30,"53299":25,"53315":20,"53317":20,"53336":25,"53357":25},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"
785sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER6"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"CORPORAL25MX":{"id":23,"code":"CORPORAL25MX","exceptions":{"136":30,"138":30,"139":30,"152":25,"153":50,"188":25,"211":30,"212":50,"215":40,"219":25,"220":25,"224":30,"255":25,"273":25,"276":25,"299":30,"301":30,"311":30,"324":40,"417":40,"418":40,"427":15,"431":40,"441":30,"443":30,"51832":25,"51950":25,"52013":25,"52074":25,"53009":25,"53055":25,"53090":30,"53093":25,"53102":25,"53109":25,"53110":30,"53115":40,"53117":30,"53123":25,"53140":30,"53157":25,"53158":25,"53159":25,"53160":25,"53162":30,"53164":30,"53176":25,"53183":25,"53184":30,"53185":30,"53187":25,"53196":30,"53206":25,"53210":25,"53212":30,"53239":25,"53251":25,"53252":25,"53253":40,"53272":25,"53294":50,"53299":25,"53336":40,"53339":30,"53342":25,"53346":30,"53357":30},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-mexico.myshopify.com"],"gifts":[{"variant_id":157,"sku":"141","handle":"mini-the-glow","tier":"TIER1"}]},"CROCODE":{"id":56,"code":"CROCODE","exceptions":{"15":25,"16":25,"17":25,"18":25,"19":25,"22":25,"23":25,"24":25,"25":25,"26":25,"27":25,"28":25,"29":25,"41":25,"66":25,"136":25,"138":25,"139":25,"152":25,"153":25,"165":25,"188":25,"200":25,"201":25,"203":25,"204":25,"205":25,"206":25,"207":25,"211":25,"212":40,"215":25,"218":25,"219":25,"220":25,"233":25,"234":25,"252":25,"255":25,"268":25,"269":25,"270":25,"271":25,"273":25,"276":25,"299":25,"301":25,"307":25,"308":25,"309":25,"310":25,"311":25,"324":25,"360":25,"362":25,"363":25,"371":25,"417":25,"418":25,"431":25,"23611":25,"23711":40,"23811":50,"51832":25,"51947":25,"51948":25,"51950":25,"51951":25,"51954":25,"51973":25,"52013":25,"52071":25,"52074":25,"53009":25,"53013":25,"53055":25,"53090":25,"53093":25,"53102":25,"53109":25,"53110":25,"53115":25,"53117":25,"53123":25,"53140":25,"53157":25,"53158":25,"53159":25,"53160":25,"53162":25,"53164":25,"53165":25,"53176":25,"53183":25,"53184":25,"53185":25,"53187":25,"53196":25,"53206":25,"53210":25,"53214":25,"53218":25,"53229":25,"53230":25,"53231":25,"53234":25,"53239":25,"53241":25,"53242":25,"53243":25,"53244":25,"53245":25,"53247":25,"53250":25,"53251":25,"53252":25,"53253":25,"53270":25,"53272":25,"53294":25,"53298":25,"53299":25,"53315":25,"53317":25,"53336":30,"53342":25,"53346":25,"53357":25},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"CURLY":{"id":121,"code":"CURLY","exceptions":{"41":69,"139":10,"152":0,"153":20,"188":0,"200":0,"201":0,"205":67,"211":30,"212":20,"218":0,"219":0,"220":0,"233":15,"234":0,"255":0,"268":15,"269":15,"270":15,"271":15,"273":0,"276":0,"299":15,"311":10,"360":10,"417":20,"427":0,"439":15,"440":10,"441":10,"452":30,"453":30,"454":30,"459":0,"460":0,"461":10,"471":0,"472":10,"23611":25,"23711":30,"23811":40,"51832":0,"51948":0,"51950":0,"51954":0,"51973":0,"52013":41,"52071":58,"52074":0,"53009":30,"53055":30,"53090":10,"53093":0,"53102":0,"53109":30,"53110":30,"53115":30,"53117":30,"53123":0,"53157":0,"53158":0,"53159":0,"53160":0,"53162":10,"53176":0,"53183":0,"53187":0,"53206":0,"53210":0,"53218":63,"53239":0,"53250":63,"53251":0,"53252":0,"53272":30,"53294":30,"53298":0,"53299":0,"53315":15,"53336":15,"53342":0},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}],"conditional_rules":[]},"CURLYMX":{"id":122,"code":"CURLYMX","exceptions":{"136":15,"138":15,"139":15,"152":15,"153":15,"188":15,"211":15,"212":15,"215":15,"219":15,"220":15,"224":15,"255":15,"273":15,"276":15,"299":15,"301":15,"311":15,"324":15,"417":15,"418":15,"427":15,"431":15,"441":15,"443":15,"51832":15,"51950":15,"52013":41,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53140":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53184":15,"53185":15,"53187":15,"53196":15,"53206":15,"53210":15,"53212":15,"53239":15,"53251":15,"53252":15,"53253":15,"53272":15,"53294":15,"53299":15,"53336":15,"53339":15,"53342":15,"53346":15,"53357":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat-mexico.myshopify.com"],"gifts":[]},"EVGOO20":{"id":7,"code":"EVGOO20","exceptions":{"15":69,"16":69,"17":69,"18":69,"19":69,"22":69,"23":69,"41":69,"136":0,"138":0,"139":0,"152":0,"153":20,"188":0,"200":0,"201":0,"205":67,"211":0,"212":20,"215":20,"218":0,"219":0,"220":0,"233":15,"234":0,"252":20,"255":0,"268":15,"269":15,"270":15,"271":15,"273":0,"276":0,"299":15,"301":15,"309":10,"310":20,"311":10,"324":20,"360":10,"417":20,"418":10,"427":0,"431":20,"439":15,"440":10,"441":10,"443":0,"23611":25,"23711":30,"23811":40,"51832":0,"51947":0,"51948":0,"51950":0,"51951":0,"51954":0,"51973":0,"52013":41,"52071":58,"52074":0,"53009":0,"53055":0,"53090":10,"53093":0,"53102":0,"53109":0,"53110":10,"53115":0,"53117":10,"53123":0,"53140":0,"53157":0,"53158":0,"53159":0,"53160":0,"53162":10,"53165":10,"53176":0,"53183":0,"53184":10,"53185":10,"53187":0,"53196":15,"53206":0,"53210":0,"53218":63,"53229":81,"53230":81,"53231":81,"53239":0,"53243":70,"53247":65,"53250":63,"53251":0,"53252":0,"53253":0,"53272":0,"53294":25,"53298":0,"53299":0,"53315":0,"53336":10,"53342":0,"53346":10,"53357":0},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"
785sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"HAIR25":{"id":8,"code":"HAIR25","exceptions":{"136":20,"138":20,"139":20,"153":30,"211":25,"212":30,"215":40,"233":30,"252":40,"255":20,"268":25,"269":25,"270":25,"271":25,"299":30,"301":30,"307":25,"308":30,"309":25,"310":30,"311":20,"324":30,"352":20,"360":25,"362":25,"363":25,"23611":40,"23711":45,"23811":50,"52013":25,"52074":40,"53009":25,"53013":25,"53055":25,"53090":25,"53109":25,"53110":25,"53115":25,"53117":25,"53140":20,"53157":25,"53158":25,"53159":25,"53160":25,"53162":25,"53164":25,"53183":25,"53184":25,"53185":25,"53187":25,"53196":30,"53229":20,"53230":20,"53231":20,"53239":25,"53253":25,"53270":25,"53272":25,"53294":30,"53298":25,"53315":25,"53317":20,"53336":20},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"HAIR25MX":{"id":22,"code":"HAIR25MX","exceptions":{"136":30,"138":30,"139":30,"152":25,"153":50,"188":25,"211":30,"212":50,"215":40,"219":25,"220":25,"224":30,"255":25,"273":25,"276":25,"299":30,"301":30,"311":30,"324":40,"417":40,"418":40,"427":15,"431":40,"441":30,"443":30,"51832":25,"51950":25,"52013":25,"52074":25,"53009":25,"53055":25,"53090":30,"53093":25,"53102":25,"53109":25,"53110":30,"53115":40,"53117":30,"53123":25,"53140":30,"53157":25,"53158":25,"53159":25,"53160":25,"53162":30,"53164":30,"53176":25,"53183":25,"53184":30,"53185":30,"53187":25,"53196":30,"53206":25,"53210":25,"53212":30,"53239":25,"53251":25,"53252":25,"53253":40,"53272":25,"53294":50,"53299":25,"53336":40,"53339":30,"53342":25,"53346":30,"53357":30},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-mexico.myshopify.com"],"gifts":[{"variant_id":157,"sku":"141","handle":"mini-the-glow","tier":"TIER1"}]},"K9X4M2P8L5Q3":{"id":59,"code":"K9X4M2P8L5Q3","exceptions":{"99007":18},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-us.myshopify.com","cocunat.myshopify.com"],"gifts":[{"variant_id":9,"sku":"53093","handle":"micellar-water-3-in-1-toning-cleanser-200ml","tier":"TIER1"},{"variant_id":43,"sku":"53251","handle":"eye-contour-bags-and-dark-circles-new","tier":"TIER1"}]},"MARCOSA":{"id":14,"code":"MARCOSA","exceptions":{"16":20,"17":20,"18":20,"19":20,"22":20,"23":20,"24":20,"25":20,"26":20,"27":20,"28":20,"29":20,"34":20,"41":20,"66":20,"136":20,"138":25,"139":25,"152":15,"153":30,"165":15,"172":15,"188":15,"200":25,"201":15,"203":15,"204":15,"205":15,"206":20,"207":20,"211":25,"212":40,"215":30,"218":20,"219":15,"220":15,"233":30,"234":15,"252":30,"255":15,"268":15,"269":15,"270":15,"271":15,"273":20,"276":15,"299":30,"301":30,"307":20,"308":25,"309":20,"310":30,"311":20,"324":30,"358":15,"360":30,"362":30,"363":30,"417":30,"418":30,"23611":35,"23711":40,"23811":50,"51832":15,"51947":15,"51948":15,"51950":15,"51951":15,"51954":15,"51973":15,"52013":15,"52071":20,"52074":15,"52075":15,"53009":15,"53013":20,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":20,"53115":20,"53117":20,"53123":15,"53140":20,"53157":10,"53158":10,"53159":10,"53160":10,"53162":15,"53164":20,"53165":20,"53176":15,"53183":15,"53184":20,"53185":20,"53187":15,"53196":30,"53206":15,"53210":15,"53214":15,"53218":20,"53229":20,"53230":20,"53231":20,"53234":20,"53239":15,"53241":20,"53242":20,"53243":20,"53244":20,"53245":20,"53247":20,"53250":20,"53251":15,"53252":15,"53253":20,"53270":20,"53272":15,"53294":30,"53298":15,"53299":20,"53315":25,"53317":20,"53336":30,"53342":15,"53346":20,"53357":25,"77007":30,"77008":30,"77009":40},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com","cocunat-mexico.myshopify.com"],"gifts":[{"variant_id":151,"sku":"139","handle":"the-real-c","tier":"TIER4"},{"variant_id":179,"sku":"201","handle":"doy-pack-the-real-c-30-days","tier":"TIER2"},{"variant_id":358,"sku":"438","handle":"trial-clinical-exosomes-1","tier":"TIER0"}]},"NEPO":{"id":47,"code":"NEPO","exceptions":{"41":69,"139":15,"152":15,"153":15,"188":15,"200":15,"201":15,"205":67,"211":15,"212":15,"218":20,"219":15,"220":15,"233":40,"234":15,"255":15,"268":15,"269":15,"270":15,"271":15,"273":15,"276":15,"299":15,"311":15,"360":15,"417":15,"427":15,"439":15,"440":15,"441":15,"452":15,"453":15,"454":15,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":15,"51948":15,"51950":15,"51954":15,"51973":15,"52013":41,"52071":30,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53187":15,"53206":15,"53218":68,"53239":15,"53250":63,"53251":15,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"
785sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"NEPOES":{"id":77,"code":"NEPOES","exceptions":{"41":69,"139":15,"152":15,"153":15,"188":15,"200":15,"201":15,"205":67,"211":15,"212":15,"218":20,"219":15,"220":15,"233":40,"234":15,"255":15,"268":15,"269":15,"270":15,"271":15,"273":15,"276":15,"299":15,"311":15,"360":15,"417":15,"427":15,"439":15,"440":15,"441":15,"452":15,"453":15,"454":15,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":15,"51948":15,"51950":15,"51954":15,"51973":15,"52013":41,"52071":30,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53187":15,"53206":15,"53218":68,"53239":15,"53250":63,"53251":15,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"NEWLEADS20":{"id":9,"code":"NEWLEADS20","exceptions":{"15":69,"16":69,"17":69,"18":69,"19":69,"22":69,"23":69,"41":69,"136":10,"138":10,"139":10,"152":10,"153":20,"188":10,"200":10,"201":10,"205":67,"211":15,"212":40,"215":35,"218":10,"219":10,"220":10,"233":15,"234":10,"252":20,"255":10,"268":15,"269":15,"270":15,"271":15,"273":10,"276":10,"299":15,"301":15,"309":10,"310":20,"311":10,"324":20,"360":10,"410":25,"417":20,"418":10,"427":10,"431":20,"439":15,"440":10,"441":10,"443":10,"452":30,"453":30,"454":30,"459":0,"460":0,"461":0,"471":0,"472":0,"23611":25,"23711":30,"23811":40,"51832":10,"51947":10,"51948":10,"51950":10,"51951":10,"51954":10,"51973":10,"52013":41,"52071":58,"52074":10,"53009":10,"53055":10,"53090":10,"53093":10,"53102":10,"53109":10,"53110":10,"53115":15,"53117":10,"53123":10,"53140":10,"53157":10,"53158":10,"53159":10,"53160":10,"53162":10,"53165":10,"53176":10,"53183":10,"53184":10,"53185":10,"53187":10,"53196":15,"53206":10,"53210":0,"53218":63,"53229":81,"53230":81,"53231":81,"53239":10,"53243":70,"53247":65,"53250":63,"53251":10,"53252":10,"53253":15,"53272":10,"53294":25,"53298":10,"53299":15,"53315":15,"53336":25,"53342":10,"53346":10,"53357":25},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}],"conditional_rules":[]},"NEWLEADS20MX":{"id":26,"code":"NEWLEADS20MX","exceptions":{"136":20,"138":20,"139":20,"152":20,"153":20,"188":20,"211":20,"212":20,"215":20,"219":20,"220":20,"224":20,"255":20,"273":20,"276":20,"299":20,"301":20,"311":20,"324":20,"417":20,"418":20,"427":20,"431":20,"441":20,"443":20,"51832":20,"51950":20,"52013":20,"52074":20,"53009":20,"53055":20,"53090":20,"53093":20,"53102":20,"53109":20,"53110":20,"53115":20,"53117":20,"53123":20,"53140":20,"53157":20,"53158":20,"53159":20,"53160":20,"53162":20,"53176":20,"53183":20,"53184":20,"53185":20,"53187":20,"53196":20,"53206":20,"53210":20,"53212":20,"53239":20,"53251":20,"53252":20,"53253":20,"53272":20,"53294":20,"53299":20,"53336":20,"53339":20,"53342":20,"53346":20,"53357":20},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-mexico.myshopify.com"],"gifts":[{"variant_id":157,"sku":"141","handle":"mini-the-glow","tier":"TIER1"}]},"OPEN":{"id":10,"code":"OPEN","exceptions":{"41":69,"139":15,"152":15,"153":15,"188":15,"200":15,"201":15,"205":67,"211":15,"212":15,"218":20,"219":15,"220":15,"233":40,"234":15,"255":15,"268":15,"269":15,"270":15,"271":15,"273":15,"276":15,"299":15,"311":15,"360":15,"417":15,"427":15,"439":15,"440":15,"441":15,"452":15,"453":15,"454":15,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":15,"51948":15,"51950":15,"51954":15,"51973":15,"52013":41,"52071":30,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53187":15,"53206":15,"53218":68,"53239":15,"53250":63,"53251":15,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":156,"sku":"142","handle":"mini-wondermask","tier":"TIER1"},{"variant_id":155,"sku":"140","handle":"mini-the-cure","tier":"TIER2"}],"conditional_rules":[]},"OPENMX":{"id":84,"code":"OPENMX","exceptions":{"136":15,"138":15,"139":15,"152":15,"153":15,"188":15,"211":15,"212":15,"215":15,"219":15,"220":15,"224":15,"255":15,"273":15,"276":15,"299":15,"301":15,"311":15,"324":15,"417":15,"418":15,"427":15,"431":15,"441":15,"443":15,"51832":15,"51950":15,"52013":41,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53140":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53184":15,"53185":15,"53187":15,"53196":15,"53206":15,"53210":15,"53212":15,"53239":15,"53251":15,"53252":15,"53253":15,"53272":15,"53294":15,"53299":15,"53336":15,"53339":15,"53342":15,"53346":15,"53357":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-mexico.myshopify.com"],"gifts":[]},"OPENROW":{"id":81,"code":"OPENROW","exceptions":{"41":69,"139":15,"152":15,"153":15,"188":15,"200":15,"201":15,"205":67,"211":15,"212":15,"218":20,"219":15,"220":15,"233":40,"234":15,"255":15,"268":15,"269":15,"270":15,"271":15,"273":15,"276":15,"299":15,"311":15,"360":15,"417":15,"427":15,"439":15,"440":15,"441":15,"452":15,"453":15,"454":15,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":15,"51948":15,"51950":15,"51954":15,"51973":15,"52013":41,"52071":30,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53187":15,"53206":15,"53218":68,"53239":15,"53250":63,"53251":15,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"
785sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"OPENUS":{"id":64,"code":"OPENUS","exceptions":{"41":69,"139":15,"152":15,"153":15,"188":15,"200":15,"201":15,"205":67,"211":15,"212":15,"218":20,"219":15,"220":15,"233":40,"234":15,"255":15,"268":15,"269":15,"270":15,"271":15,"273":15,"276":15,"299":15,"311":15,"360":15,"417":15,"427":15,"439":15,"440":15,"441":15,"452":15,"453":15,"454":15,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":15,"51948":15,"51950":15,"51954":15,"51973":15,"52013":41,"52071":30,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53187":15,"53206":15,"53218":68,"53239":15,"53250":63,"53251":15,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":330,"sku":"270","handle":"instant-root-color-2","tier":"TIER3"}]},"PQHVHX976WNC":{"id":69,"code":"PQHVHX976WNC","exceptions":{"218":25,"231":100,"322":100,"53093":100,"53342":100,"99003":17},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-us.myshopify.com","cocunat.myshopify.com"],"gifts":null},"PRIMERASEGUNDA20":{"id":71,"code":"PRIMERASEGUNDA20","exceptions":{"17":20,"24":20,"25":20,"26":20,"27":20,"28":20,"29":20,"34":20,"41":20,"66":20,"136":20,"138":20,"139":20,"152":20,"153":20,"165":20,"169":20,"172":20,"188":20,"200":20,"201":20,"204":20,"205":20,"207":20,"211":20,"212":20,"215":20,"218":20,"219":20,"220":20,"233":20,"234":20,"251":20,"252":20,"255":20,"268":20,"269":20,"270":20,"271":20,"273":20,"276":20,"299":20,"301":20,"307":20,"308":20,"309":20,"310":20,"311":20,"324":20,"358":20,"360":20,"362":20,"363":20,"417":20,"418":20,"427":20,"431":20,"439":20,"440":20,"441":20,"23611":40,"23711":45,"23811":50,"51832":20,"51947":20,"51948":20,"51950":20,"51951":20,"51954":20,"51973":20,"52013":20,"52071":20,"52074":20,"52075":20,"53009":20,"53013":20,"53055":20,"53090":20,"53093":20,"53102":20,"53109":20,"53110":20,"53115":20,"53117":20,"53123":20,"53140":20,"53157":20,"53158":20,"53159":20,"53160":20,"53162":20,"53164":20,"53165":20,"53176":20,"53183":20,"53184":20,"53185":20,"53187":20,"53196":20,"53206":20,"53210":20,"53214":20,"53218":20,"53229":20,"53230":20,"53231":20,"53234":20,"53239":20,"53241":20,"53242":20,"53243":20,"53244":20,"53245":20,"53247":20,"53250":20,"53251":20,"53252":20,"53253":20,"53270":20,"53272":20,"53294":20,"53298":20,"53299":20,"53315":20,"53317":20,"53336":20,"53342":20,"53346":20,"53347":20,"53357":20},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"PRIMERASEGUNDA20MX":{"id":72,"code":"PRIMERASEGUNDA20MX","exceptions":{"136":20,"138":20,"139":20,"152":20,"153":20,"188":20,"211":20,"212":20,"215":20,"219":20,"220":20,"224":20,"255":20,"266":20,"273":20,"276":20,"299":20,"301":20,"311":20,"324":20,"388":20,"417":20,"418":20,"51832":20,"51950":20,"52013":20,"52074":20,"53009":20,"53055":20,"53090":20,"53093":20,"53102":20,"53109":20,"53110":20,"53115":20,"53117":20,"53123":20,"53140":20,"53157":20,"53158":20,"53159":20,"53160":20,"53162":20,"53164":20,"53176":20,"53183":20,"53185":20,"53187":20,"53196":20,"53206":20,"53210":20,"53212":20,"53239":20,"53251":20,"53252":20,"53253":20,"53272":20,"53294":20,"53299":20,"53336":20,"53339":20,"53342":20,"53346":20,"53347":20,"53357":20},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-mexico.myshopify.com"],"gifts":[{"variant_id":155,"sku":"140","handle":"mini-the-cure","tier":"TIER1"}]},"PROMOTION":{"id":38,"code":"PROMOTION","exceptions":{"41":69,"139":15,"152":15,"153":15,"188":15,"200":15,"201":15,"205":67,"211":15,"212":15,"218":20,"219":15,"220":15,"233":40,"234":15,"255":15,"268":15,"269":15,"270":15,"271":15,"273":15,"276":15,"299":15,"311":15,"360":15,"417":15,"427":15,"439":15,"440":15,"441":15,"452":15,"453":15,"454":15,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":15,"51948":15,"51950":15,"51954":15,"51973":15,"52013":41,"52071":30,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53187":15,"53206":15,"53218":68,"53239":15,"53250":63,"53251":15,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"
785sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"REBUY":{"id":123,"code":"REBUY","exceptions":{"15":69,"16":69,"17":69,"18":69,"19":69,"22":69,"23":69,"41":69,"136":20,"138":20,"139":20,"152":20,"153":20,"188":20,"200":20,"201":20,"205":67,"211":20,"212":20,"215":20,"218":20,"219":20,"220":20,"233":20,"234":20,"252":20,"255":20,"268":40,"269":40,"270":40,"271":40,"273":20,"276":20,"299":20,"301":20,"309":20,"311":20,"324":20,"360":20,"417":20,"418":20,"427":20,"431":20,"439":20,"440":20,"441":20,"443":20,"23611":20,"23711":40,"23811":50,"51832":20,"51948":20,"51950":20,"51954":20,"51973":20,"52013":20,"52071":58,"52074":20,"53009":20,"53055":20,"53090":20,"53093":20,"53102":20,"53109":20,"53110":20,"53115":20,"53117":20,"53123":20,"53140":20,"53157":20,"53158":20,"53159":20,"53160":20,"53162":20,"53165":20,"53176":20,"53183":20,"53184":20,"53185":20,"53187":20,"53196":20,"53206":20,"53210":20,"53218":63,"53229":81,"53230":81,"53231":81,"53239":20,"53243":70,"53247":65,"53250":63,"53251":20,"53252":20,"53253":20,"53272":20,"53294":20,"53298":20,"53299":20,"53315":20,"53336":20,"53339":20,"53342":20,"53346":20,"53357":20},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"RETENTIONMX":{"id":68,"code":"RETENTIONMX","exceptions":{"136":10,"138":10,"139":10,"152":0,"153":20,"188":0,"211":30,"212":30,"215":20,"219":0,"220":0,"224":10,"255":0,"273":0,"276":0,"299":15,"301":15,"311":10,"324":20,"417":20,"418":10,"427":0,"431":20,"441":10,"443":10,"51832":0,"51950":0,"52013":41,"52074":0,"53009":0,"53055":30,"53090":10,"53093":0,"53102":0,"53109":0,"53110":30,"53115":15,"53117":30,"53123":0,"53140":10,"53157":0,"53158":0,"53159":0,"53160":0,"53162":10,"53176":0,"53183":0,"53184":10,"53185":30,"53187":0,"53196":15,"53206":0,"53210":0,"53212":10,"53239":0,"53251":0,"53252":0,"53253":30,"53272":0,"53294":30,"53299":0,"53336":20,"53339":10,"53342":0,"53346":10,"53357":10},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-mexico.myshopify.com"],"gifts":[{"variant_id":157,"sku":"141","handle":"mini-the-glow","tier":"TIER1"}]},"T4UYLYTI8AS01":{"id":105,"code":"T4UYLYTI8AS01","exceptions":{"ALIAS86003-01-01":33,"ALIAS86003-02-01":39},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"TESTCBF":{"id":54,"code":"TESTCBF","exceptions":{"218":20,"23611":30,"23711":40,"23811":50},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":408,"sku":"468","handle":"beauty-bag-summer-2026","tier":"TIER3"},{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"}]},"X7K9M4P2L5Q8":{"id":58,"code":"X7K9M4P2L5Q8","exceptions":{"99006":12},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-us.myshopify.com","cocunat.myshopify.com"],"gifts":[{"variant_id":9,"sku":"53093","handle":"micellar-water-3-in-1-toning-cleanser-200ml","tier":"TIER1"}]},"YT2V98966HJK":{"id":99,"code":"YT2V98966HJK","exceptions":{"231":100,"322":100,"53093":100,"53342":100,"ALIAS86003-01-03":45},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"YT2V98966HJK02":{"id":102,"code":"YT2V98966HJK02","exceptions":{"231":100,"322":100,"53093":100,"53342":100,"ALIAS86003-02-03":52},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null}};
786const marketDefaultsParam = {"id":24,"name":"United States","code":"us","flag":"🇺🇸","default_skin":"AUTUMN","default_promotion":"AUTUMNSALE","default_home":"home-REBAJAS","default_menu":"default","created_at":"2025-03-31 19:44:46","updated_at":"2026-09-21 04:56:50"};
787const apiLessUrl = "https://api-less.cocunat.com";
788const geoUrl = "https://geo.cocunat.workers.dev";
789const restApiUrl = "https://rest-api.cocunat.com";
790const forceStripe = false;
791const stripePublishableKey = "pk_live_XheoBvbrsmPnzMB8P6wR6yPA";
792
793      window.__API_LESS_URL = apiLessUrl;
794      window.__GEO_URL = geoUrl;
795      window.__REST_API_URL = restApiUrl;
796      window.__FORCE_STRIPE = forceStripe;
797      window.__STRIPE_PUBLISHABLE_KEY = stripePublishableKey;
798      window.skins = skins;
799      window.tiers = {
800        "TIER0": {
801          "EUR": 10,
802          "USD": 10,
803          "GBP": 10,
804          "AUD": 10,
805          "COP": 10,
806          "CZK": 10,
807          "DKK": 10,
808          "HUF": 10,
809          "ILS": 10,
810          "NZD": 10,
811          "NOK": 10,
812          "PYG": 10,
813          "PEN": 10,
814          "PHP": 10,
815          "PLN": 10,
816          "RON": 10,
817          "SAR": 10,
818          "SEK": 10,
819          "CHF": 10,
820          "MXN": 10,
821        },
822        "TIER1": {
823          "EUR": 80,
824          "USD": 100,
825          "GBP": 78.99,
826          "AUD": 163.99,
827          "COP": 399900,
828          "CZK": 2229,
829          "DKK": 689,
830          "HUF": 35490,
831          "ILS": 349,
832          "NZD": 189.99,
833          "NOK": 1079,
834          "PYG": 749000,
835          "PEN": 349,
836          "PHP": 6299,
837          "PLN": 389,
838          "RON": 469,
839          "SAR": 399,
840          "SEK": 1009,
841          "CHF": 84.95,
842          "MXN": 1800,
843        },
844        "TIER2": {
845          "EUR": 100,
846          "USD": 140,
847          "GBP": 109.99,
848          "AUD": 229.99,
849          "COP": 559900,
850          "CZK": 3119,
851          "DKK": 969,
852          "HUF": 49490,
853          "ILS": 489,
854          "NZD": 259.99,
855          "NOK": 1509,
856          "PYG": 1049000,
857          "PEN": 489,
858          "PHP": 8799,
859          "PLN": 549,
860          "RON": 659,
861          "SAR": 559,
862          "SEK": 1419,
863          "CHF": 118.95,
864          "MXN": 2200,
865        },
866        "TIER3": {
867          "EUR": 130,
868          "USD": 200,
869          "GBP": 157.99,
870          "AUD": 327.99,
871          "COP": 800000,
872          "CZK": 4459,
873          "DKK": 1379,
874          "HUF": 70990,
875          "ILS": 699,
876          "NZD": 379.99,
877          "NOK": 2159,
878          "PYG": 1499000,
879          "PEN": 699,
880          "PHP": 12599,
881          "PLN": 779,
882          "RON": 929,
883          "SAR": 799,
884          "SEK": 2019,
885          "CHF": 169.95,
886          "MXN": 2700,
887        },
888        "TIER4": {
889          "EUR": 150,
890          "USD": 250,
891          "GBP": 197.99,
892          "AUD": 409.99,
893          "COP": 999900,
894          "CZK": 5569,
895          "DKK": 1719,
896          "HUF": 88990,
897          "ILS": 869,
898          "NZD": 469.99,
899          "NOK": 2699,
900          "PYG": 1879000,
901          "PEN": 869,
902          "PHP": 15799,
903          "PLN": 969,
904          "RON": 1159,
905          "SAR": 999,
906          "SEK": 2529,
907          "CHF": 211.95,
908          "MXN": 3300,
909        },
910        "TIER5": {
911          "EUR": 200,
912          "USD": 300,
913          "GBP": 237.99,
914          "AUD": 489.99,
915          "COP": 1199900,
916          "CZK": 6689,
917          "DKK": 2069,
918          "HUF": 106990,
919          "ILS": 1039,
920          "NZD": 559.99,
921          "NOK": 3239,
922          "PYG": 2249000,
923          "PEN": 1039,
924          "PHP": 18899,
925          "PLN": 1169,
926          "RON": 1389,
927          "SAR": 1199,
928          "SEK": 3029,
929          "CHF": 253.95,
930          "MXN": 4799,
931        },
932        "TIER6": {
933          "EUR": 300,
934          "USD": 400,
935          "GBP": 317.99,
936          "AUD": 659.99,
937          "COP": 1599900,
938          "CZK": 8919,
939          "DKK": 2759,
940          "HUF": 141990,
941          "ILS": 1389,
942          "NZD": 749.99,
943          "NOK": 4319,
944          "PYG": 2999000,
945          "PEN": 1389,
946          "PHP": 25199,
947          "PLN": 1559,
948          "RON": 1859,
949          "SAR": 1599,
950          "SEK": 4039,
951          "CHF": 339.95,
952          "MXN": 6225,
953        },
954        "TIER7": {
955          "EUR": 500,
956          "USD": 600,
957          "GBP": 477.99,
958          "AUD": 979.99,
959          "COP": 2399900,
960          "CZK": 13379,
961          "DKK": 4139,
962          "HUF": 212990,
963          "ILS": 2079,
964          "NZD": 1119.99,
965          "NOK": 6479,
966          "PYG": 4499000,
967          "PEN": 2079,
968          "PHP": 37799,
969          "PLN": 2339,
970          "RON": 2779,
971          "SAR": 2399,
972          "SEK": 6059,
973          "CHF": 507.95,
974          "MXN": 10375,
975        },
976        "TIER8": {
977          "EUR": 1000,
978          "USD": 1000,
979          "GBP": 789.99,
980          "AUD": 1629.99,
981          "COP": 3999900,
982          "CZK": 22299,
983          "DKK": 6899,
984          "HUF": 354990,
985          "ILS": 3459,
986          "NZD": 1869.99,
987          "NOK": 10799,
988          "PYG": 7499000,
989          "PEN": 3459,
990          "PHP": 62999,
991          "PLN": 3899,
992          "RON": 4629,
993          "SAR": 3999,
994          "SEK": 10099,
995          "CHF": 845.95,
996          "MXN": 20745,
997        },
998      }
999
1000      window.marketDefaultsParam = marketDefaultsParam;
1001      window.marketData = marketData;
1002      window.activePromosCodes = Object.keys(activePromos);
1003    })();</script>
1003<script>
1004      // Control the new / recurring user here
1005      document.addEventListener('DOMContentLoaded', function() {
1006        function getCookie(name) {
1007          const value = `; ${document.cookie}`;
1008          const parts = value.split(`; ${name}=`);
1009          if (parts.length === 2) return parts.pop().split(';').shift();
1010          return null;
1011        }
1012
1013        function setCookie(name, value, days) {
1014          const expires = new Date();
1015          expires.setTime(expires.getTime() + (days * 24 * 60 * 60 * 1000));
1016          document.cookie = `${name}=${value};expires=${expires.toUTCString()};path=/`;
1017        }
1018
1019        function setClickIdsCookie(){
1020          // Take click ID parameters from URL and set cookies that can be read across cocunat.com domains
1021          const clickIdParams = ['at_gd', 'gclid', 'fbclid', 'msclkid', 'ttclid'];
1022          const urlParams = new URLSearchParams(window.location.search);
1023          const clickIds = {};
1024
1025          clickIdParams.forEach(param => {
1026            const value = urlParams.get(param);
1027            if (value) {
1028              clickIds[param] = value;
1029            }
1030          });
1031
1032          if (Object.keys(clickIds).length > 0) {
1033            const expires = new Date();
1034            expires.setTime(expires.getTime() + (365 * 24 * 60 * 60 * 1000)); // 1 year
1035
1036            // Store as JSON in a single cookie
1037            document.cookie = `click_ids=${encodeURIComponent(JSON.stringify(clickIds))};expires=${expires.toUTCString()};path=/;domain=.cocunat.com`;
1038
1039            // Also set individual cookies for backward compatibility
1040            Object.entries(clickIds).forEach(([key, value]) => {
1041              document.cookie = `${key}=${value};expires=${expires.toUTCString()};path=/;domain=.cocunat.com`;
1042            });
1043          }
1044        }
1045
1046        // Set click ID cookies if any tracking parameters exist
1047        setClickIdsCookie();
1048
1049        // Fetch geo data and add regionCode class to body
1050        fetch((window.__GEO_URL || 'https://geo.cocunat.workers.dev') + '/')
1051          .then(response => response.json())
1052          .then(data => {
1053            if (data.regionCode) {
1054              document.body.classList.add('regionCode-' + data.regionCode);
1055            }
1056            // Check for Canary Islands (ES country + CN region code)
1057            if (data.country === 'ES' && data.regionCode === 'CN') {
1058              showCanaryIslandsModal();
1059            }
1060          })
1061          .catch(() => {
1062            // Silently fail - geo detection is non-critical
1063          });
1064
1065        // Canary Islands modal function
1066        function showCanaryIslandsModal() {
1067          const modal = document.getElementById('canary-islands-modal');
1068          if (modal && !sessionStorage.getItem('canary_modal_dismissed')) {
1069            // Set the correct link based on current URL path
1070            const link = document.getElementById('canary-modal-link');
1071            if (link) {
1072              const pathMatch = window.location.pathname.match(/^\/([a-z]{2})-([a-z]{2})/);
1073              if (pathMatch) {
1074                link.href = '/' + pathMatch[1] + '-' + pathMatch[2] + '/canary-islands';
1075              } else {
1076                link.href = '/es-es/canary-islands';
1077              }
1078            }
1079            modal.classList.remove('hidden');
1080            modal.classList.add('flex');
1081            // Prevent body scroll
1082            document.body.style.overflow = 'hidden';
1083          }
1084        }
1085
1086        // Close modal handlers (No, continuar)
1087        document.addEventListener('click', function(e) {
1088          if (e.target.matches('#canary-modal-close, #canary-modal-backdrop, #canary-modal-dismiss')) {
1089            const modal = document.getElementById('canary-islands-modal');
1090            if (modal) {
1091              modal.classList.add('hidden');
1092              modal.classList.remove('flex');
1093              document.body.style.overflow = '';
1094              sessionStorage.setItem('canary_modal_dismissed', 'true');
1095
1096              // Track GTM event - user is NOT from Canary Islands
1097              const pathMatch = window.location.pathname.match(/^\/([a-z]{2})-([a-z]{2})/);
1098              const market = pathMatch ? pathMatch[1] + '-' + pathMatch[2] : 'unknown';
1099              document.dispatchEvent(new CustomEvent('EventCanaryModalNo', { detail: { market: market } }));
1100            }
1101          }
1102        });
1103
1104        // Track "Sí, soy de Canarias" button click
1105        document.addEventListener('click', function(e) {
1106          if (e.target.matches('#canary-modal-link')) {
1107            const pathMatch = window.location.pathname.match(/^\/([a-z]{2})-([a-z]{2})/);
1108            const market = pathMatch ? pathMatch[1] + '-' + pathMatch[2] : 'unknown';
1109            document.dispatchEvent(new CustomEvent('EventCanaryModalYes', { detail: { market: market } }));
1110            sessionStorage.setItem('canary_modal_dismissed', 'true');
1111          }
1112        });
1113
1114        const recurringCookie = getCookie('_recurring');
1115        const currentSessionStarted = sessionStorage.getItem('_session_started');
1116
1117        if (!recurringCookie) {
1118          // Brand new user - first time ever
1119          document.body.classList.add('user-type-new');
1120          
1121          // Set the recurring cookie for future visits
1122          setCookie('_recurring', 'true', 365); // Cookie expires in 1 year
1123          
1124          // Mark that we've started this session
1125          sessionStorage.setItem('_session_started', 'true');
1126        } else if (recurringCookie && !currentSessionStarted) {
1127          // Returning user in a new session
1128          document.body.classList.add('user-type-recurring');
1129          
1130          // Mark that we've started this session
1131          sessionStorage.setItem('_session_started', 'true');
1132        } else {
1133          // Still in the same session - maintain the new user class
1134          document.body.classList.add('user-type-new');
1135        }
1136      });
1137    </script>
1137<!-- Glide.js for sliders -->
1137<script src="https://cdn-static.cocunat.com/glide.js" defer></script>
1137<link rel="stylesheet" href="/_astro/about.COXLpV6E.css">
1138<style>@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.cocunat-wysiwyg-small{font-size:12px}#canary-islands-modal[data-astro-cid-sckkx6r4]{animation:fadeIn .3s ease-out}#canary-islands-modal[data-astro-cid-sckkx6r4]>div[data-astro-cid-sckkx6r4]:last-child{animation:slideUp .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}img{content-visibility:auto}body.market-mx #purchase-options,.price-in-club-widget .discount-badge{display:none!important}body.user-type-new #banner-menu-mobile{display:block!important}body #product-fold span.price>s{color:#969592}body #product-fold span.price>span{color:red}body{color:#000;background-color:#fff}.font-canela-italic,.title-puck-component i,.title-puck-component em,.banner-collection-product i{font-family:CanelaItalic,serif;font-style:italic}.active.upsell-collection-button{border-width:2px;--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}#usercentrics-cmp-error{display:none}body.market-_mx #banner-pdp,body.market-_mx [data-banner-pdp]{display:none!important}
1139</style>
1140<link rel="stylesheet" href="/_astro/canary-islands.pf8J22Xv.css">
1140<script type="module" src="/_astro/hoisted.CZt8Hj9K.js"></script>
1140</head> <body class="market-us" data-server-rendered-skin="AUTUMN" data-skin-ssr-complete="false" data-astro-cid-sckkx6r4>  <a class="absolute left-2 top-2 z-[200] -translate-y-[150%] rounded-md bg-black px-4 py-2.5 font-brownRegular text-sm text-white no-underline transition-transform duration-200 focus:translate-y-0 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-white" href="#main-content">Skip to content</a> <!-- Announcement bars (chrome compartido con header-2). Antes del header
1141     sticky: scrollean fuera y la cápsula se queda. --> <!-- All variants stay in the DOM: SSR selects the market default and skin.js
1142     can still switch them for a client-only preview or promotion. --><div id="announcement-bar-regular-wrapper" class="relative z-[40] [.body--mega-open_&#38;]:z-[100]"> <a href="/en-us/collections/specialoffers" id="anouncement-bar" class="bg-black w-full block text-white text-center py-1 px-1 text-sm">DISCOVER OUR SPECIAL OFFERS →</a> </div> <div id="announcement-bar-countdown-wrapper" class="relative z-[40] [.body--mega-open_&#38;]:z-[100] hidden"> <style>
1143  @media (min-width: 640px) {
1144    .announcement-bar-countdown br {
1145      display: none;
1146    }
1147
1148    .announcement-bar-countdown span {
1149      display: inline;
1150    }
1151  }
1152
1153  .countdown-number {
1154    display: inline-block;
1155    min-width: 1.2em;
1156    text-align: center;
1157    font-variant-numeric: tabular-nums;
1158  }
1159</style><a id="anouncement-bar-2" href="/en-us/collections/specialoffers" class="announcement-bar-countdown bg-black w-full text-white py-1 px-4 block"> <div class="flex items-center justify-between sm:justify-center max-w-6xl mx-auto sm:px-4 gap-4 sm:gap-8"> <div class="text-left sm:text-left"> <p class="text-[14px] leading-[16px]">DISCOVER OUR SPECIAL OFFERS →</p> </div> <div class="flex items-center gap-1 w-[125px]"> <div class="flex flex-col items-center"> <span id="countdown-days" class="countdown-number text-[16px] font-brownRegular leading-[16px]">00</span> <span class="text-[8px] uppercase">Days</span> </div> <span class="text-[16px] font-brownRegular -mt-[11px]">:</span> <div class="flex flex-col items-center"> <span id="countdown-hours" class="countdown-number text-[16px] font-brownRegular leading-[16px]">00</span> <span class="text-[8px] uppercase">Hours</span> </div> <span class="text-[16px] font-brownRegular -mt-[11px]">:</span> <div class="flex flex-col items-center"> <span id="countdown-minutes" class="countdown-number text-[16px] font-brownRegular leading-[16px]">00</span> <span class="text-[8px] uppercase">Min</span> </div> <span class="text-[16px] font-brownRegular -mt-[11px]">:</span> <div class="flex flex-col items-center"> <span id="countdown-seconds" class="countdown-number text-[16px] font-brownRegular leading-[16px]">00</span> <span class="text-[8px] uppercase">Sec</span> </div> </div> </div> </a> 
1159<script>(function(){const deadline = "2025-11-30T23:59:59";
1160
1161  function initCountdown() {
1162    // Skip if SKINs will override this (check for skin override flag)
1163    if (window.countdownSkinsOverride) return;
1164
1165    const targetDate = new Date(deadline).getTime();
1166    let lastValues = { days: null, hours: null, minutes: null, seconds: null };
1167
1168    const daysEl = document.getElementById('countdown-days');
1169    const hoursEl = document.getElementById('countdown-hours');
1170    const minutesEl = document.getElementById('countdown-minutes');
1171    const secondsEl = document.getElementById('countdown-seconds');
1172
1173    function updateCountdown() {
1174      const now = new Date().getTime();
1175      const distance = targetDate - now;
1176
1177      if (distance < 0) {
1178        if (lastValues.days !== '00') {
1179          daysEl.textContent = '00';
1180          hoursEl.textContent = '00';
1181          minutesEl.textContent = '00';
1182          secondsEl.textContent = '00';
1183          lastValues = { days: '00', hours: '00', minutes: '00', seconds: '00' };
1184        }
1185        return;
1186      }
1187
1188      const days = String(Math.floor(distance / (1000 * 60 * 60 * 24))).padStart(2, '0');
1189      const hours = String(Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))).padStart(2, '0');
1190      const minutes = String(Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60))).padStart(2, '0');
1191      const seconds = String(Math.floor((distance % (1000 * 60)) / 1000)).padStart(2, '0');
1192
1193      // Only update DOM if values changed
1194      if (lastValues.days !== days) {
1195        daysEl.textContent = days;
1196        lastValues.days = days;
1197      }
1198      if (lastValues.hours !== hours) {
1199        hoursEl.textContent = hours;
1200        lastValues.hours = hours;
1201      }
1202      if (lastValues.minutes !== minutes) {
1203        minutesEl.textContent = minutes;
1204        lastValues.minutes = minutes;
1205      }
1206      if (lastValues.seconds !== seconds) {
1207        secondsEl.textContent = seconds;
1208        lastValues.seconds = seconds;
1209      }
1210    }
1211
1212    updateCountdown();
1213    setInterval(updateCountdown, 1000);
1214  }
1215
1216  if (document.readyState === 'loading') {
1217    document.addEventListener('DOMContentLoaded', initCountdown);
1218  } else {
1219    initCountdown();
1220  }
1221})();</script>
1221 </div> <div id="announcement-bar-dynamic-wrapper" class="relative z-[40] [.body--mega-open_&#38;]:z-[100] hidden"> <div class="announcement-bar-dynamic bg-black w-full text-white py-1 px-1 text-sm min-h-[28px] flex items-center justify-center"> <a href="/en-us/collections/ofertas-especiales" class="announcement-message text-center block w-full active" data-index="0">¡REGALO POR COMPRA! A PARTIR DE +$2700 →</a><a href="/en-us/collections/envio-gratis" class="announcement-message text-center block w-full " data-index="1">ENVÍO GRATIS EN COMPRAS +$1500 →</a><a href="/en-us/collections/ofertas-especiales" class="announcement-message text-center block w-full " data-index="2">DESCUBRE NUESTRAS OFERTAS ESPECIALES →</a><a href="/en-us/collections/specialoffers" class="announcement-message text-center block w-full " data-index="3">DISCOVER OUR SPECIAL OFFERS →</a> </div> 
1221<script>(function(){const interval = 3000;
1222const messagesCount = 4;
1223
1224  function initAnnouncementCarousel() {
1225    const messages = document.querySelectorAll('.announcement-message');
1226    let currentIndex = 0;
1227
1228    if (messages.length <= 1) return;
1229
1230    function rotateMessages() {
1231      messages[currentIndex].classList.remove('active');
1232      currentIndex = (currentIndex + 1) % messagesCount;
1233      messages[currentIndex].classList.add('active');
1234    }
1235
1236    setInterval(rotateMessages, interval);
1237  }
1238
1239  if (document.readyState === 'loading') {
1240    document.addEventListener('DOMContentLoaded', initAnnouncementCarousel);
1241  } else {
1242    initAnnouncementCarousel();
1243  }
1244})();</script>
1244 </div> <header class="cat-header pointer-events-none sticky top-0 z-[90] mb-[-66px] w-full bg-transparent px-6 pb-0 pt-3 max-md:mb-[-64px] [transition:margin-top_320ms_cubic-bezier(0.4,0,0.2,1)_120ms,padding_320ms_cubic-bezier(0.4,0,0.2,1)_120ms,background-color_220ms_ease_120ms] max-md:pl-[max(12px,env(safe-area-inset-left))] max-md:pr-[max(12px,env(safe-area-inset-right))] [.body--past-hero_&]:bg-white [.body--past-hero_&]:pt-0 [.body--lock-stuck_&]:fixed [.body--lock-stuck_&]:inset-x-0 [.body--lock-stuck_&]:top-0 [.body--drawer-open_&]:fixed [.body--drawer-open_&]:inset-x-0 [.body--drawer-open_&]:top-0 [.body--drawer-open_&]:z-[110] [.body--drawer-open_&]:bg-white [.body--drawer-open_&]:pt-0 [.body--drawer-open_&]:[transition:margin-top_320ms_cubic-bezier(0.4,0,0.2,1)_0ms,padding_320ms_cubic-bezier(0.4,0,0.2,1)_0ms,background-color_220ms_ease_0ms] motion-reduce:transition-none" data-mode="negative" data-floating="true"> <div class="pointer-events-auto relative z-[2] mx-auto flex h-[54px] max-w-[1600px] items-center gap-4 roun
1244ded-md bg-black/40 px-6 text-white backdrop-blur-[14px] backdrop-saturate-[1.2] transition-[background-color,color,border-radius] duration-[220ms] [.body--nav-compact_&]:gap-2 max-lg:px-4 max-md:h-[52px] max-md:gap-0 max-md:px-2 max-[400px]:px-1 [.body--past-hero_&]:rounded-none [.body--past-hero_&]:bg-white [.body--past-hero_&]:text-black [.body--past-hero_&]:[backdrop-filter:none] [.body--drawer-open_&]:rounded-none [.body--drawer-open_&]:bg-white [.body--drawer-open_&]:text-black [.body--drawer-open_&]:[backdrop-filter:none]"> <!-- Hamburger: SOLO si hay menú (sin menú no hay drawer que abrir). --> <button type="button" class="group/burger hidden cursor-pointer items-center justify-center border-0 bg-transparent text-inherit max-lg:inline-flex [.body--nav-collapsed_&#38;]:inline-flex -ml-2 p-2 max-md:-ml-1 max-md:min-h-[44px] max-md:min-w-[44px] max-md:p-[11px] max-[400px]:min-h-[40px] max-[400px]:min-w-[40px] max-[400px]:p-2.5 focus-visible:rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-current transition-[transform,opacity] duration-[80ms] ease-out active:scale-[0.92] active:opacity-60 [-webkit-tap-highlight-color:transparent]" aria-label="Open menu" aria-expanded="false" aria-controls="cat-drawer" data-drawer-open> <span class="relative inline-flex h-3.5 w-4 flex-col justify-between" aria-hidden="true"> <span class="block h-[1.5px] w-full rounded-sm bg-current transition-[transform,opacity] duration-[250ms] ease-in-out group-aria-expanded/burger:translate-y-[6.25px] group-aria-expanded/burger:rotate-45 motion-reduce:transition-none"></span> <span class="block h-[1.5px] w-full rounded-sm bg-current transition-[transform,opacity] duration-[250ms] ease-in-out group-aria-expanded/burger:opacity-0 motion-reduce:transition-none"></span> <span class="block h-[1.5px] w-full rounded-sm bg-current transition-[transform,opacity] duration-[250ms] ease-in-out group-aria-expanded/burger:-translate-y-[6.25px] group-aria-expanded/burger:-rotate-45 motion-reduce:transition-none"></span> </span> </button> <!-- Logo. min-w + shrink-0 + overflow-visible: triple defensa anti-shrink. --> <a href="/en-us/" class="flex min-w-[121px] shrink-0 items-center overflow-visible text-inherit no-underline max-md:pointer-events-auto max-md:absolute max-md:left-1/2 max-md:top-1/2 max-md:-translate-x-1/2 max-md:-translate-y-1/2 focus-visible:rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-current" aria-label="Cocunat, go to home"> <svg class="block h-[18px] w-[121px] shrink-0 max-md:h-5 max-md:w-[134px] max-[400px]:h-[17px] max-[400px]:w-[116px]" viewBox="0 0 134 20" width="134" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg x="0" y="0" width="17.03" height="20" viewBox="0 0 17.0315 19.9988"><path d="M10.068 17.0635C6.24295 17.2027 3.24919 14.2722 3.10005 10.2452C2.95091 6.21827 5.72096 3.07675 9.54596 2.93751C11.3883 2.87007 13.0332 3.52056 14.2658 4.65838L16.5117 2.61988C14.6255 0.838087 12.1142 -0.0908813 9.43849 0.00701927C6.75617 0.10492 4.3151 1.21664 2.5649 3.13549C0.814698 5.05651 -0.0933011 7.62151 0.00758762 10.3562C0.108476 13.0909 1.2029 15.5819 3.09127 17.3702C4.97965 19.1585 7.49529 20.0897 10.1776 19.9918C12.8512 19.8939 15.2835 18.7887 17.0315 16.8807L14.7066 14.9445C13.5574 16.2041 11.941 16.9939 10.0701 17.0613L10.068 17.0635Z" fill="currentColor"></path></svg> <svg x="18.57" y="0" width="19.61" height="20" viewBox="0 0 19.6119 20"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.80595 0C7.12143 0 4.64307 1.02252 2.82269 2.87828C1.00231 4.73404 0 7.26205 0 10.0011C0 12.7401 1.00231 15.2681 2.82269 17.1217C4.64307 18.9775 7.12362 20 9.80595 20C12.4883 20 14.9688 18.9775 16.7892 17.1217C18.6096 15.266 19.6119 12.738 19.6119 10.0011C19.6119 7.26422 18.6096 4.73404 16.7892 2.87828C14.9688 1.02252 12.4883 0 9.80595 0ZM16.5172 9.99891C16.5172 14.0281 13.6309 17.0652 9.80595 17.0652C5.98095 17.0652 3.09465 14.0281 3.09465 9.99891C3.09465 5.96976 5.98095 2.93049 9.80595 2.93049C13.6309 2.93049 16.5172 5.96976 16.5172 9.99891Z" fill="currentColor"></path></svg> <svg x="40.36" y="0" width="17.03" height="20" viewBox="0 0 17.0315 19.9988"><path d="M10.0701 17.0635C6.24514 17.2027 3.25138 14.2722 3.10224 10.2452C2.9531 6.21827 5.72315 3.07675 9.54815 2.93751C11.3905 2.87007 13.0354 3.52056 14.268 4.65838L16.5139 2.61988C14.6277 0.838087 12.1164 -0.0908813 9.43849 0.00701927C6.75617 0.10492 4.3151 1.21664 2.5649 3.13549C0.814698 5.05651 -0.0933011 7.61933 0.00758762 10.3562C0.108476 13.0909 1.2029 15.5819 3.09128 17.3702C4.97965 19.1585 7.49529 20.0897 10.1776 19.9918C12.8512 19.8939 15.2835 18.7887 17.0315 16.8807L14.7066 14.9445C13.5574 16.2041 11.941 16.9939 10.0701 17.0613V17.0635Z" fill="currentColor"></path></svg> <svg x="59.99" y="0.274" width="16.31" height="19.726" viewBox="0 0 16.3067 19.7259"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.212 11.5001C13.212 13.1426 12.8524 14.2696 12.0452 15.155C11.0912 16.2102 9.70726 16.791 8.15225 16.791C6.59725 16.791 5.21551 16.2102 4.25926 15.1528C3.45215 14.2674 3.09246 13.1383 3.09246 11.4979V0H0V11.3652C0 13.7713 0.671135 15.6663 2.05507 17.1587C3.58375 18.7904 5.80549 19.7259 8.15225 19.7259C10.499 19.7259 12.723 18.7904 14.2516 17.1587C15.6334 15.6663 16.3067 13.7713 16.3067 11.3652V0H13.212V11.5022V11.5001Z" fill="currentColor"></path></svg> <svg x="80.59" y="0.274" width="18" height="19.452" viewBox="0 0 17.9977 19.4518"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5765 19.4518H17.9977V0.0348091H14.653L14.7056 12.9664L1.73265 0H0.0241291L0 19.3691H3.34468L3.29424 6.39617C4.28339 7.3556 14.5938 17.5003 16.5787 19.4518H16.5765Z" fill="currentColor"></path></svg> <svg x="102.04" y="0.274" width="18.41" height="19.454" viewBox="0 0 18.4034 19.4539"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.2775 0H8.12374L0 19.4539H3.23283L5.24183 14.5393H13.1331L15.1706 19.4539H18.4034L10.3192 0.104427L10.2753 0H10.2775ZM11.918 11.6045H6.48101L9.19842 5.11476L11.9158 11.6045H11.918Z" fill="currentColor"></path></svg> <svg x="120.45" y="0.274" width="13.55" height="19.452" viewBox="0 0 13.5542 19.4518"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V2.93267H5.23087V19.4518H8.32332V2.93267H13.5542V0H0Z" fill="currentColor"></path></svg> </svg> </a> <!-- Nav central (desktop). Solo si hay menú. Sin gap: nav-links
1245         edge-to-edge para que el cursor no cruce zonas muertas.
1246         min-w-0 + overflow-x-clip: si el contenido excede el hueco, se
1247         RECORTA (nunca pisa los iconos) hasta que megamenu-collapse.js
1248         active el modo hamburger. overflow-y visible: no recorta los
1249         hover-shields diagonales de los nav-links. En modo colapsado el nav
1250         queda invisible (conserva layout → se puede re-medir). --> <nav class="flex min-w-0 flex-1 items-center justify-center gap-0 self-stretch overflow-x-clip overflow-y-visible max-lg:hidden [.body--nav-collapsed_&]:invisible" aria-label="Main navigation" data-megamenu-nav> <a href="#" class="group/navlink relative z-[1] inline-flex h-full items-center whitespace-nowrap text-inherit no-underline outline-none hover:z-10 before:pointer-events-none before:absolute before:bottom-[-20px] before:left-[-100%] before:h-[calc(80%_+_20px)] before:w-full before:content-[''] before:[clip-path:polygon(100%_0,0%_100%,100%_100%)] hover:before:pointer-events-auto after:pointer-events-none after:absolute after:bottom-[-20px] after:left-full after:h-[calc(80%_+_20px)] after:w-full after:content-[''] after:[clip-path:polygon(0_0,0%_100%,100%_100%)] hover:after:pointer-events-auto" data-mega-trigger="categorias" data-mm-label="Categories" aria-haspopup="true"> <span class="inline-flex items-center gap-1.5 rounded-lg px-7 py-2 font-brownRegular text-[14px] leading-4 [transition:background-color_220ms_cubic-bezier(0.4,0,0.2,1)_60ms] [.body--nav-compact_&#38;]:px-2.5 group-hover/navlink:bg-black/[0.08] group-aria-expanded/navlink:bg-black/[0.18] [.body--past-hero_&#38;]:group-hover/navlink:bg-black/[0.04] [.body--past-hero_&#38;]:group-aria-expanded/navlink:bg-black/[0.08] group-focus-visible/navlink:outline group-focus-visible/navlink:outline-2 group-focus-visible/navlink:outline-offset-2 group-focus-visible/navlink:outline-current"> Categories  </span> </a><a href="#" class="group/navlink relative z-[1] inline-flex h-full items-center whitespace-nowrap text-inherit no-underline outline-none hover:z-10 before:pointer-events-none before:absolute before:bottom-[-20px] before:left-[-100%] before:h-[calc(80%_+_20px)] before:w-full before:content-[''] before:[clip-path:polygon(100%_0,0%_100%,100%_100%)] hover:before:pointer-events-auto after:pointer-events-none after:absolute after:bottom-[-20px] after:left-full after:h-[calc(80%_+_20px)] after:w-full after:content-[''] after:[clip-path:polygon(0_0,0%_100%,100%_100%)] hover:after:pointer-events-auto" data-mega-trigger="nuevo-6-tv2a" data-mm-label="Solutions" aria-haspopup="true"> <span class="inline-flex items-center gap-1.5 rounded-lg px-7 py-2 font-brownRegular text-[14px] leading-4 [transition:background-color_220ms_cubic-bezier(0.4,0,0.2,1)_60ms] [.body--nav-compact_&#38;]:px-2.5 group-hover/navlink:bg-black/[0.08] group-aria-expanded/navlink:bg-black/[0.18] [.body--past-hero_&#38;]:group-hover/navlink:bg-black/[0.04] [.body--past-hero_&#38;]:group-aria-expanded/navlink:bg-black/[0.08] group-focus-visible/navlink:outline group-focus-visible/navlink:outline-2 group-focus-visible/navlink:outline-offset-2 group-focus-visible/navlink:outline-current"> Solutions  </span> </a><a href="#" class="group/navlink relative z-[1] inline-flex h-full items-center whitespace-nowrap text-inherit no-underline outline-none hover:z-10 before:pointer-events-none before:absolute before:bottom-[-20px] before:left-[-100%] before:h-[calc(80%_+_20px)] before:w-full before:content-[''] before:[clip-path:polygon(100%_0,0%_100%,100%_100%)] hover:before:pointer-events-auto after:pointer-events-none after:absolute after:bottom-[-20px] after:left-full after:h-[calc(80%_+_20px)] after:w-full after:content-[''] after:[clip-path:polygon(0_0,0%_100%,100%_100%)] hover:after:pointer-events-auto" data-mega-trigger="activos" data-mm-label="Active Ingredients" aria-haspopup="true"> <span class="inline-flex items-center gap-1.5 rounded-lg px-7 py-2 font-brownRegular text-[14px] leading-4 [transition:background-color_220ms_cubic-bezier(0.4,0,0.2,1)_60ms] [.body--nav-compact_&#38;]:px-2.5 group-hover/navlink:bg-black/[0.08] group-aria-expanded/navlink:bg-black/[0.18] [.body--past-hero_&#38;]:group-hover/navlink:bg-black/[0.04] [.body--past-hero_&#38;]:group-aria-expanded/navlink:bg-black/[0.08] group-focus-visible/navlink:outline group-focus-visible/navlink:outline-2 group-focus-visible/navlink:outline-offset-2 group-focus-visible/navlink:outline-current"> Active Ingredients  </span> </a><a href="#" class="group/navlink relative z-[1] inline-flex h-full items-center whitespace-nowrap text-inherit no-underline outline-none hover:z-10 before:pointer-events-none before:absolute before:bottom-[-20px] before:left-[-100%] before:h-[calc(80%_+_20px)] before:w-full before:content-[''] before:[clip-path:polygon(100%_0,0%_100%,100%_100%)] hover:before:pointer-events-auto after:pointer-events-none after:absolute after:bottom-[-20px] after:left-full after:h-[calc(80%_+_20px)] after:w-full after:content-[''] after:[clip-path:polygon(0_0,0%_100%,100%_100%)] hover:after:pointer-events-auto" data-mega-trigger="tratamientos" data-mm-label="Treatments" aria-haspopup="true"> <span class="inline-flex items-center gap-1.5 rounded-lg px-7 py-2 font-brownRegular text-[14px] leading-4 [transition:background-color_220ms_cubic-bezier(0.4,0,0.2,1)_60ms] [.body--nav-compact_&#38;]:px-2.5 group-hover/navlink:bg-black/[0.08] group-aria-expanded/navlink:bg-black/[0.18] [.body--past-hero_&#38;]:group-hover/navlink:bg-black/[0.04] [.body--past-hero_&#38;]:group-aria-expanded/navlink:bg-black/[0.08] group-focus-visible/navlink:outline group-focus-visible/navlink:outline-2 group-focus-visible/navlink:outline-offset-2 group-focus-visible/navlink:outline-current"> Treatments  </span> </a><a href="#" class="group/navlink relative z-[1] inline-flex h-full items-center whitespace-nowrap text-inherit no-underline outline-none hover:z-10 before:pointer-events-none before:absolute before:bottom-[-20px] before:left-[-100%] before:h-[calc(80%_+_20px)] before:w-full before:content-[''] before:[clip-path:polygon(100%_0,0%_100%,100%_100%)] hover:before:pointer-events-auto after:pointer-events-none after:absolute after:bottom-[-20px] after:left-full after:h-[calc(80%_+_20px)] after:w-full after:content-[''] after:[clip-path:polygon(0_0,0%_100%,100%_100%)] hover:after:pointer-events-auto" data-mega-trigger="colecciones" data-mm-label="Collections" aria-haspopup="true"> <span class="inline-flex items-center gap-1.5 rounded-lg px-7 py-2 font-brownRegular text-[14px] leading-4 [transition:background-color_220ms_cubic-bezier(0.4,0,0.2,1)_60ms] [.body--nav-compact_&#38;]:px-2.5 group-hover/navlink:bg-black/[0.08] group-aria-expanded/navlink:bg-black/[0.18] [.body--past-hero_&#38;]:group-hover/navlink:bg-black/[0.04] [.body--past-hero_&#38;]:group-aria-expanded/navlink:bg-black/[0.08] group-focus-visible/navlink:outline group-focus-visible/navlink:outline-2 group-focus-visible/navlink:outline-offset-2 group-focus-visible/navlink:outline-current"> Collections  </span> </a><a href="/en-us/create-your-pack" class="group/navlink relative z-[1] inline-flex h-full items-center whitespace-nowrap text-inherit no-underline outline-none" data-mm-label="Build your bundle"> <span class="inline-flex items-center gap-1.5 rounded-lg px-7 py-2 font-brownRegular text-[14px] leading-4 [transition:background-color_220ms_cubic-bezier(0.4,0,0.2,1)_60ms] [.body--nav-compact_&#38;]:px-2.5 group-hover/navlink:bg-black/[0.08] group-aria-expanded/navlink:bg-black/[0.18] [.body--past-hero_&#38;]:group-hover/navlink:bg-black/[0.04] [.body--past-hero_&#38;]:group-aria-expanded/navlink:bg-black/[0.08] group-focus-visible/navlink:outline group-focus-visible/navlink:outline-2 group-focus-visible/navlink:outline-offset-2 group-focus-visible/navlink:outline-current"> Build your bundle <span data-badge="menu-tag" class="inline-flex items-center justify-center rounded-full px-1.5 py-[3px] font-brownRegular text-[10px] leading-none" style="background:#00C853;color:#FFFFFF" aria-label="discount -20%">-20%</span> </span> </a><a href="/en-us/club/" class="group/navlink relative z-[1] inline-flex h-full items-center whitespace-nowrap text-inherit no-underline outline-none" data-mm-label="Club"> <span class="inline-flex items-center gap-1.5 rounded-lg px-7 py-2 font-brownRegular text-[14px] leading-4 [transition:background-color_220ms_cubic-bezier(0.4,0,0.2,1)_60ms] [.body--nav-compact_&#38;]:px-2.5 group-hover/navlink:bg-black/[0.08] group-aria-expanded/navlink:bg-black/[0.18] [.body--past-hero_&#38;]:group-hover/navlink:bg-black/[0.04] [.body--past-hero_&#38;]:group-aria-expanded/navlink:bg-black/[0.08] group-focus-visible/navlink:outline group-focus-visible/navlink:outline-2 group-focus-visible/navlink:outline-offset-2 group-focus-visible/navlink:outline-current"> Club  </span> </a> </nav> <!-- Búsqueda: el id="search-button" es el contrato con SearchDropdown.
1251         ml-auto empuja el cluster de iconos a la derecha (con o sin nav). --> <button type="button" id="search-button" class="relative inline-flex shrink-0 cursor-pointer items-center justify-center border-0 bg-transparent p-1.5 text-inherit max-md:m-0 max-md:min-h-[44px] max-md:min-w-[44px] max-md:p-[11px] max-[400px]:min-h-[40px] max-[400px]:min-w-[40px] max-[400px]:p-2.5 focus-visible:rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-current ml-auto max-md:order-1 max-md:ml-0" aria-label="Search"> <svg class="h-5 w-5 max-md:h-[22px] max-md:w-[22px] max-[400px]:h-5 max-[400px]:w-5" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <circle cx="112" cy="112" r="80"></circle> <line x1="168.57" y1="168.57" x2="224" y2="224"></line> </svg> </button> <a href="/en-us/my-account/"
1251 class="relative inline-flex shrink-0 cursor-pointer items-center justify-center border-0 bg-transparent p-1.5 text-inherit max-md:m-0 max-md:min-h-[44px] max-md:min-w-[44px] max-md:p-[11px] max-[400px]:min-h-[40px] max-[400px]:min-w-[40px] max-[400px]:p-2.5 focus-visible:rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-current no-underline max-md:order-2 max-md:ml-auto" aria-label="My account"> <svg class="h-5 w-5 max-md:h-[22px] max-md:w-[22px] max-[400px]:h-5 max-[400px]:w-5" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <circle cx="128" cy="96" r="56"></circle> <path d="M30.99,216a112.94,112.94,0,0,1,194.02,0"></path> </svg> </a> <!-- Carrito: id="cart-button" + id="cart-badge-number" → contrato con cart.js. --> <button type="button" id="cart-button" class="relative inline-flex shrink-0 cursor-pointer items-center justify-center border-0 bg-transparent p-1.5 text-inherit max-md:m-0 max-md:min-h-[44px] max-md:min-w-[44px] max-md:p-[11px] max-[400px]:min-h-[40px] max-[400px]:min-w-[40px] max-[400px]:p-2.5 focus-visible:rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-current max-md:order-3" aria-label="Cart"> <svg class="h-5 w-5 max-md:h-[22px] max-md:w-[22px] max-[400px]:h-5 max-[400px]:w-5" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg> <span id="cart-badge-number" class="absolute right-0 top-0 inline-block h-4 min-w-[16px] rounded-full bg-[#ee4f3c] px-1 text-center font-brownRegular text-[10px] leading-4 text-white max-md:right-1.5 max-md:top-2 max-md:h-3.5 max-md:min-w-[14px] max-md:text-[9px] max-md:leading-[14px]" aria-hidden="true">0</span> </button> </div> <!-- Dropdown de búsqueda (chrome, siempre presente). --> <div class="pointer-events-auto"> <div id="search-dropdown" class="header-search hidden"> <div class="header-search__bar"> <div class="header-search__input-wrap"> <input type="text" id="search-input" class="header-search__input" placeholder="Search products..." autocomplete="off"> <button id="close-search" class="header-search__close" aria-label="Close search"> <span aria-hidden="true">&times;</span> </button> </div> <div id="search-meta" class="header-search__meta" aria-live="polite"></div> </div> <div id="search-results" class="header-search__results"> <!-- Results will be populated here --> </div> <div id="search-loading" class="header-search__loading hidden"> <span class="header-search__spinner" aria-hidden="true"></span> </div> </div>  
1251<script>(function(){const lang = "en";
1252const market = "us";
1253
1254    document.addEventListener('DOMContentLoaded', () => {
1255        // Search functionality
1256        const searchButton = document.getElementById('search-button');
1257        const searchDropdown = document.getElementById('search-dropdown');
1258        const searchInput = document.getElementById('search-input');
1259        const closeSearch = document.getElementById('close-search');
1260        const searchResults = document.getElementById('search-results');
1261        const searchMeta = document.getElementById('search-meta');
1262        const searchLoading = document.getElementById('search-loading');
1263
1264        // El boton #search-button vive en el header que aloja este componente.
1265        // Sin el (o sin dropdown) el buscador queda inerte de forma segura.
1266        if (!searchButton || !searchDropdown) return;
1267        let searchTimeout;
1268        let searchQueryEventAllowed = true;
1269        let searchRequestId = 0;
1270
1271        const searchCopy = {
1272            en: {
1273                placeholder: 'Search products...',
1274                noResults: 'No results found',
1275                error: 'An error occurred while searching',
1276                searching: 'Searching...',
1277                catalogResults: (count) => `${count} result${count === 1 ? '' : 's'} in the catalog`,
1278            },
1279            es: {
1280                placeholder: 'Buscar productos...',
1281                noResults: 'No se encontraron resultados',
1282                error: 'Ha ocurrido un error al buscar',
1283                searching: 'Buscando...',
1284                catalogResults: (count) => `${count} resultado${count === 1 ? '' : 's'} en el catálogo`,
1285            },
1286            de: {
1287                placeholder: 'Produkte suchen...',
1288                noResults: 'Keine Ergebnisse gefunden',
1289                error: 'Bei der Suche ist ein Fehler aufgetreten',
1290                searching: 'Suchen...',
1291                catalogResults: (count) => `${count} Ergebnis${count === 1 ? '' : 'se'} im Katalog`,
1292            },
1293            fr: {
1294                placeholder: 'Rechercher des produits...',
1295                noResults: 'Aucun résultat trouvé',
1296                error: 'Une erreur est survenue pendant la recherche',
1297                searching: 'Recherche...',
1298                catalogResults: (count) => `${count} résultat${count === 1 ? '' : 's'} dans le catalogue`,
1299            },
1300            it: {
1301                placeholder: 'Cerca prodotti...',
1302                noResults: 'Nessun risultato trovato',
1303                error: 'Si è verificato un errore durante la ricerca',
1304                searching: 'Ricerca...',
1305                catalogResults: (count) => `${count} risultat${count === 1 ? 'o' : 'i'} nel catalogo`,
1306            },
1307        };
1308        const copy = searchCopy[lang] || searchCopy.en;
1309        searchInput.placeholder = copy.placeholder;
1310
1311        function escapeHTML(value) {
1312            return String(value || '').replace(/[&<>"']/g, (char) => ({
1313                '&': '&amp;',
1314                '<': '&lt;',
1315                '>': '&gt;',
1316                '"': '&quot;',
1317                "'": '&#39;',
1318            }[char]));
1319        }
1320
1321        function getNumber(value) {
1322            if (value === null || value === undefined || value === '') return null;
1323            const numeric = Number(value);
1324            return Number.isFinite(numeric) ? numeric : null;
1325        }
1326
1327        function getMoneyAmount(value) {
1328            if (value && typeof value === 'object') return getNumber(value.amount);
1329            return getNumber(value);
1330        }
1331
1332        function getMoneyCurrency(product) {
1333            return product?.price?.currency || product?.currency || 'EUR';
1334        }
1335
1336        function formatMoney(amount, currency) {
1337            if (amount === null || amount === undefined) return '';
1338            try {
1339                return new Intl.NumberFormat(`${lang}-${market.toUpperCase()}`, {
1340                    style: 'currency',
1341                    currency,
1342                    minimumFractionDigits: Number.isInteger(amount) ? 0 : 2,
1343                    maximumFractionDigits: 2,
1344                }).format(amount);
1345            } catch (error) {
1346                try {
1347                    return new Intl.NumberFormat(lang, {
1348                        style: 'currency',
1349                        currency,
1350                        minimumFractionDigits: Number.isInteger(amount) ? 0 : 2,
1351                        maximumFractionDigits: 2,
1352                    }).format(amount);
1353                } catch (fallbackError) {
1354                    return `${amount.toFixed(Number.isInteger(amount) ? 0 : 2)} ${currency}`;
1355                }
1356            }
1357        }
1358
1359        function getProductImage(product) {
1360            const image = product?.gallery?.[0] || product?.gallery_preview || product?.image || '';
1361            // Script inline (no puede importar módulos): Layout publica
1362            // window.cocunatImagePath (src/utils/image-path.js).
1363            return window.cocunatImagePath ? window.cocunatImagePath(image, 'searchResult') : image;
1364        }
1365
1366        let searchPromoCache = null;
1367        let searchPromoCacheCode = null;
1368        let searchPricingGeneration = 0;
1369
1370        async function getSearchPromoData() {
1371            const promoCode = window.cart?.getStoredPromoCode?.();
1372            if (!promoCode) return null;
1373            if (searchPromoCache && searchPromoCacheCode === promoCode) return searchPromoCache;
1374
1375            const response = await fetch(`${(window.__API_LESS_URL || 'https://api-less.cocunat.com')}/api/promos/${promoCode}`);
1376            if (!response.ok) return null;
1377
1378            searchPromoCacheCode = promoCode;
1379            searchPromoCache = await response.json();
1380            return searchPromoCache;
1381        }
1382
1383        async function getSearchSubscriberDiscount() {
1384            // Fuente única: la caché de benefits vive en cart.js/pricingBenefits.
1385            // Sin cart.js (carrera de arranque) se pinta retail coherente.
1386            try {
1387                return (await window.cart?.getSubscriberDiscountPercentage?.()) || 0;
1388            } catch (error) {
1389                return 0;
1390            }
1391        }
1392
1393        async function applyPromoToSearchResults() {
1394            const renderGeneration = ++searchPricingGeneration;
1395            try {
1396                // La fórmula de descuento vive en cart.js (escritor único);
1397                // este dropdown no la reimplementa. El % de listado compone
1398                // también la primera compra registrada, así el buscador nunca
1399                // diverge de las cards de PLP/menú del mismo SKU. Sin cart.js
1400                // los resultados quedan a retail, precio y badge coherentes.
1401                if (!window.cart?.resolveStorefrontListingDiscount) return;
1402                const [promoData, subscriberDiscount] = await Promise.all([
1403                    getSearchPromoData(),
1404                    getSearchSubscriberDiscount(),
1405                ]);
1406                if (renderGeneration !== searchPricingGeneration) return;
1407
1408                searchResults.querySelectorAll('.price[data-sku]').forEach(priceEl => {
1409                    const sku = priceEl.getAttribute('data-sku');
1410                    const discount = window.cart.resolveStorefrontListingDiscount(promoData, sku, subscriberDiscount);
1411                    const originalPrice = getNumber(priceEl.getAttribute('data-original-price'));
1412                    const currency = priceEl.getAttribute('data-currency') || 'EUR';
1413                    if (originalPrice === null || originalPrice < 0) return;
1414
1415                    const discountedPrice = originalPrice * (1 - discount / 100);
1416                    priceEl.setAttribute('data-final-price', discountedPrice.toFixed(2));
1417                    if (discount > 0) {
1418                        priceEl.innerHTML = `
1419                            <span>${formatMoney(discountedPrice, currency)}</span>
1420                            <s>${formatMoney(originalPrice, currency)}</s>
1421                        `;
1422                    } else {
1423                        priceEl.textContent = formatMoney(originalPrice, currency);
1424                    }
1425                });
1426
1427                searchResults.querySelectorAll('.discount-badge[data-sku]').forEach(discountBadge => {
1428                    const sku = discountBadge.getAttribute('data-sku');
1429                    const discount = window.cart.resolveStorefrontListingDiscount(promoData, sku, subscriberDiscount);
1430                    if (discount > 0) {
1431                        discountBadge.textContent = `-${discount}%`;
1432                        discountBadge.classList.remove('hidden');
1433                    } else {
1434                        discountBadge.textContent = '';
1435                        discountBadge.classList.add('hidden');
1436                    }
1437                });
1438            } catch (error) {
1439                console.error('Search promo error:', error);
1440            }
1441        }
1442
1443        document.addEventListener('cocunat:identity-changed', function () {
1444            // Invalidate an older render immediately, then wait until all
1445            // identity listeners have dropped their benefit caches before
1446            // starting the replacement request.
1447            searchPricingGeneration += 1;
1448            queueMicrotask(() => {
1449                if (searchResults.querySelector('.search-result-item')) {
1450                    void applyPromoToSearchResults();
1451                }
1452            });
1453        });
1454
1455        function renderProduct(product) {
1456            const image = getProductImage(product);
1457            const priceAmount = getMoneyAmount(product?.price);
1458            const currency = getMoneyCurrency(product);
1459            const subtitle = product?.subtitle || '';
1460            const sku = product?.sku || '';
1461
1462            return `
1463                <a href="/${lang}-${market}/products/${encodeURIComponent(product.handle)}" class="header-search__item search-result-item">
1464                    <span class="header-search__thumb-wrap">
1465                        <img src="${escapeHTML(image)}" class="header-search__thumb" alt="${escapeHTML(product.title)}" loading="lazy" width="64" height="64">
1466                        ${sku ? `<span class="header-search__discount discount-badge hidden" data-badge="discount" data-sku="${escapeHTML(sku)}"></span>` : ''}
1467                    </span>
1468                    <span class="header-search__text">
1469                        <span class="header-search__title">${escapeHTML(product.title)}</span>
1470                        ${subtitle ? `<span class="header-search__sub">${escapeHTML(subtitle)}</span>` : ''}
1471                        ${priceAmount !== null ? `
1472                            <span class="header-search__price-row">
1473                                <span class="header-search__price price" data-sku="${escapeHTML(sku)}" data-original-price="${priceAmount.toFixed(2)}" data-currency="${escapeHTML(currency)}">${formatMoney(priceAmount, currency)}</span>
1474                            </span>
1475                        ` : ''}
1476                    </span>
1477                </a>
1478            `;
1479        }
1480
1481        function resetSearch({ clearInput = false } = {}) {
1482            if (clearInput) searchInput.value = '';
1483            searchResults.innerHTML = '';
1484            searchMeta.textContent = '';
1485            searchLoading.classList.add('hidden');
1486        }
1487
1488        function syncMobileSearchHeight() {
1489            if (!window.matchMedia('(max-width: 767px)').matches) {
1490                searchDropdown.style.removeProperty('--header-search-mobile-height');
1491                return;
1492            }
1493
1494            const isSearchFocused = document.activeElement === searchInput;
1495            const viewportHeight = isSearchFocused
1496                ? (window.visualViewport?.height || window.innerHeight)
1497                : window.innerHeight;
1498            const headerBottom = searchDropdown.closest('header')?.getBoundingClientRect().bottom || 0;
1499            searchDropdown.style.setProperty(
1500                '--header-search-mobile-height',
1501                `${Math.max(viewportHeight - headerBottom, 0)}px`
1502            );
1503        }
1504
1505        function toggleSearch() {
1506            searchDropdown.classList.toggle('hidden');
1507            if (!searchDropdown.classList.contains('hidden')) {
1508                syncMobileSearchHeight();
1509                searchInput.focus();
1510                
1511                // Add Enter key handler when search is opened
1512                searchInput.onkeydown = function(e) {
1513                    if (e.key === 'Enter') {
1514                        e.preventDefault();
1515                        const query = this.value.trim();
1516                        if (query) {
1517                            const searchUrl = `/${lang}-${market}/search?q=${encodeURIComponent(query)}`;
1518                            window.location.href = searchUrl;
1519                        }
1520                    }
1521                };
1522            }
1523        }
1524
1525        function closeSearchDropdown() {
1526            searchDropdown.classList.add('hidden');
1527            resetSearch({ clearInput: true });
1528        }
1529
1530        async function performSearch(query) {
1531            const requestId = ++searchRequestId;
1532            if (!query.trim()) {
1533                resetSearch();
1534                return;
1535            }
1536
1537            searchResults.innerHTML = '';
1538            searchMeta.textContent = copy.searching;
1539            searchLoading.classList.remove('hidden');
1540            try {
1541                const response = await fetch(`${(window.__API_LESS_URL || 'https://api-less.cocunat.com')}/api/products/search?q=${encodeURIComponent(query)}&lang=${lang}&market=${market}`);
1542                const data = await response.json();
1543                if (requestId !== searchRequestId) return;
1544                const visibleProducts = (data.results || [])
1545                    .filter(product => product.gallery?.[0] || product.gallery_preview || product.image);
1546                const totalResults = data.count || data.results?.length || visibleProducts.length;
1547                
1548                searchMeta.textContent = totalResults > 0 ? copy.catalogResults(totalResults) : '';
1549                searchResults.innerHTML = visibleProducts.length > 0
1550                    ? visibleProducts.map(renderProduct).join('')
1551                    : `<div class="header-search__empty">${copy.noResults} <strong>"${escapeHTML(query)}"</strong>.</div>`;
1552                if (visibleProducts.length > 0) {
1553                    applyPromoToSearchResults();
1554                }
1555
1556                const searchResultItems = searchResults.querySelectorAll('.search-result-item');
1557                searchResultItems.forEach(item => {
1558                    item.addEventListener('click', (e) => {
1559                        e.preventDefault();
1560                        try{
1561                            const currentUrl = new URL(window.location.href);
1562                            document.dispatchEvent(new CustomEvent('EventSearch', {
1563                                detail: {
1564                                    market: currentUrl.pathname.split('/')[1].replace("/", ""),
1565                                    url: window.location.href,
1566                                    keyword_search: query,
1567                                    product_search_clicked: item.href
1568                                }
1569                            }));
1570                        }catch(e){
1571                            console.error(e);
1572                        }
1573                        setTimeout(() => {
1574                            window.location.href = item.href;
1575                        }, 1000);
1576                    });
1577                });
1578
1579                // Search query event - fires once after 3+ letters, then 20s cooldown
1580                if(totalResults > 0 && query.length >= 3 && searchQueryEventAllowed){
1581                    searchQueryEventAllowed = false;
1582                    setTimeout(() => { searchQueryEventAllowed = true; }, 20000);
1583                    try{
1584                        const currentUrl = new URL(window.location.href);
1585                        document.dispatchEvent(new CustomEvent('EventSearchQuery', {
1586                            detail: {
1587                                market: currentUrl.pathname.split('/')[1].replace("/", ""),
1588                                url: window.location.href,
1589                                keyword_search: query,
1590                                results_count: totalResults
1591                            }
1592                        }));
1593                    }catch(e){
1594                        console.error(e);
1595                    }
1596                }
1597
1598                // No results event
1599                if(totalResults === 0){
1600                    try{
1601                        const currentUrl = new URL(window.location.href);
1602                        document.dispatchEvent(new CustomEvent('EventNoResultsSearch', {
1603                            detail: {
1604                                market: currentUrl.pathname.split('/')[1].replace("/", ""),
1605                                url: window.location.href,
1606                                keyword_search: query,
1607                                product_search_clicked: ""
1608                            }
1609                        }));
1610                    }catch(e){
1611                        console.error(e);
1612                    }
1613                }
1614            } catch (error) {
1615                if (requestId !== searchRequestId) return;
1616                console.error('Search error:', error);
1617                searchMeta.textContent = '';
1618                searchResults.innerHTML = `<div class="header-search__error">${copy.error}</div>`;
1619            } finally {
1620                if (requestId === searchRequestId) {
1621                    searchLoading.classList.add('hidden');
1622                }
1623            }
1624        }
1625
1626        searchButton.addEventListener('click', (e) => {
1627            e.preventDefault();
1628            toggleSearch();
1629            try{
1630                const currentUrl = new URL(window.location.href);
1631                document.dispatchEvent(new CustomEvent('EventOpenSearch', {
1632                    detail: {
1633                        market: currentUrl.pathname.split('/')[1].replace("/", ""),
1634                        url: window.location.href
1635                    }
1636                }));
1637            }catch(e){
1638                console.error(e);
1639            }
1640        });
1641
1642        closeSearch.addEventListener('click', () => {
1643            if (searchInput.value.trim()) {
1644                resetSearch({ clearInput: true });
1645                searchInput.focus();
1646                return;
1647            }
1648            closeSearchDropdown();
1649        });
1650
1651        searchInput.addEventListener('input', (e) => {
1652            clearTimeout(searchTimeout);
1653            searchTimeout = setTimeout(() => {
1654                performSearch(e.target.value);
1655            }, 300);
1656        });
1657
1658        searchInput.addEventListener('blur', () => {
1659            if (searchDropdown.classList.contains('hidden')) return;
1660            syncMobileSearchHeight();
1661            setTimeout(syncMobileSearchHeight, 250);
1662        });
1663
1664        // Close search dropdown when clicking outside
1665        document.addEventListener('click', (e) => {
1666            if (!searchDropdown.contains(e.target) && !searchButton.contains(e.target)) {
1667                closeSearchDropdown();
1668            }
1669        });
1670
1671        window.addEventListener('resize', () => {
1672            if (!searchDropdown.classList.contains('hidden')) {
1673                syncMobileSearchHeight();
1674            }
1675        });
1676
1677        window.visualViewport?.addEventListener('resize', () => {
1678            if (!searchDropdown.classList.contains('hidden')) {
1679                syncMobileSearchHeight();
1680            }
1681        });
1682    });
1683})();</script>
1683 </div>   <div class="pointer-events-none fixed inset-0 z-0 bg-[#f7f7f7]/35 opacity-0 backdrop-blur-[10px] backdrop-saturate-[1.2] transition-opacity duration-[220ms] data-[state=visible]:pointer-events-auto data-[state=visible]:opacity-100 max-lg:hidden [.body--nav-collapsed_&]:hidden" id="mega-overlay" data-state="closed" aria-hidden="true" hidden></div>  <div class="group/mega invisible pointer-events-none absolute top-full left-[max(24px,calc((100%_-_1600px)/2))] right-[max(24px,calc((100%_-_1600px)/2))] z-[1] mt-2 -translate-y-2 opacity-0 [transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_200ms] data-[state=open]:visible data-[state=open]:pointer-events-auto data-[state=open]:translate-y-0 data-[state=open]:opacity-100 data-[state=open]:[transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_0ms] max-lg:hidden [.body--nav-collapsed_&]:hidden motion-reduce:transform-none motion-reduce:[transition:opacity_0ms]" id="mega-categorias" data-mega-dynamic data-state="closed" data-active="sub-0" data-mm-section="categorias" data-mm-section-label="Categories" aria-hidden="true" hidden> <div class="grid grid-cols-[220px_1fr] gap-8 rounded-md bg-[#f7f7f7]/95 p-8 shadow-[0_4px_64px_rgba(0,0,0,0.06)] backdrop-blur-[15px]"> <!-- Rail de subs --> <nav class="flex flex-col gap-1" aria-label="Categories"> <button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:60ms]" data-sub="sub-0" data-mm-sub="collections-face" data-mm-sub-label="Skincare" aria-pressed="true"> <span class="flex items-center gap-2"> Skincare  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:140ms]" data-sub="sub-1" data-mm-sub="collections-body" data-mm-sub-label="Bodycare" aria-pressed="false"> <span class="flex items-center gap-2"> Bodycare  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:220ms]" data-sub="sub-2" data-mm-sub="collections-hair" data-mm-sub-label="Haircare" aria-pressed="false"> <span class="flex items-center gap-2"> Haircare  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1683ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:300ms]" data-sub="sub-3" data-mm-sub="curls" data-mm-sub-label="Curls" aria-pressed="false"> <span class="flex items-center gap-2"> Curls  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button> </nav> <!-- Stack de panes (crossfade por data-active) --> <div class="grid min-w-0 grid-cols-[1fr] grid-rows-[1fr]" role="region" aria-live="polite"> <div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-0" data-active="true" data-mm-list-id="megamenu_categorias_collections-face" data-mm-list-name="Mega Menú > Categories > Skincare" data-mm-sub="collections-face" data-mm-sub-label="Skincare"> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_
1683categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL BEAUTY FILLER">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL EXOSOMES">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="459" data-mm-item-name="CLINICAL SCULPT | DOUBLE CHIN" data-mm-price="280" data-mm-currency="USD" data-mm-handle="clinical-sculpt-double-chin"> <a href="/en-us/products/clinical-sculpt-double-chin" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | DOUBLE CHIN"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3d1a7-874f-42d6-892b-e4c0cf8b3365.jpg?v=1778601628&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | DOUBLE CHIN</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="459">$280</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="459"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="395" data-sku="459" data-list-id="megamenu_
1683categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL SCULPT | DOUBLE CHIN">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL THE REAL C">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_
1683categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: The Absolute">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>  </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/face" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Skincare </a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-1" data-active="false" data-mm-list-id="megamenu_
1683categorias_collections-body" data-mm-list-name="Mega Menú > Categories > Bodycare" data-mm-sub="collections-body" data-mm-sub-label="Bodycare" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_
1683categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY ">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53299" data-mm-item-name="BODY POWER" data-mm-price="93" data-mm-currency="USD" data-mm-handle="body-power-en"> <a href="/en-us/products/body-power-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View BODY POWER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3aac7-6e14-40b4-aa25-5d4073b6a1b8.png?v=1746818080&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">BODY POWER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53299">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53299"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="74" data-sku="53299" data-list-id="megamenu_categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: BODY POWER">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_
1683categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: Extraordinary Oil">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="53206" data-mm-item-name="Exotic Orange Body Mousse" data-mm-price="37.95" data-mm-currency="USD" data-mm-handle="exotic-orange-body-mousse"> <a href="/en-us/products/exotic-orange-body-mousse" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Exotic Orange Body Mousse"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/06d92815-0a16-444c-8980-a563ab803ec5.png?v=1751978691&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Exotic Orange Body Mousse</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">24h Body Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53206">$37.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53206"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="48" data-sku="53206" data-list-id="megamenu_categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: Exotic Orange Body Mousse">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="53176" data-mm-item-name="The glow" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="the-glow-en"> <a href="/en-us/products/the-glow-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The glow"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53176TheGlow2.jpg?v=1724664627&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The glow</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Body milk nourishes shines</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53176">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53176"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="51" data-sku="53176" data-list-id="megamenu_
1683categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: The glow">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>  </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/body" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Bodycare </a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-2" data-active="false" data-mm-list-id="megamenu_categorias_collections-hair" data-mm-list-name="Mega Menú > Categories > Haircare" data-mm-sub="collections-hair" data-mm-sub-label="Haircare" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3 month of Happy Hair pack"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_
1683categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: 3 month of Happy Hair pack">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="53183" data-mm-item-name="Boombastic" data-mm-price="54.95" data-mm-currency="USD" data-mm-handle="boombastic-en"> <a href="/en-us/products/boombastic-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Boombastic"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/932bf7ba-2cff-4e5d-90ad-83d2dc267f30.png?v=1764761575&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Boombastic</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Ultra Nourishing Mask + Turban</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53183">$54.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53183"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="72" data-sku="53183" data-list-id="megamenu_categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Boombastic">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savi
1683or-en"> <a href="/en-us/products/savior-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Savior"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Hair repair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Savior">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="53162" data-mm-item-name="Pack Rich for Dry Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-rich-en"> <a href="/en-us/products/pack-rich-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pack Rich for Dry Hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53162RichDryHairPack1.jpg?v=1733737079&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Pack Rich for Dry Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Shampoo &amp; Conditioner</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53162">$53.90</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53162"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="116" data-sku="53162" data-list-id="megamenu_
1683categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Pack Rich for Dry Hair">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="52013" data-mm-item-name="Capillary serum" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="intensive-hair-repair-serum"> <a href="/en-us/products/intensive-hair-repair-serum" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Capillary serum"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52013Serumcapilar2.jpg?v=1722412807&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Capillary serum</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Repair, Moisture, Antifrizz</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52013">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52013"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="23" data-sku="52013" data-list-id="megamenu_categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Capillary serum">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="53090" data-mm-item-name="Pack Pure for Oily Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-pure-en"> <a href="/en-us/products/pack-pure-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pack Pure for Oily Hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53186PackPure1.jpg?v=1722602780&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">
1683Pack Pure for Oily Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Shampoo &amp; Conditioner</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53090">$53.90</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53090"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="107" data-sku="53090" data-list-id="megamenu_categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Pack Pure for Oily Hair">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>  </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/hair" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Haircare </a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-3" data-active="false" data-mm-list-id="megamenu_categorias_curls" data-mm-list-name="Mega Menú > Categories > Curls" data-mm-sub="curls" data-mm-sub-label="Curls" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53294" data-mm-item-name="Total Curls Definition Routine" data-mm-price="222.95" data-mm-currency="USD" data-mm-handle="total-curls-en"> <a href="/en-us/products/total-curls-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Total Curls Definition Routine"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a042fe1f-5617-4a49-b476-12ae575df3d4.png?v=1773999336&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Total Curls Definition Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Defines, Eliminates Frizz, Nourishes Thoroughly.</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53294">$222.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53294"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1684       evitar nested-interactive (a > button no es válido HTML). -->
1684 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="111" data-sku="53294" data-list-id="megamenu_categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: Total Curls Definition Routine">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53115" data-mm-item-name="3x Booster Curls Definition" data-mm-price="95.85" data-mm-currency="USD" data-mm-handle="3x2-curl-booster"> <a href="/en-us/products/3x2-curl-booster" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View 3x Booster Curls Definition"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6fe69d75-3b40-494b-9eb9-5ee5550b1c63.png?v=1773908481&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">3x Booster Curls Definition</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Curl Defining Cream 3-pack</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53115">$95.85</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53115"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1685       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="99" data-sku="53115" data-list-id="megamenu_categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: 3x Booster Curls Definition">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="53055" data-mm-item-name="Curly Method by Cocunat" data-mm-price="60.95" data-mm-currency="USD" data-mm-handle="amazing-curls-pack"> <a href="/en-us/products/amazing-curls-pack" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Curly Method by Cocunat"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f58817c6-fa75-4a39-8337-ae9a16fabcae.png?v=1773996435&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Curly Method by Cocunat</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">2-step method to define curls</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53055">$60.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53055"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1686       evitar nested-interactive (a > button no es válido HTML). -->
1686 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="28" data-sku="53055" data-list-id="megamenu_categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: Curly Method by Cocunat">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="53110" data-mm-item-name="Defined Curls Kit" data-mm-price="83.95" data-mm-currency="USD" data-mm-handle="boost-and-hold-bundle"> <a href="/en-us/products/boost-and-hold-bundle" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Defined Curls Kit"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b6a5df-3b98-4cd7-8c32-a81a7dda311a.png?v=1763544637&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Defined Curls Kit</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Conditioner leave-in &amp; Cream &amp; Spray</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53110">$83.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53110"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1687       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="93" data-sku="53110" data-list-id="megamenu_categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: Defined Curls Kit">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>  <a href="/en-us/metodo-curly" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none col-start-1 row-start-2 col-span-4 lg:max-xl:col-span-3"> See all Curls </a> </div> </div> </div> </div> </div><div class="group/mega invisible pointer-events-none absolute top-full left-[max(24px,calc((100%_-_1600px)/2))] right-[max(24px,calc((100%_-_1600px)/2))] z-[1] mt-2 -translate-y-2 opacity-0 [transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_200ms] data-[state=open]:visible data-[state=open]:pointer-events-auto data-[state=open]:translate-y-0 data-[state=open]:opacity-100 data-[state=open]:[transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_0ms] max-lg:hidden [.body--nav-collapsed_&]:hidden motion-reduce:transform-none motion-reduce:[transition:opacity_0ms]" id="mega-nuevo-6-tv2a" data-mega-dynamic data-state="closed" data-active="sub-0" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" aria-hidden="true" hidden> <div class="grid grid-cols-[220px_1fr] gap-8 rounded-md bg-[#f7f7f7]/95 p-8 shadow-[0_4px_64px_rgba(0,0,0,0.06)] backdrop-blur-[15px]"> <!-- Rail de subs --> <nav class="flex flex-col gap-1" aria-label="Solutions"> <button type="button" class="mm-sub group/sub relative flex h-[38px] curs
1687or-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:60ms]" data-sub="sub-0" data-mm-sub="reduce-wrinkles" data-mm-sub-label="Reduce wrinkles" aria-pressed="true"> <span class="flex items-center gap-2"> Reduce wrinkles  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:140ms]" data-sub="sub-1" data-mm-sub="firm-my-skin" data-mm-sub-label="Firm my skin" aria-pressed="false"> <span class="flex items-center gap-2"> Firm my skin  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:220ms]" data-sub="sub-2" data-mm-sub="reduce-dark-spots" data-mm-sub-label="Reduce dark spots" aria-pressed="false"> <span class="flex items-center gap-2"> Reduce dark spots  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:300ms]" data-sub="sub-3" data-mm-sub="brighten-my-eyes" data-mm-sub-label="Brighten my eyes" aria-pressed="false"> <span class="flex items-center gap-2">
1687 Brighten my eyes  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:380ms]" data-sub="sub-4" data-mm-sub="reduce-body-fat" data-mm-sub-label="Reduce body fat" aria-pressed="false"> <span class="flex items-center gap-2"> Reduce body fat  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:460ms]" data-sub="sub-5" data-mm-sub="reduce-cellulite" data-mm-sub-label="Reduce cellulite" aria-pressed="false"> <span class="flex items-center gap-2"> Reduce cellulite  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:540ms]" data-sub="sub-6" data-mm-sub="exfoliate-my-skin" data-mm-sub-label="Exfoliate my skin" aria-pressed="false"> <span class="flex items-center gap-2"> Exfoliate my skin  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] curs
1687or-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:620ms]" data-sub="sub-7" data-mm-sub="hydrate-and-nourish" data-mm-sub-label="Hydrate and nourish" aria-pressed="false"> <span class="flex items-center gap-2"> Hydrate and nourish  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:700ms]" data-sub="sub-8" data-mm-sub="anti-hair-loss" data-mm-sub-label="Anti-hair loss" aria-pressed="false"> <span class="flex items-center gap-2"> Anti-hair loss  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:780ms]" data-sub="sub-9" data-mm-sub="define-my-curls" data-mm-sub-label="Define my curls" aria-pressed="false"> <span class="flex items-center gap-2"> Define my curls  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:860ms]" data-sub="sub-10" data-mm-sub="repair-my-hair" data-mm-sub-label="Repair my hair" aria-pressed="false"> <span class="flex items-center gap-2"> Repair my hair  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1687ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button> </nav> <!-- Stack de panes (crossfade por data-active) --> <div class="grid min-w-0 grid-cols-[1fr] grid-rows-[1fr]" role="region" aria-live="polite"> <div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-0" data-active="true" data-mm-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-mm-list-name="Mega Menú > Solutions > Reduce wrinkles" data-mm-sub="reduce-wrinkles" data-mm-sub-label="Reduce wrinkles"> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL BEAUTY FILLER">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: Clinical Retinal 0.1">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Absolute">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Cure"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Illuminating Nourishing Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Cure">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Architect"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1687Anti-Aging Eye Contour</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Architect">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL EXOSOMES">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:540ms]" data-mm-item-id="276" data-mm-item-name="The Lift" data-mm-price="57" data-mm-currency="USD" data-mm-handle="the-lift"> <a href="/en-us/products/the-lift" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Lift"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/e295ec4f-7f92-4dbe-86ac-55a6cc8270bb.jpg?v=1771328814&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Lift</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1687Instant Lifting Eye Contour Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="276">$57</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="276"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="224" data-sku="276" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Lift">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:620ms]" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL THE REAL C">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:700ms]" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>  </div>  </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-1" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-mm-list-name="Mega Menú > Solutions > Firm my skin" data-mm-sub="firm-my-skin" data-mm-sub-label="Firm my skin" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: CLINICAL EXOSOMES">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0
1687_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: CLINICAL BEAUTY FILLER">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: The Absolute">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: Clinical Retinal 0.1">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="276" data-mm-item-name="The Lift" data-mm-price="57" data-mm-currency="USD" data-mm-handle="the-lift"> <a href="/en-us/products/the-lift" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Lift"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/e295ec4f-7f92-4dbe-86ac-55a6cc8270bb.jpg?v=1771328814&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Lift</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1687Instant Lifting Eye Contour Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="276">$57</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="276"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="224" data-sku="276" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: The Lift">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>  </div>  </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-2" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-mm-list-name="Mega Menú > Solutions > Reduce dark spots" data-mm-sub="reduce-dark-spots" data-mm-sub-label="Reduce dark spots" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL THE REAL C"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-spot Vitamin C Serum | 2 Months</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1688       evitar nested-interactive (a > button no es válido HTML). -->
1688 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL THE REAL C">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Aging Exfoliating Night Serum</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1689       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="152" data-mm-item-name="CLINICAL THE REAL C 30 days" data-mm-price="74.95" data-mm-currency="USD" data-mm-handle="the-real-c-30-days"> <a href="/en-us/products/the-real-c-30-days" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL THE REAL C 30 days"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/820a1f3a-1e93-4909-94fa-4c855351814d.webp?v=1764754793&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C 30 days</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">1  month format - Vitamin C 20% Serum</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="152">$74.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="152"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1690       evitar nested-interactive (a > button no es válido HTML). -->
1690 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="161" data-sku="152" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL THE REAL C 30 days">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="200" data-mm-item-name="CLINICAL THE REAL C | REFILL" data-mm-price="108.95" data-mm-currency="USD" data-mm-handle="doy-pack-the-real-c"> <a href="/en-us/products/doy-pack-the-real-c" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL THE REAL C | REFILL"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a67284e6-1be9-4313-9a9e-11cb8b84ff78.jpg?v=1768833262&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C | REFILL</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">2 months Vitamin C</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="200">$108.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="200"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1691       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="297" data-sku="200" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL THE REAL C | REFILL">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>   </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-3" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-mm-list-name="Mega Menú > Solutions > Brighten my eyes" data-mm-sub="brighten-my-eyes" data-mm-sub-label="Brighten my eyes" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Architect"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">
1691Anti-Aging Eye Contour</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1692       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: The Architect">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53251" data-mm-item-name="EYE CONTOUR" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="eye-contour-bags-and-dark-circles-new"> <a href="/en-us/products/eye-contour-bags-and-dark-circles-new" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View EYE CONTOUR"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/4070b3b5-9d36-433c-af52-57630b823422.png?v=1759216285&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">EYE CONTOUR</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Eye Contour, Bags and Dark Circles</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53251">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53251"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1693       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="43" data-sku="53251" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: EYE CONTOUR">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="276" data-mm-item-name="The Lift" data-mm-price="57" data-mm-currency="USD" data-mm-handle="the-lift"> <a href="/en-us/products/the-lift" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Lift"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/e295ec4f-7f92-4dbe-86ac-55a6cc8270bb.jpg?v=1771328814&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Lift</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">
1693Instant Lifting Eye Contour Serum</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="276">$57</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="276"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1694       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="224" data-sku="276" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: The Lift">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="311" data-mm-item-name="ANTI-AGING EYE CONTOUR DUO" data-mm-price="136.95" data-mm-currency="USD" data-mm-handle="anti-aging-eye-contour-duo"> <a href="/en-us/products/anti-aging-eye-contour-duo" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View ANTI-AGING EYE CONTOUR DUO"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eee85e39-731c-4340-a168-37a781f3d5a7.png?v=1763549337&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">ANTI-AGING EYE CONTOUR DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-aging eye contour + Lifting effect serum</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="311">$136.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="311"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1695       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="233" data-sku="311" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: ANTI-AGING EYE CONTOUR DUO">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>   </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-4" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_reduce-body-fat" data-mm-list-name="Mega Menú > Solutions > Reduce body fat" data-mm-sub="reduce-body-fat" data-mm-sub-label="Reduce body fat" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1696       evitar nested-interactive (a > button no es válido HTML). -->
1696 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_nuevo-6-tv2a_reduce-body-fat" data-list-name="Mega Menú > Solutions > Reduce body fat" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1697       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_nuevo-6-tv2a_reduce-body-fat" data-list-name="Mega Menú > Solutions > Reduce body fat" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY ">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="459" data-mm-item-name="CLINICAL SCULPT | DOUBLE CHIN" data-mm-price="280" data-mm-currency="USD" data-mm-handle="clinical-sculpt-double-chin"> <a href="/en-us/products/clinical-sculpt-double-chin" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | DOUBLE CHIN"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3d1a7-874f-42d6-892b-e4c0cf8b3365.jpg?v=1778601628&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | DOUBLE CHIN</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="459">$280</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="459"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1698       evitar nested-interactive (a > button no es válido HTML). -->
1698 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="395" data-sku="459" data-list-id="megamenu_nuevo-6-tv2a_reduce-body-fat" data-list-name="Mega Menú > Solutions > Reduce body fat" aria-label="Add to cart: CLINICAL SCULPT | DOUBLE CHIN">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="53299" data-mm-item-name="BODY POWER" data-mm-price="93" data-mm-currency="USD" data-mm-handle="body-power-en"> <a href="/en-us/products/body-power-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View BODY POWER"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3aac7-6e14-40b4-aa25-5d4073b6a1b8.png?v=1746818080&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">BODY POWER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Cellulite Gel</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53299">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53299"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1699       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="74" data-sku="53299" data-list-id="megamenu_nuevo-6-tv2a_reduce-body-fat" data-list-name="Mega Menú > Solutions > Reduce body fat" aria-label="Add to cart: BODY POWER">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>  <a href="/en-us/clinical-sculpt" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none col-start-1 row-start-2 col-span-4 lg:max-xl:col-span-3"> See all Reduce body fat </a> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-5" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-mm-list-name="Mega Menú > Solutions > Reduce cellulite" data-mm-sub="reduce-cellulite" data-mm-sub-label="Reduce cellulite" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53299" data-mm-item-name="BODY POWER" data-mm-price="93" data-mm-currency="USD" data-mm-handle="body-power-en"> <a href="/en-us/products/body-power-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View BODY POWER"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3aac7-6e14-40b4-aa25-5d4073b6a1b8.png?v=1746818080&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">BODY POWER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Cellulite Gel</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53299">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53299"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1700       evitar nested-interactive (a > button no es válido HTML). -->
1700 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="74" data-sku="53299" data-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-list-name="Mega Menú > Solutions > Reduce cellulite" aria-label="Add to cart: BODY POWER">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1701       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-list-name="Mega Menú > Solutions > Reduce cellulite" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1702       evitar nested-interactive (a > button no es válido HTML). -->
1702 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-list-name="Mega Menú > Solutions > Reduce cellulite" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY ">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>   </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-6" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_exfoliate-my-skin" data-mm-list-name="Mega Menú > Solutions > Exfoliate my skin" data-mm-sub="exfoliate-my-skin" data-mm-sub-label="Exfoliate my skin" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Aging Exfoliating Night Serum</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1703       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_nuevo-6-tv2a_exfoliate-my-skin" data-list-name="Mega Menú > Solutions > Exfoliate my skin" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53102" data-mm-item-name="WonderMask" data-mm-price="93" data-mm-currency="USD" data-mm-handle="wonder-mask-50-en"> <a href="/en-us/products/wonder-mask-50-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View WonderMask"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/32f371eb-2119-4d5d-a5da-471e8a8c644e.jpg?v=1765268097&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">WonderMask</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Purifying Clay Facial Mask</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53102">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53102"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1704       evitar nested-interactive (a > button no es válido HTML). -->
1704 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="5" data-sku="53102" data-list-id="megamenu_nuevo-6-tv2a_exfoliate-my-skin" data-list-name="Mega Menú > Solutions > Exfoliate my skin" aria-label="Add to cart: WonderMask">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="188" data-mm-item-name="VELVET SCRUB" data-mm-price="39.95" data-mm-currency="USD" data-mm-handle="velvet-scrub"> <a href="/en-us/products/velvet-scrub" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View VELVET SCRUB"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/188VelvetScrub1.jpg?v=1724663625&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">VELVET SCRUB</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Body exfoliant</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="188">$39.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="188"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1705       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="178" data-sku="188" data-list-id="megamenu_nuevo-6-tv2a_exfoliate-my-skin" data-list-name="Mega Menú > Solutions > Exfoliate my skin" aria-label="Add to cart: VELVET SCRUB">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>   </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-7" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-mm-list-name="Mega Menú > Solutions > Hydrate and nourish" data-mm-sub="hydrate-and-nourish" data-mm-sub-label="Hydrate and nourish" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Cure"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Illuminating Nourishing Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: The Cure">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: The Absolute">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p clas
1705s="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Extraordinary Oil">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="53176" data-mm-item-name="The glow" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="the-glow-en"> <a href="/en-us/products/the-glow-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The glow"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53176TheGlow2.jpg?v=1724664627&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The glow</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Body milk nourishes shines</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53176">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53176"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="51" data-sku="53176" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: The glow">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="53206" data-mm-item-name="Exotic Orange Body Mousse" data-mm-price="37.95" data-mm-currency="USD" data-mm-handle="exotic-orange-body-mousse"> <a href="/en-us/products/exotic-orange-body-mousse" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Exotic Orange Body Mousse"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/06d92815-0a16-444c-8980-a563ab803ec5.png?v=1751978691&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Exotic Orange Body Mousse</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">24h Body Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53206">$37.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53206"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="48" data-sku="53206" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Exotic Orange Body Mousse">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:540ms]" data-mm-item-id="51973" data-mm-item-name="Divine Balm" data-mm-price="44" data-mm-currency="USD" data-mm-handle="divine-balm"> <a href="/en-us/products/divine-balm" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Divine Balm"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/TOPOBALSAMO_2.jpg?v=1721912999&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Divine Balm</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nourishes and Repairs</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="51973">$44</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51973"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="25" data-sku="51973" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Divine Balm">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:620ms]" data-mm-item-id="51948" data-mm-item-name="Combination Oily Skin Cream" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="combination-skin-face-cream"> <a href="/en-us/products/combination-skin-face-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Combination Oily Skin Cream"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7a981b5c-6e49-4a32-b637-23c5cbe64ee7.png?v=1759309219&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Combination Oily Skin Cream</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Moisturizer for combination/oily skin</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="51948">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51948"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="70" data-sku="51948" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Combination Oily Skin Cream">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:700ms]" data-mm-item-id="51950" data-mm-item-name="Anti-aging cream" data-mm-price="43" data-mm-currency="USD" data-mm-handle="anti-age-face-cream"> <a href="/en-us/products/anti-age-face-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria
1705-label="View Anti-aging cream"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/10fca41e-54b7-4e61-b06b-60a618de27e1.png?v=1759304880&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Anti-aging cream</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Elastic and nourished skin</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="51950">$43</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51950"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="58" data-sku="51950" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Anti-aging cream">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>  </div>  </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-8" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_anti-hair-loss" data-mm-list-name="Mega Menú > Solutions > Anti-hair loss" data-mm-sub="anti-hair-loss" data-mm-sub-label="Anti-hair loss" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53298" data-mm-item-name="Happy hair" data-mm-price="48.95" data-mm-currency="USD" data-mm-handle="happy-hair-en"> <a href="/en-us/products/happy-hair-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Happy hair"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6d07ea9-c6cf-4c10-9b14-597066895ddd.png?v=1761031045&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Happy hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-hair loss hair health nutricosmetic</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53298">$48.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53298"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1706       evitar nested-interactive (a > button no es válido HTML). -->
1706 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="30" data-sku="53298" data-list-id="megamenu_nuevo-6-tv2a_anti-hair-loss" data-list-name="Mega Menú > Solutions > Anti-hair loss" aria-label="Add to cart: Happy hair">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View 3 month of Happy Hair pack"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-hair loss hair health nutricosmetic</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1707       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_nuevo-6-tv2a_anti-hair-loss" data-list-name="Mega Menú > Solutions > Anti-hair loss" aria-label="Add to cart: 3 month of Happy Hair pack">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>   </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-9" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-mm-list-name="Mega Menú > Solutions > Define my curls" data-mm-sub="define-my-curls" data-mm-sub-label="Define my curls" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53009" data-mm-item-name="Curl Booster" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="curl-booster-250ml">
1707 <a href="/en-us/products/curl-booster-250ml" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Curl Booster"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/24e46c0a-3073-4e9e-9ffc-16db6faa39a9.png?v=1763548342&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Curl Booster</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Curl Defining Cream</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53009">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53009"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1708       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="12" data-sku="53009" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curl Booster">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53055" data-mm-item-name="Curly Method by Cocunat" data-mm-price="60.95" data-mm-currency="USD" data-mm-handle="amazing-curls-pack"> <a href="/en-us/products/amazing-curls-pack" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Curly Method by Cocunat"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f58817c6-fa75-4a39-8337-ae9a16fabcae.png?v=1773996435&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Curly Method by Cocunat</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">2-step method to define curls</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53055">$60.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53055"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1709       evitar nested-interactive (a > button no es válido HTML). -->
1709 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="28" data-sku="53055" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curly Method by Cocunat">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="53272" data-mm-item-name="Curl moisturizer leave-in" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="curl-moisturizer-en"> <a href="/en-us/products/curl-moisturizer-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Curl moisturizer leave-in"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/628cacb4-577e-4138-acc9-978d2517be12.png?v=1774600907&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Curl moisturizer leave-in</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Leave-in conditioner</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53272">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53272"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1710       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="4" data-sku="53272" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curl moisturizer leave-in">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="53109" data-mm-item-name="Curl Spray" data-mm-price="23" data-mm-currency="USD" data-mm-handle="curl-spray-125ml-en"> <a href="/en-us/products/curl-spray-125ml-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Curl Spray"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/dc6e866e-d849-4673-8c98-867b1b6a3902.png?v=1752260505&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Curl Spray</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Curl Setting Spray</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53109">$23</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53109"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1711       evitar nested-interactive (a > button no es válido HTML). -->
1711 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="62" data-sku="53109" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curl Spray">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>   </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-10" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-mm-list-name="Mega Menú > Solutions > Repair my hair" data-mm-sub="repair-my-hair" data-mm-sub-label="Repair my hair" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53183" data-mm-item-name="Boombastic" data-mm-price="54.95" data-mm-currency="USD" data-mm-handle="boombastic-en"> <a href="/en-us/products/boombastic-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Boombastic"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/932bf7ba-2cff-4e5d-90ad-83d2dc267f30.png?v=1764761575&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Boombastic</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Ultra Nourishing Mask + Turban</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53183">$54.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53183"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1712       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="72" data-sku="53183" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Boombastic">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savi
1712or-en"> <a href="/en-us/products/savior-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Savior"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Hair repair</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1713       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Savior">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="53162" data-mm-item-name="Pack Rich for Dry Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-rich-en"> <a href="/en-us/products/pack-rich-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Pack Rich for Dry Hair"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53162RichDryHairPack1.jpg?v=1733737079&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Pack Rich for Dry Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Shampoo &amp; Conditioner</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53162">$53.90</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53162"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1714       evitar nested-interactive (a > button no es válido HTML). -->
1714 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="116" data-sku="53162" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Pack Rich for Dry Hair">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="52013" data-mm-item-name="Capillary serum" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="intensive-hair-repair-serum"> <a href="/en-us/products/intensive-hair-repair-serum" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Capillary serum"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52013Serumcapilar2.jpg?v=1722412807&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Capillary serum</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Repair, Moisture, Antifrizz</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="52013">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52013"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1715       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="23" data-sku="52013" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Capillary serum">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>   </div> </div> </div> </div> </div><div class="group/mega invisible pointer-events-none absolute top-full left-[max(24px,calc((100%_-_1600px)/2))] right-[max(24px,calc((100%_-_1600px)/2))] z-[1] mt-2 -translate-y-2 opacity-0 [transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_200ms] data-[state=open]:visible data-[state=open]:pointer-events-auto data-[state=open]:translate-y-0 data-[state=open]:opacity-100 data-[state=open]:[transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_0ms] max-lg:hidden [.body--nav-collapsed_&]:hidden motion-reduce:transform-none motion-reduce:[transition:opacity_0ms]" id="mega-activos" data-mega-dynamic data-state="closed" data-active="sub-0" data-mm-section="activos" data-mm-section-label="Active Ingredients" aria-hidden="true" hidden> <div class="grid grid-cols-[220px_1fr] gap-8 rounded-md bg-[#f7f7f7]/95 p-8 shadow-[0_4px_64px_rgba(0,0,0,0.06)] backdrop-blur-[15px]"> <!-- Rail de subs --> <nav class="flex flex-col gap-1" aria-label="Active Ingredients"> <button type="button" class="mm-sub group/sub relative flex h-[38px] curs
1715or-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:60ms]" data-sub="sub-0" data-mm-sub="acido-hialuronico" data-mm-sub-label="Hyaluronic acid" aria-pressed="true"> <span class="flex items-center gap-2"> Hyaluronic acid  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:140ms]" data-sub="sub-1" data-mm-sub="retinal" data-mm-sub-label="Retinal" aria-pressed="false"> <span class="flex items-center gap-2"> Retinal  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:220ms]" data-sub="sub-2" data-mm-sub="alfahidroxiacidos" data-mm-sub-label="Alpha-hydroxy acids" aria-pressed="false"> <span class="flex items-center gap-2"> Alpha-hydroxy acids  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:300ms]" data-sub="sub-3" data-mm-sub="exosomas" data-mm-sub-label="Exosomes" aria-pressed="false"> <span class="flex items-center gap-2"> Exosomes  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1715ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:380ms]" data-sub="sub-4" data-mm-sub="peptidos" data-mm-sub-label="Peptides" aria-pressed="false"> <span class="flex items-center gap-2"> Peptides  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:460ms]" data-sub="sub-5" data-mm-sub="bakuchiol" data-mm-sub-label="Bakuchiol" aria-pressed="false"> <span class="flex items-center gap-2"> Bakuchiol  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:540ms]" data-sub="sub-6" data-mm-sub="vitamina-c" data-mm-sub-label="Vitamin C" aria-pressed="false"> <span class="flex items-center gap-2"> Vitamin C  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:620ms]" data-sub="sub-7" data-mm-sub="cafeina" data-mm-sub-label="Caffeine" aria-pressed="false"> <span class="flex items-center gap-2"> Caffeine  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1715ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:700ms]" data-sub="sub-8" data-mm-sub="niacinamida" data-mm-sub-label="Niacinamide" aria-pressed="false"> <span class="flex items-center gap-2"> Niacinamide  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button> </nav> <!-- Stack de panes (crossfade por data-active) --> <div class="grid min-w-0 grid-cols-[1fr] grid-rows-[1fr]" role="region" aria-live="polite"> <div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-0" data-active="true" data-mm-list-id="megamenu_activos_acido-hialuronico" data-mm-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" data-mm-sub="acido-hialuronico" data-mm-sub-label="Hyaluronic acid"> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-[minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)] lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: CLINICAL BEAUTY FILLER">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: CLINICAL EXOSOMES">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: The Absolute">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: Clinical Retinal 0.1">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-d
1715ata-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms] lg:max-xl:hidden" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms] lg:max-xl:hidden" data-mm-item-id="311" data-mm-item-name="ANTI-AGING EYE CONTOUR DUO" data-mm-price="136.95" data-mm-currency="USD" data-mm-handle="anti-aging-eye-contour-duo"> <a href="/en-us/products/anti-aging-eye-contour-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-AGING EYE CONTOUR DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eee85e39-731c-4340-a168-37a781f3d5a7.png?v=1763549337&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">ANTI-AGING EYE CONTOUR DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging eye contour + Lifting effect serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="311">$136.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="311"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="233" data-sku="311" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: ANTI-AGING EYE CONTOUR DUO">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <div class="mm-banner-area [grid-row:1/span_3] grid h-full gap-4 min-h-0 col-start-3 col-span-1 lg:max-xl:col-start-2"> <div class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mm-banner h-full min-h-0 group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:220ms] motion-reduce:!animate-none"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/a663fad4-a315-4cdf-87f8-72f43353dd05.mp4" poster="https://shopify-cdn.cocunat.com/6ae13c4c-2029-4669-b9c3-2cd8b5d76f95.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><video class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/7c6be295-8adc-474c-a487-dbb58df7ef41.mp4" poster="https://shopify-cdn.cocunat.com/6ae13c4c-2029-4669-b9c3-2cd8b5d76f95.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Hyaluronic acid</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Deeply hydrates. Keeps skin firm and elastic.</p>  </div></div> </div> </div>  </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-1" data-active="false" data-mm-list-id="megamenu_activos_retinal" data-mm-list-name="Mega Menú > Active Ingredients > Retinal" data-mm-sub="retinal" data-mm-sub-label="Retinal" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Clinical Retinal 0.1"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Nighttime Regenerative Facial Serum</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1716       evitar nested-interactive (a > button no es válido HTML). -->
1716 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_activos_retinal" data-list-name="Mega Menú > Active Ingredients > Retinal" aria-label="Add to cart: Clinical Retinal 0.1">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms] lg:max-xl:hidden" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Cure"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Illuminating Nourishing Serum</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1717       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_activos_retinal" data-list-name="Mega Menú > Active Ingredients > Retinal" aria-label="Add to cart: The Cure">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <div class="mm-banner-area [grid-row:1/span_2] grid h-full gap-4 min-h-0 col-start-3 col-span-2 lg:max-xl:col-start-2"> <div class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mm-banner h-full min-h-0 group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:220ms] motion-reduce:!animate-none"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/427f8dce-b541-48a6-877a-6d21e667bf68.mp4" poster="https://shopify-cdn.cocunat.com/d11feb9f-e86f-489
17176-8bcd-81fbdedecf68.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><video class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/50a2c637-ff2e-4b44-8286-148a0ffbdeca.mp4" poster="https://shopify-cdn.cocunat.com/d11feb9f-e86f-4896-8bcd-81fbdedecf68.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Retinal</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Boosts cellular regeneration. Reduces wrinkles and stimulates collagen.</p>  </div></div> </div>  </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-2" data-active="false" data-mm-list-id="megamenu_activos_alfahidroxiacidos" data-mm-list-name="Mega Menú > Active Ingredients > Alpha-hydroxy acids" data-mm-sub="alfahidroxiacidos" data-mm-sub-label="Alpha-hydroxy acids" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Aging Exfoliating Night Serum</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1718       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_activos_alfahidroxiacidos" data-list-name="Mega Menú > Active Ingredients > Alpha-hydroxy acids" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>   </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-3" data-active="false" data-mm-list-id="megamenu_activos_exosomas" data-mm-list-name="Mega Menú > Active Ingredients > Exosomes" data-mm-sub="exosomas" data-mm-sub-label="Exosomes" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms] lg:max-xl:hidden" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL EXOSOMES"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] absolute left-1.5 top-1.5 z-[3] text-white bg-black" aria-hidden="true"> Best Seller </span> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">V-Lifting Serum 8 weeks</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1719       evitar nested-interactive (a > button no es válido HTML). -->
1719 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_activos_exosomas" data-list-name="Mega Menú > Active Ingredients > Exosomes" aria-label="Add to cart: CLINICAL EXOSOMES">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <div class="mm-banner-area [grid-row:1/span_2] grid h-full gap-4 min-h-0 col-start-2 col-span-3 lg:max-xl:col-start-1"> <a href="hola hola" data-mm-promo="Exosomes" class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mm-banner h-full min-h-0 group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:220ms] motion-reduce:!animate-none"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/21744b96-2dbb-46ef-85f4-f228ee5dc229.mp4" poster="https://shopify-cdn.cocunat.com/719e4926-4d7d-4773-8dfe-f732c202ac5b.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><img class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=auto,quality=90/acad2cbf-98b7-42cf-84d6-23481ee49a4d.jpg" alt="" loading="lazy" decoding="async" width="960" height="720"><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Exosomes</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Restores cellular communication. Redefines the facial contour and improves firmness.</p>  </div></a> </div>  </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-4" data-active="false" data-mm-list-id="megamenu_activos_peptidos" data-mm-list-name="Mega Menú > Active Ingredients > Peptides" data-mm-sub="peptidos" data-mm-sub-label="Peptides" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">
1719Anti-aging serum + micro-infusion</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1720       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL BEAUTY FILLER">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL EXOSOMES"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] absolute left-1.5 top-1.5 z-[3] text-white bg-black" aria-hidden="true"> Best Seller </span> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">V-Lifting Serum 8 weeks</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1721       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL EXOSOMES">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Firming anti-ageing cream</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1722       evitar nested-interactive (a > button no es válido HTML). -->
1722 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1723       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>   </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-5" data-active="false" data-mm-list-id="megamenu_activos_bakuchiol" data-mm-list-name="Mega Menú > Active Ingredients > Bakuchiol" data-mm-sub="bakuchiol" data-mm-sub-label="Bakuchiol" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Cure"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Illuminating Nourishing Serum</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1724       evitar nested-interactive (a > button no es válido HTML). -->
1724 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_activos_bakuchiol" data-list-name="Mega Menú > Active Ingredients > Bakuchiol" aria-label="Add to cart: The Cure">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Absolute"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-wrinkle facial cream</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1725       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_activos_bakuchiol" data-list-name="Mega Menú > Active Ingredients > Bakuchiol" aria-label="Add to cart: The Absolute">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms] lg:max-xl:hidden" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Architect"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">
1725Anti-Aging Eye Contour</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1726       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_activos_bakuchiol" data-list-name="Mega Menú > Active Ingredients > Bakuchiol" aria-label="Add to cart: The Architect">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <div class="mm-banner-area [grid-row:1/span_2] grid h-full gap-4 min-h-0 col-start-4 col-span-1 lg:max-xl:col-start-3"> <div class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mm-banner h-full min-h-0 group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:220ms] motion-reduce:!animate-none"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/8de2e84f-1be8-435a-a745-0e45ccfa3bd7.mp4" poster="https://shopify-cdn.cocunat.com/56e3331c-e62a-40e9-b3a8-abd528cce63f.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><video class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/6e52dc9f-cbf8-4b41-a29f-375167134bc7.mp4" poster="https://shopify-cdn.cocunat.com/56e3331c-e62a-40e9-b3a8-abd528cce63f.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Bakuchiol</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">The plant-based alternative to retinol. Fights wrinkles and stimulates collagen.</p>  </div></div> </div>  </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-6" data-active="false" data-mm-list-id="megamenu_activos_vitamina-c" data-mm-list-name="Mega Menú > Active Ingredients > Vitamin C" data-mm-sub="vitamina-c" data-mm-sub-label="Vitamin C" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL THE REAL C"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-spot Vitamin C Serum | 2 Months</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1727       evitar nested-interactive (a > button no es válido HTML). -->
1727 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_activos_vitamina-c" data-list-name="Mega Menú > Active Ingredients > Vitamin C" aria-label="Add to cart: CLINICAL THE REAL C">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms] lg:max-xl:hidden" data-mm-item-id="200" data-mm-item-name="CLINICAL THE REAL C | REFILL" data-mm-price="108.95" data-mm-currency="USD" data-mm-handle="doy-pack-the-real-c"> <a href="/en-us/products/doy-pack-the-real-c" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL THE REAL C | REFILL"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a67284e6-1be9-4313-9a9e-11cb8b84ff78.jpg?v=1768833262&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C | REFILL</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">2 months Vitamin C</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="200">$108.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="200"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1728       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="297" data-sku="200" data-list-id="megamenu_activos_vitamina-c" data-list-name="Mega Menú > Active Ingredients > Vitamin C" aria-label="Add to cart: CLINICAL THE REAL C | REFILL">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <div class="mm-banner-area [grid-row:1/span_2] grid h-full gap-4 min-h-0 col-start-3 col-span-2 lg:max-xl:col-start-2"> <div class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mm-banner h-full min-h-0 group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:220ms] motion-reduce:!animate-none"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/4966c789-783e-472b-9a42-b94548193f5f.mp4" poster="https://shopify-cdn.cocunat.com/b90a97aa-56b8-41d5-9cd3-161f08eb76ed.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><video class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/ac27ce9c-934d-4878-a370-b8c21b42c438.mp4" poster="https://shopify-cdn.cocunat.com/b90a97aa-56b8-41d5-9cd3-161f08eb76ed.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Vitamin C</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Brightens and reduces dark spots. Potent antioxidant.</p>  </div></div> </div>  </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-7" data-active="false" data-mm-list-id="megamenu_activos_cafeina" data-mm-list-name="Mega Menú > Active Ingredients > Caffeine" data-mm-sub="cafeina" data-mm-sub-label="Caffeine" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53299" data-mm-item-name="BODY POWER" data-mm-price="93" data-mm-currency="USD" data-mm-handle="body-power-en"> <a href="/en-us/products/body-power-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View BODY POWER"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3aac7-6e14-40b4-aa25-5d4073b6a1b8.png?v=1746818080&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">BODY POWER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Cellulite Gel</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53299">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53299"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1729       evitar nested-interactive (a > button no es válido HTML). -->
1729 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="74" data-sku="53299" data-list-id="megamenu_activos_cafeina" data-list-name="Mega Menú > Active Ingredients > Caffeine" aria-label="Add to cart: BODY POWER">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Architect"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Aging Eye Contour</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1730       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_activos_cafeina" data-list-name="Mega Menú > Active Ingredients > Caffeine" aria-label="Add to cart: The Architect">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="53251" data-mm-item-name="EYE CONTOUR" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="eye-contour-bags-and-dark-circles-new"> <a href="/en-us/products/eye-contour-bags-and-dark-circles-new" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View EYE CONTOUR"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/4070b3b5-9d36-433c-af52-57630b823422.png?v=1759216285&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">EYE CONTOUR</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Eye Contour, Bags and Dark Circles</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53251">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53251"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1731       evitar nested-interactive (a > button no es válido HTML). -->
1731 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="43" data-sku="53251" data-list-id="megamenu_activos_cafeina" data-list-name="Mega Menú > Active Ingredients > Caffeine" aria-label="Add to cart: EYE CONTOUR">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>   </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-8" data-active="false" data-mm-list-id="megamenu_activos_niacinamida" data-mm-list-name="Mega Menú > Active Ingredients > Niacinamide" data-mm-sub="niacinamida" data-mm-sub-label="Niacinamide" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Clinical Retinal 0.1"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Nighttime Regenerative Facial Serum</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1732       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_activos_niacinamida" data-list-name="Mega Menú > Active Ingredients > Niacinamide" aria-label="Add to cart: Clinical Retinal 0.1">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Aging Exfoliating Night Serum</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1733       evitar nested-interactive (a > button no es válido HTML). -->
1733 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_activos_niacinamida" data-list-name="Mega Menú > Active Ingredients > Niacinamide" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>   </div> </div> </div> </div> </div><div class="group/mega invisible pointer-events-none absolute top-full left-[max(24px,calc((100%_-_1600px)/2))] right-[max(24px,calc((100%_-_1600px)/2))] z-[1] mt-2 -translate-y-2 opacity-0 [transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_200ms] data-[state=open]:visible data-[state=open]:pointer-events-auto data-[state=open]:translate-y-0 data-[state=open]:opacity-100 data-[state=open]:[transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_0ms] max-lg:hidden [.body--nav-collapsed_&]:hidden motion-reduce:transform-none motion-reduce:[transition:opacity_0ms]" id="mega-tratamientos" data-mega-dynamic data-state="closed" data-active="sub-0" data-mm-section="tratamientos" data-mm-section-label="Treatments" aria-hidden="true" hidden> <div class="grid grid-cols-[220px_1fr] gap-8 rounded-md bg-[#f7f7f7]/95 p-8 shadow-[0_4px_64px_rgba(0,0,0,0.06)] backdrop-blur-[15px]"> <!-- Rail de subs --> <nav class="flex flex-col gap-1" aria-label="Treatments"> <button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:60ms]" data-sub="sub-0" data-mm-sub="products-anti-wrinkle-lifting-duo" data-mm-sub-label="Firming Method" aria-pressed="true"> <span class="flex items-center gap-2"> Firming Method  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:140ms]" data-sub="sub-1" data-mm-sub="antiedad" data-mm-sub-label="Anti-ageing" aria-pressed="false"> <span class="flex items-center gap-2"> Anti-ageing  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1733ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:220ms]" data-sub="sub-2" data-mm-sub="perdida-grasa" data-mm-sub-label="Fat loss" aria-pressed="false"> <span class="flex items-center gap-2"> Fat loss  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:300ms]" data-sub="sub-3" data-mm-sub="anticelulitico" data-mm-sub-label="Anti-cellulite" aria-pressed="false"> <span class="flex items-center gap-2"> Anti-cellulite  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:380ms]" data-sub="sub-4" data-mm-sub="antimanchas" data-mm-sub-label="Anti-dark spots" aria-pressed="false"> <span class="flex items-center gap-2"> Anti-dark spots  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:460ms]" data-sub="sub-5" data-mm-sub="anticaida-capilar" data-mm-sub-label="Hair Loss" aria-pressed="false"> <span class="flex items-center gap-2"> Hair Loss  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1733ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:540ms]" data-sub="sub-6" data-mm-sub="skin-cycling" data-mm-sub-label="Skin Cycling Routine" aria-pressed="false"> <span class="flex items-center gap-2"> Skin Cycling Routine  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button> </nav> <!-- Stack de panes (crossfade por data-active) --> <div class="grid min-w-0 grid-cols-[1fr] grid-rows-[1fr]" role="region" aria-live="polite"> <div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-0" data-active="true" data-mm-list-id="megamenu_tratamientos_products-anti-wrinkle-lifting-duo" data-mm-list-name="Mega Menú > Treatments > Firming Method" data-mm-sub="products-anti-wrinkle-lifting-duo" data-mm-sub-label="Firming Method"> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="440" data-mm-item-name="ANTI-WRINKLE LIFTING DUO" data-mm-price="270.95" data-mm-currency="USD" data-mm-handle="anti-wrinkle-lifting-duo"> <a href="/en-us/products/anti-wrinkle-lifting-duo" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View ANTI-WRINKLE LIFTING DUO"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/1f98ab1a-2b15-48c8-827f-7a765b9f5e79.png?v=1763925632&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] absolute left-1.5 top-1.5 z-[3] text-white bg-black" aria-hidden="true"> Best Seller </span> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">ANTI-WRINKLE LIFTING DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Microneedling + Exosomes</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="440">$270.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="440"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1734       evitar nested-interactive (a > button no es válido HTML). -->
1734 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="363" data-sku="440" data-list-id="megamenu_tratamientos_products-anti-wrinkle-lifting-duo" data-list-name="Mega Menú > Treatments > Firming Method" aria-label="Add to cart: ANTI-WRINKLE LIFTING DUO">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>   </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-1" data-active="false" data-mm-list-id="megamenu_tratamientos_antiedad" data-mm-list-name="Mega Menú > Treatments > Anti-ageing" data-mm-sub="antiedad" data-mm-sub-label="Anti-ageing" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL BEAUTY FILLER">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: The Absolute">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL THE REAL C">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&fo
1734rmat=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: Clinical Retinal 0.1">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>  </div>  </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-2" data-active="false" data-mm-list-id="megamenu_tratamientos_perdida-grasa" data-mm-list-name="Mega Menú > Treatments > Fat loss" data-mm-sub="perdida-grasa" data-mm-sub-label="Fat loss" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1735       evitar nested-interactive (a > button no es válido HTML). -->
1735 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_tratamientos_perdida-grasa" data-list-name="Mega Menú > Treatments > Fat loss" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1736       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_tratamientos_perdida-grasa" data-list-name="Mega Menú > Treatments > Fat loss" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY ">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="459" data-mm-item-name="CLINICAL SCULPT | DOUBLE CHIN" data-mm-price="280" data-mm-currency="USD" data-mm-handle="clinical-sculpt-double-chin"> <a href="/en-us/products/clinical-sculpt-double-chin" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | DOUBLE CHIN"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3d1a7-874f-42d6-892b-e4c0cf8b3365.jpg?v=1778601628&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | DOUBLE CHIN</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="459">$280</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="459"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1737       evitar nested-interactive (a > button no es válido HTML). -->
1737 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="395" data-sku="459" data-list-id="megamenu_tratamientos_perdida-grasa" data-list-name="Mega Menú > Treatments > Fat loss" aria-label="Add to cart: CLINICAL SCULPT | DOUBLE CHIN">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View 2-Month Body Power Treatment"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Cellulite Gel</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1738       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_tratamientos_perdida-grasa" data-list-name="Mega Menú > Treatments > Fat loss" aria-label="Add to cart: 2-Month Body Power Treatment">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>  <a href="/en-us/clinical-sculpt" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none col-start-1 row-start-2 col-span-4 lg:max-xl:col-span-3"> See all Fat loss </a> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-3" data-active="false" data-mm-list-id="megamenu_tratamientos_anticelulitico" data-mm-list-name="Mega Menú > Treatments > Anti-cellulite" data-mm-sub="anticelulitico" data-mm-sub-label="Anti-cellulite" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View 2-Month Body Power Treatment"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Cellulite Gel</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1739       evitar nested-interactive (a > button no es válido HTML). -->
1739 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: 2-Month Body Power Treatment">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1740       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1741       evitar nested-interactive (a > button no es válido HTML). -->
1741 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY ">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="459" data-mm-item-name="CLINICAL SCULPT | DOUBLE CHIN" data-mm-price="280" data-mm-currency="USD" data-mm-handle="clinical-sculpt-double-chin"> <a href="/en-us/products/clinical-sculpt-double-chin" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | DOUBLE CHIN"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3d1a7-874f-42d6-892b-e4c0cf8b3365.jpg?v=1778601628&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | DOUBLE CHIN</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="459">$280</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="459"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1742       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="395" data-sku="459" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: CLINICAL SCULPT | DOUBLE CHIN">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>   </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-4" data-active="false" data-mm-list-id="megamenu_tratamientos_antimanchas" data-mm-list-name="Mega Menú > Treatments > Anti-dark spots" data-mm-sub="antimanchas" data-mm-sub-label="Anti-dark spots" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL THE REAL C"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-spot Vitamin C Serum | 2 Months</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1743       evitar nested-interactive (a > button no es válido HTML). -->
1743 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_tratamientos_antimanchas" data-list-name="Mega Menú > Treatments > Anti-dark spots" aria-label="Add to cart: CLINICAL THE REAL C">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Aging Exfoliating Night Serum</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1744       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_tratamientos_antimanchas" data-list-name="Mega Menú > Treatments > Anti-dark spots" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Absolute"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-wrinkle facial cream</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1745       evitar nested-interactive (a > button no es válido HTML). -->
1745 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_tratamientos_antimanchas" data-list-name="Mega Menú > Treatments > Anti-dark spots" aria-label="Add to cart: The Absolute">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>   </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-5" data-active="false" data-mm-list-id="megamenu_tratamientos_anticaida-capilar" data-mm-list-name="Mega Menú > Treatments > Hair Loss" data-mm-sub="anticaida-capilar" data-mm-sub-label="Hair Loss" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View 3 month of Happy Hair pack"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-hair loss hair health nutricosmetic</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1746       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_tratamientos_anticaida-capilar" data-list-name="Mega Menú > Treatments > Hair Loss" aria-label="Add to cart: 3 month of Happy Hair pack">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53298" data-mm-item-name="Happy hair" data-mm-price="48.95" data-mm-currency="USD" data-mm-handle="happy-hair-en"> <a href="/en-us/products/happy-hair-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Happy hair"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6d07ea9-c6cf-4c10-9b14-597066895ddd.png?v=1761031045&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Happy hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-hair loss hair health nutricosmetic</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53298">$48.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53298"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1747       evitar nested-interactive (a > button no es válido HTML). -->
1747 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="30" data-sku="53298" data-list-id="megamenu_tratamientos_anticaida-capilar" data-list-name="Mega Menú > Treatments > Hair Loss" aria-label="Add to cart: Happy hair">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>   </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-6" data-active="false" data-mm-list-id="megamenu_tratamientos_skin-cycling" data-mm-list-name="Mega Menú > Treatments > Skin Cycling Routine" data-mm-sub="skin-cycling" data-mm-sub-label="Skin Cycling Routine" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="299" data-mm-item-name="Skin cycling" data-mm-price="273.4" data-mm-currency="USD" data-mm-handle="skin-cycling"> <a href="/en-us/products/skin-cycling" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Skin cycling"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/126685ba-d981-46ee-8cc2-f698a7d4e878.png?v=1744060214&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Skin cycling</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">The routine that regenerates and rejuvenates your skin.</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="299">$273.40</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="299"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1748       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="227" data-sku="299" data-list-id="megamenu_tratamientos_skin-cycling" data-list-name="Mega Menú > Treatments > Skin Cycling Routine" aria-label="Add to cart: Skin cycling">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>   </div> </div> </div> </div> </div><div class="group/mega invisible pointer-events-none absolute top-full left-[max(24px,calc((100%_-_1600px)/2))] right-[max(24px,calc((100%_-_1600px)/2))] z-[1] mt-2 -translate-y-2 opacity-0 [transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_200ms] data-[state=open]:visible data-[state=open]:pointer-events-auto data-[state=open]:translate-y-0 data-[state=open]:opacity-100 data-[state=open]:[transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_0ms] max-lg:hidden [.body--nav-collapsed_&]:hidden motion-reduce:transform-none motion-reduce:[transition:opacity_0ms]" id="mega-colecciones" data-mega-dynamic data-state="closed" data-active="sub-0" data-mm-section="colecciones" data-mm-section-label="Collections" aria-hidden="true" hidden> <div class="grid grid-cols-[220px_1fr] gap-8 rounded-md bg-[#f7f7f7]/95 p-8 shadow-[0_4px_64px_rgba(0,0,0,0.06)] backdrop-blur-[15px]"> <!-- Rail de subs --> <nav class="flex flex-col gap-1" aria-label="Collections"> <button type="button" class="mm-sub group/sub relative flex h-[38px] curs
1748or-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:60ms]" data-sub="sub-0" data-mm-sub="collections-clinical" data-mm-sub-label="Clinical Range" aria-pressed="true"> <span class="flex items-center gap-2"> Clinical Range  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:140ms]" data-sub="sub-1" data-mm-sub="collections-treatment" data-mm-sub-label="Treatment Range" aria-pressed="false"> <span class="flex items-center gap-2"> Treatment Range  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:220ms]" data-sub="sub-2" data-mm-sub="collections-body" data-mm-sub-label="Body" aria-pressed="false"> <span class="flex items-center gap-2"> Body  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:300ms]" data-sub="sub-3" data-mm-sub="collections-hair" data-mm-sub-label="Hair" aria-pressed="false"> <span class="flex items-center gap-2"> Hair  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1748ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:380ms]" data-sub="sub-4" data-mm-sub="limpiadores" data-mm-sub-label="Cleansers" aria-pressed="false"> <span class="flex items-center gap-2"> Cleansers  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:460ms]" data-sub="sub-5" data-mm-sub="rizos" data-mm-sub-label="Curls" aria-pressed="false"> <span class="flex items-center gap-2"> Curls  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:540ms]" data-sub="sub-6" data-mm-sub="trials" data-mm-sub-label="Trials" aria-pressed="false"> <span class="flex items-center gap-2"> Trials  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:620ms]" data-sub="sub-7" data-mm-sub="collections-bundles" data-mm-sub-label="Packs" aria-pressed="false"> <span class="flex items-center gap-2"> Packs  </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1748ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button> </nav> <!-- Stack de panes (crossfade por data-active) --> <div class="grid min-w-0 grid-cols-[1fr] grid-rows-[1fr]" role="region" aria-live="polite"> <div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-0" data-active="true" data-mm-list-id="megamenu_colecciones_collections-clinical" data-mm-list-name="Mega Menú > Collections > Clinical Range" data-mm-sub="collections-clinical" data-mm-sub-label="Clinical Range"> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL BEAUTY FILLER">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_
1748colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL EXOSOMES">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL THE REAL C">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_
1748colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_
1748colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: Clinical Retinal 0.1">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>  </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/clinical" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Clinical Range </a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-1" data-active="false" data-mm-list-id="megamenu_colecciones_collections-treatment" data-mm-list-name="Mega Menú > Collections > Treatment Range" data-mm-sub="collections-treatment" data-mm-sub-label="Treatment Range" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 2-Month Body Power Treatment"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_
1748colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: 2-Month Body Power Treatment">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: The Absolute">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Cure"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Illuminating Nourishing Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_
1748colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: The Cure">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savior-en"> <a href="/en-us/products/savior-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Savior"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Hair repair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: Savior">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_
1748colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: Extraordinary Oil">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Architect"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Eye Contour</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: The Architect">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>  </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/treatment" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Treatment Range </a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-2" data-active="false" data-mm-list-id="megamenu_
1748colecciones_collections-body" data-mm-list-name="Mega Menú > Collections > Body" data-mm-sub="collections-body" data-mm-sub-label="Body" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_
1748colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY ">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 2-Month Body Power Treatment"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: 2-Month Body Power Treatment">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_
1748colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: Extraordinary Oil">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="53206" data-mm-item-name="Exotic Orange Body Mousse" data-mm-price="37.95" data-mm-currency="USD" data-mm-handle="exotic-orange-body-mousse"> <a href="/en-us/products/exotic-orange-body-mousse" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Exotic Orange Body Mousse"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/06d92815-0a16-444c-8980-a563ab803ec5.png?v=1751978691&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Exotic Orange Body Mousse</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">24h Body Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53206">$37.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53206"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="48" data-sku="53206" data-list-id="megamenu_colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: Exotic Orange Body Mousse">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="53176" data-mm-item-name="The glow" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="the-glow-en"> <a href="/en-us/products/the-glow-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The glow"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53176TheGlow2.jpg?v=1724664627&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The glow</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Body milk nourishes shines</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53176">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53176"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="51" data-sku="53176" data-list-id="megamenu_
1748colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: The glow">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>  </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/body" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Body </a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-3" data-active="false" data-mm-list-id="megamenu_colecciones_collections-hair" data-mm-list-name="Mega Menú > Collections > Hair" data-mm-sub="collections-hair" data-mm-sub-label="Hair" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3 month of Happy Hair pack"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_
1748colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: 3 month of Happy Hair pack">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savior-en"> <a href="/en-us/products/savior-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Savior"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Hair repair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Savior">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53162" data-mm-item-name="Pack Rich for Dry Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-rich-en"> <a href="/en-us/products/pack-rich-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pack Rich for Dry Hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53162RichDryHairPack1.jpg?v=1733737079&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Pack Rich for Dry Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Shampoo &amp; Conditioner</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53162">$53.90</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53162"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="116" data-sku="53162" data-list-id="megamenu_
1748colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Pack Rich for Dry Hair">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="53183" data-mm-item-name="Boombastic" data-mm-price="54.95" data-mm-currency="USD" data-mm-handle="boombastic-en"> <a href="/en-us/products/boombastic-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Boombastic"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/932bf7ba-2cff-4e5d-90ad-83d2dc267f30.png?v=1764761575&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Boombastic</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Ultra Nourishing Mask + Turban</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53183">$54.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53183"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="72" data-sku="53183" data-list-id="megamenu_colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Boombastic">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="52013" data-mm-item-name="Capillary serum" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="intensive-hair-repair-serum"> <a href="/en-us/products/intensive-hair-repair-serum" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Capillary serum"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52013Serumcapilar2.jpg?v=1722412807&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Capillary serum</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Repair, Moisture, Antifrizz</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52013">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52013"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="23" data-sku="52013" data-list-id="megamenu_
1748colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Capillary serum">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="53159" data-mm-item-name="Pure shampoo" data-mm-price="26.95" data-mm-currency="USD" data-mm-handle="pure-oily-hair-shampoo-200ml"> <a href="/en-us/products/pure-oily-hair-shampoo-200ml" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pure shampoo"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53159PureShampoo1.jpg?v=1734435992&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Pure shampoo</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Oily Hair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53159">$26.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53159"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="34" data-sku="53159" data-list-id="megamenu_colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Pure shampoo">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>  </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/hair" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Hair </a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-4" data-active="false" data-mm-list-id="megamenu_
1748colecciones_limpiadores" data-mm-list-name="Mega Menú > Collections > Cleansers" data-mm-sub="limpiadores" data-mm-sub-label="Cleansers" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53342" data-mm-item-name="Pamper Gel" data-mm-price="28" data-mm-currency="USD" data-mm-handle="pamper-gel-en"> <a href="/en-us/products/pamper-gel-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Pamper Gel"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/2c023221-8b61-4a8c-b1db-51dcb70d173d.png?v=1772191230&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Pamper Gel</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Facial soap</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53342">$28</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53342"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1749       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="55" data-sku="53342" data-list-id="megamenu_colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Pamper Gel">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53093" data-mm-item-name="Micellar Water 3 in 1" data-mm-price="26" data-mm-currency="USD" data-mm-handle="micellar-water-3-in-1-toning-cleanser-200ml"> <a href="/en-us/products/micellar-water-3-in-1-toning-cleanser-200ml" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Micellar Water 3 in 1"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53093CocunatAguaMicelar_0.jpg?v=1726557536&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Micellar Water 3 in 1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Tones and Cleanses</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53093">$26</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53093"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1750       evitar nested-interactive (a > button no es válido HTML). -->
1750 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="9" data-sku="53093" data-list-id="megamenu_colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Micellar Water 3 in 1">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="51832" data-mm-item-name="Total Cleansing Milk" data-mm-price="23" data-mm-currency="USD" data-mm-handle="total-makeup-remover-mil"> <a href="/en-us/products/total-makeup-remover-mil" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Total Cleansing Milk"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f56356e8-09fe-40ff-8a08-a40946011c96.jpg?v=1742910048&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Total Cleansing Milk</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Cleanses face and eyes</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="51832">$23</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51832"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1751       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="50" data-sku="51832" data-list-id="megamenu_colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Total Cleansing Milk">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="51954" data-mm-item-name="Detox Cleansing Foam" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="detox-cleansing-foam-for-oily-and-combination-skin"> <a href="/en-us/products/detox-cleansing-foam-for-oily-and-combination-skin" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Detox Cleansing Foam"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/567c183d-7b99-4c09-98fe-a05d80f7aff0.png?v=1752259979&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Detox Cleansing Foam</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Combination &amp; Oily Skin</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="51954">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51954"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1752       evitar nested-interactive (a > button no es válido HTML). -->
1752 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="17" data-sku="51954" data-list-id="megamenu_colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Detox Cleansing Foam">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>   </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-5" data-active="false" data-mm-list-id="megamenu_colecciones_rizos" data-mm-list-name="Mega Menú > Collections > Curls" data-mm-sub="rizos" data-mm-sub-label="Curls" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53294" data-mm-item-name="Total Curls Definition Routine" data-mm-price="222.95" data-mm-currency="USD" data-mm-handle="total-curls-en"> <a href="/en-us/products/total-curls-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Total Curls Definition Routine"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a042fe1f-5617-4a49-b476-12ae575df3d4.png?v=1773999336&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Total Curls Definition Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Defines, Eliminates Frizz, Nourishes Thoroughly.</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53294">$222.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53294"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1753       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="111" data-sku="53294" data-list-id="megamenu_colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: Total Curls Definition Routine">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53115" data-mm-item-name="3x Booster Curls Definition" data-mm-price="95.85" data-mm-currency="USD" data-mm-handle="3x2-curl-booster"> <a href="/en-us/products/3x2-curl-booster" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View 3x Booster Curls Definition"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6fe69d75-3b40-494b-9eb9-5ee5550b1c63.png?v=1773908481&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">3x Booster Curls Definition</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Curl Defining Cream 3-pack</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53115">$95.85</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53115"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1754       evitar nested-interactive (a > button no es válido HTML). -->
1754 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="99" data-sku="53115" data-list-id="megamenu_colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: 3x Booster Curls Definition">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="53055" data-mm-item-name="Curly Method by Cocunat" data-mm-price="60.95" data-mm-currency="USD" data-mm-handle="amazing-curls-pack"> <a href="/en-us/products/amazing-curls-pack" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Curly Method by Cocunat"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f58817c6-fa75-4a39-8337-ae9a16fabcae.png?v=1773996435&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Curly Method by Cocunat</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">2-step method to define curls</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53055">$60.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53055"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1755       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="28" data-sku="53055" data-list-id="megamenu_colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: Curly Method by Cocunat">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="53110" data-mm-item-name="Defined Curls Kit" data-mm-price="83.95" data-mm-currency="USD" data-mm-handle="boost-and-hold-bundle"> <a href="/en-us/products/boost-and-hold-bundle" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Defined Curls Kit"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b6a5df-3b98-4cd7-8c32-a81a7dda311a.png?v=1763544637&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Defined Curls Kit</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Conditioner leave-in &amp; Cream &amp; Spray</p> <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53110">$83.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53110"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1756       evitar nested-interactive (a > button no es válido HTML). -->
1756 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="93" data-sku="53110" data-list-id="megamenu_colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: Defined Curls Kit">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>  <a href="/en-us/metodo-curly" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none col-start-1 row-start-2 col-span-4 lg:max-xl:col-span-3"> See all Curls </a> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-6" data-active="false" data-mm-list-id="megamenu_colecciones_trials" data-mm-list-name="Mega Menú > Collections > Trials" data-mm-sub="trials" data-mm-sub-label="Trials" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="423" data-mm-item-name="Discovery Kit" data-mm-price="49" data-mm-currency="USD" data-mm-handle="discovery-kit"> <a href="/en-us/products/discovery-kit" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Discovery Kit"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eab70af3-6c34-4bbb-b0d1-0c5023aec54c.png?v=1766483553&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Discovery Kit</h3>  <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="423">$49</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="423"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1757       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="364" data-sku="423" data-list-id="megamenu_
1757colecciones_trials" data-list-name="Mega Menú > Collections > Trials" aria-label="Add to cart: Discovery Kit">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms] lg:max-xl:hidden" data-mm-item-id="322" data-mm-item-name="Trial Skin Cycling" data-mm-price="20" data-mm-currency="USD" data-mm-handle="trial-skin-cycling"> <a href="/en-us/products/trial-skin-cycling" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Trial Skin Cycling"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/TrialsSeptiembre20241147_1.jpg?v=1726822564&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480">  </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Trial Skin Cycling</h3>  <div class="mt-1 flex items-baseline gap-2">  <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="322">$20</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="322"></span>  </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para
1758       evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="240" data-sku="322" data-list-id="megamenu_colecciones_trials" data-list-name="Mega Menú > Collections > Trials" aria-label="Add to cart: Trial Skin Cycling">  <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <div class="mm-banner-area [grid-row:1/span_2] grid h-full gap-4 min-h-0 col-start-3 col-span-2 lg:max-xl:col-start-2"> <a href="/en-us/trials/" data-mm-promo="Try our products" class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mm-banner h-full min-h-0 group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:220ms] motion-reduce:!animate-none"><img class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=auto,quality=90/d4b83402-d2b2-4efe-a1be-dedd784bff84.webp" alt="" loading="lazy" decoding="async" width="960" height="720"><img class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=auto,quality=90/c5f33305-f5f3-4543-84bc-ec39dd84a75e.webp" alt="" loading="lazy" decoding="async" width="960" height="720"><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Try our products</h3>  <span class="mt-3 inline-flex h-[38px] items-center justify-center self-start rounded border px-[22px] font-brownRegular text-[14px] uppercase leading-4 no-underline transition-colors duration-[180ms] border-white bg-white text-black group-hover/banner:bg-transparent group-hover/banner:text-white">Discover</span> </div></a> </div>  </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-7" data-active="false" data-mm-list-id="megamenu_
1758colecciones_collections-bundles" data-mm-list-name="Mega Menú > Collections > Packs" data-mm-sub="collections-bundles" data-mm-sub-label="Packs" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="153" data-mm-item-name="Revitalized Daily Skin Routine" data-mm-price="324.8" data-mm-currency="USD" data-mm-handle="revitalized-skin-pack"> <a href="/en-us/products/revitalized-skin-pack" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Revitalized Daily Skin Routine"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/d741e633-e2ec-45cb-8387-aa1
1758700a49b32.png?v=1770979176&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Revitalized Daily Skin Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Eye Contour, Cream, Serum &amp; Vitamin C (30 day format)</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="153">$324.80</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="153"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="160" data-sku="153" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: Revitalized Daily Skin Routine">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="440" data-mm-item-name="ANTI-WRINKLE LIFTING DUO" data-mm-price="270.95" data-mm-currency="USD" data-mm-handle="anti-wrinkle-lifting-duo"> <a href="/en-us/products/anti-wrinkle-lifting-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-WRINKLE LIFTING DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/1f98ab1a-2b15-48c8-827f-7a765b9f5e79.png?v=1763925632&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">
1758ANTI-WRINKLE LIFTING DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Microneedling + Exosomes</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="440">$270.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="440"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="363" data-sku="440" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: ANTI-WRINKLE LIFTING DUO">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3 month of Happy Hair pack"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_
1758colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: 3 month of Happy Hair pack">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 2-Month Body Power Treatment"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: 2-Month Body Power Treatment">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="53294" data-mm-item-name="Total Curls Definition Routine" data-mm-price="222.95" data-mm-currency="USD" data-mm-handle="total-curls-en"> <a href="/en-us/products/total-curls-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Total Curls Definition Routine"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a042fe1f-5617-4a49-b476-12ae575df3d4.png?v=1773999336&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Total Curls Definition Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Defines, Eliminates Frizz, Nourishes Thoroughly.</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53294">$222.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53294"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="111" data-sku="53294" data-list-id="megamenu_
1758colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: Total Curls Definition Routine">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="311" data-mm-item-name="ANTI-AGING EYE CONTOUR DUO" data-mm-price="136.95" data-mm-currency="USD" data-mm-handle="anti-aging-eye-contour-duo"> <a href="/en-us/products/anti-aging-eye-contour-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-AGING EYE CONTOUR DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eee85e39-731c-4340-a168-37a781f3d5a7.png?v=1763549337&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">ANTI-AGING EYE CONTOUR DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging eye contour + Lifting effect serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="311">$136.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="311"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="233" data-sku="311" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: ANTI-AGING EYE CONTOUR DUO">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article>  </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/bundles" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Packs </a> </div> </div> </div> </div> </div> </div> </header> <!-- Drawer móvil — carrusel de destacados + lista de items L0. L1/L2 en
1759       MegaMenuDrawerDynamic. `data-lenis-prevent`: si la página usa Lenis,
1760       evita que capture wheel/touch de los paneles internos. -->
1761  <div class="group/drawer pointer-events-none fixed inset-x-0 bottom-0 top-[51px] z-[100] [body:not(.body--nav-collapsed)_&]:lg:hidden [&.is-closing]:pointer-events-auto [&.is-open]:pointer-events-auto [&.is-opening]:pointer-events-auto" id="cat-drawer" role="dialog" aria-modal="true" aria-labelledby="cat-drawer-title" aria-hidden="true" data-lenis-prevent hidden> <div class="cat-drawer__panel--l0 pointer-events-none relative flex h-full w-full -translate-x-full flex-col gap-2 overflow-y-auto bg-white pb-[max(24px,env(safe-area-inset-bottom))] pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black outline-none [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)_0ms] group-[.is-open]/drawer:pointer-events-auto group-[.is-open]/drawer:translate-x-0 group-[.is-open]/drawer:[transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)_120ms] motion-reduce:transition-none" tabindex="-1"> <h2 id="cat-drawer-title" class="sr-only">Main menu</h2> <!-- Carrusel de destacados (contenido editorial móvil; no es nav).
1762           Cards del documento publicado (Composer → Vista del Navbar) con
1763           fallback a los estáticos del código si el menú no trae ninguno. --> <div class="flex h-[189px] shrink-0 snap-x snap-mandatory gap-2 overflow-x-auto scroll-smooth [-webkit-overflow-scrolling:touch] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden" role="list" aria-label="Featured"> <a href="/en-us/collections/all-products" class="relative isolate flex h-[189px] flex-[0_0_240px] snap-start flex-col justify-end rounded-lg bg-[#1a1e1e] bg-cover bg-center bg-no-repeat p-2 text-white no-underline [-webkit-tap-highlight-color:transparent] before:pointer-events-none before:absolute before:inset-0 before:z-0 before:rounded-[inherit] before:bg-[linear-gradient(180deg,rgba(0,0,0,0)_35%,rgba(0,0,0,0.55)_100%)] before:content-[''] focus-visible:shadow-[inset_0_0_0_2px_rgba(255,255,255,0.85)] focus-visible:outline-none" role="listitem" data-mm-promo="REFRESH YOUR ROUTINE" style="background-image: url(https://shopify-cdn.cocunat.com/cdn-cgi/image/width=480,format=auto,quality=90/b725b8bc-ec0d-4286-8734-6b57f77a682d.jpg)"> <span class="relative z-[1] flex flex-col gap-2"> <span class="font-brownRegular text-[13px] uppercase leading-[23px] text-white"></span> <span class="font-canelaItalic text-[22px] uppercase leading-[27px] text-white">REFRESH YOUR ROUTINE</span> </span> </a><a href="/en-us/products/clinical-beauty-filler" class="relative isolate flex h-[189px] flex-[0_0_240px] snap-start flex-col justify-end rounded-lg bg-[#1a1e1e] bg-cover bg-center bg-no-repeat p-2 text-white no-underline [-webkit-tap-highlight-color:transparent] before:pointer-events-none before:absolute before:inset-0 before:z-0 before:rounded-[inherit] before:bg-[linear-gradient(180deg,rgba(0,0,0,0)_35%,rgba(0,0,0,0.55)_100%)] before:content-[''] focus-visible:shadow-[inset_0_0_0_2px_rgba(255,255,255,0.85)] focus-visible:outline-none" role="listitem" data-mm-promo="SKIN BOOSTER RECONSTRUCTOR" style="background-image: url(https://shopify-cdn.cocunat.com/cdn-cgi/image/width=480,format=auto,quality=90/fd2795cb-a073-40eb-9736-b83c9bfbff35.jpg)"> <span class="relative z-[1] flex flex-col gap-2"> <span class="font-brownRegular text-[13px] uppercase leading-[23px] text-white">CLINICAL BEAUTY FILLER</span> <span class="font-canelaItalic text-[22px] uppercase leading-[27px] text-white">SKIN BOOSTER RECONSTRUCTOR</span> </span> </a> </div> <nav class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2" aria-label="Main navigation"> <a href="#" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l1="categorias" data-mm-label="Categories"> <span class="min-w-0 flex-1 flex items-center gap-2"> Categories  </span>
1763 <svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </a><a href="#" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l1="nuevo-6-tv2a" data-mm-label="Solutions"> <span class="min-w-0 flex-1 flex items-center gap-2"> Solutions  </span> <svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </a><a href="#" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l1="activos" data-mm-label="Active Ingredients"> <span class="min-w-0 flex-1 flex items-center gap-2"> Active Ingredients  </span> <svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </a><a href="#" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l1="tratamientos" data-mm-label="Treatments"> <span class="min-w-0 flex-1 flex items-center gap-2"> Treatments  </span> <svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </a><a href="#" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l1="colecciones" data-mm-label="Collections"> <span class="min-w-0 flex-1 flex items-center gap-2"> Collections  </span> <svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </a><a href="/en-us/create-your-pack" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black !justify-start !gap-4" data-mm-label="Build your bundle"> <span class="flex-none flex items-center gap-2"> Build your bundle <span data-badge="menu-tag" class="inline-flex items-center justify-center rounded-full px-1.5 py-1 font-brownRegular text-[10px] leading-3" style="background:#00C853;color:#FFFFFF" aria-label="discount -20%">-20%</span> </span>  </a><a href="/en-us/club/" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black !justify-start !gap-4" data-mm-label="Club"> <span class="flex-none flex items-center gap-2"> Club  </span>  </a> </nav> </div> <!-- L1/L2 del drawer derivados del documento. --> <div class="cat-drawer__panel--l1 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-[max(24px,env(safe-area-inset-bottom))]" data-l1="categorias" data-mm-section="categorias" data-mm-section-label="Categories" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back aria-label="Back to main menu"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Categories</span></button></div><nav class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-0" data-mm-sub="collections-face" data-mm-sub-label="Skincare"><span class="flex min-w-0 flex-1 items-center gap-2">Skincare</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-1" data-mm-sub="collections-body" data-mm-sub-label="Bodycare"><span class="flex min-w-0 flex-1 items-center gap-2">Bodycare</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-2" data-mm-sub="collections-hair" data-mm-sub-label="Haircare"><span class="flex min-w-0 flex-1 items-center gap-2">Haircare</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-3" data-mm-sub="curls" data-mm-sub-label="Curls"><span class="flex min-w-0 flex-1 items-center gap-2">Curls</span>
1763<svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button></nav></div><template data-l2-template="sub-0" data-l1-parent="categorias"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-0" data-l1-parent="categorias" data-mm-section="categorias" data-mm-section-label="Categories" data-mm-list-id="megamenu_categorias_collections-face" data-mm-list-name="Mega Menú > Categories > Skincare" data-mm-sub="collections-face" data-mm-sub-label="Skincare" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Categories"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Skincare</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_
1763categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL BEAUTY FILLER">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL EXOSOMES">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="459" data-mm-item-name="CLINICAL SCULPT | DOUBLE CHIN" data-mm-price="280" data-mm-currency="USD" data-mm-handle="clinical-sculpt-double-chin"> <a href="/en-us/products/clinical-sculpt-double-chin" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | DOUBLE CHIN"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3d1a7-874f-42d6-892b-e4c0cf8b3365.jpg?v=1778601628&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | DOUBLE CHIN</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="459">$280</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="459"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="395" data-sku="459" data-list-id="megamenu_
1763categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL SCULPT | DOUBLE CHIN">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL THE REAL C">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_
1763categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: The Absolute">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&#38;]:lg:hidden"><a href="/en-us/collections/face" class="flex h-11 items-center justify-center rounded border border-[#1e1e1e] bg-white px-6 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white" data-mm-view-all>See all Skincare</a></div></div></template><template data-l2-template="sub-1" data-l1-parent="categorias"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-1" data-l1-parent="categorias" data-mm-section="categorias" data-mm-section-label="Categories" data-mm-list-id="megamenu_categorias_collections-body" data-mm-list-name="Mega Menú > Categories > Bodycare" data-mm-sub="collections-body" data-mm-sub-label="Bodycare" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Categories"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Bodycare</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_
1763categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY ">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53299" data-mm-item-name="BODY POWER" data-mm-price="93" data-mm-currency="USD" data-mm-handle="body-power-en"> <a href="/en-us/products/body-power-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View BODY POWER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3aac7-6e14-40b4-aa25-5d4073b6a1b8.png?v=1746818080&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">BODY POWER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53299">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53299"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="74" data-sku="53299" data-list-id="megamenu_categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: BODY POWER">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_
1763categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: Extraordinary Oil">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53206" data-mm-item-name="Exotic Orange Body Mousse" data-mm-price="37.95" data-mm-currency="USD" data-mm-handle="exotic-orange-body-mousse"> <a href="/en-us/products/exotic-orange-body-mousse" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Exotic Orange Body Mousse"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/06d92815-0a16-444c-8980-a563ab803ec5.png?v=1751978691&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Exotic Orange Body Mousse</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">24h Body Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53206">$37.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53206"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="48" data-sku="53206" data-list-id="megamenu_categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: Exotic Orange Body Mousse">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53176" data-mm-item-name="The glow" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="the-glow-en"> <a href="/en-us/products/the-glow-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The glow"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53176TheGlow2.jpg?v=1724664627&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The glow</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Body milk nourishes shines</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53176">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53176"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="51" data-sku="53176" data-list-id="megamenu_
1763categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: The glow">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&#38;]:lg:hidden"><a href="/en-us/collections/body" class="flex h-11 items-center justify-center rounded border border-[#1e1e1e] bg-white px-6 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white" data-mm-view-all>See all Bodycare</a></div></div></template><template data-l2-template="sub-2" data-l1-parent="categorias"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-2" data-l1-parent="categorias" data-mm-section="categorias" data-mm-section-label="Categories" data-mm-list-id="megamenu_categorias_collections-hair" data-mm-list-name="Mega Menú > Categories > Haircare" data-mm-sub="collections-hair" data-mm-sub-label="Haircare" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Categories"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Haircare</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3 month of Happy Hair pack"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_
1763categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: 3 month of Happy Hair pack">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53183" data-mm-item-name="Boombastic" data-mm-price="54.95" data-mm-currency="USD" data-mm-handle="boombastic-en"> <a href="/en-us/products/boombastic-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Boombastic"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/932bf7ba-2cff-4e5d-90ad-83d2dc267f30.png?v=1764761575&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Boombastic</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Ultra Nourishing Mask + Turban</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53183">$54.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53183"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="72" data-sku="53183" data-list-id="megamenu_categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Boombastic">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savi
1763or-en"> <a href="/en-us/products/savior-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Savior"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Hair repair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Savior">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53162" data-mm-item-name="Pack Rich for Dry Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-rich-en"> <a href="/en-us/products/pack-rich-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pack Rich for Dry Hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53162RichDryHairPack1.jpg?v=1733737079&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Pack Rich for Dry Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Shampoo &amp; Conditioner</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53162">$53.90</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53162"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="116" data-sku="53162" data-list-id="megamenu_
1763categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Pack Rich for Dry Hair">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="52013" data-mm-item-name="Capillary serum" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="intensive-hair-repair-serum"> <a href="/en-us/products/intensive-hair-repair-serum" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Capillary serum"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52013Serumcapilar2.jpg?v=1722412807&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Capillary serum</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Repair, Moisture, Antifrizz</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52013">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52013"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="23" data-sku="52013" data-list-id="megamenu_categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Capillary serum">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53090" data-mm-item-name="Pack Pure for Oily Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-pure-en"> <a href="/en-us/products/pack-pure-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pack Pure for Oily Hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53186PackPure1.jpg?v=1722602780&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">
1763Pack Pure for Oily Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Shampoo &amp; Conditioner</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53090">$53.90</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53090"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="107" data-sku="53090" data-list-id="megamenu_categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Pack Pure for Oily Hair">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&#38;]:lg:hidden"><a href="/en-us/collections/hair" class="flex h-11 items-center justify-center rounded border border-[#1e1e1e] bg-white px-6 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white" data-mm-view-all>See all Haircare</a></div></div></template><template data-l2-template="sub-3" data-l1-parent="categorias"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-3" data-l1-parent="categorias" data-mm-section="categorias" data-mm-section-label="Categories" data-mm-list-id="megamenu_categorias_curls" data-mm-list-name="Mega Menú > Categories > Curls" data-mm-sub="curls" data-mm-sub-label="Curls" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Categories">
1763<svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Curls</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53294" data-mm-item-name="Total Curls Definition Routine" data-mm-price="222.95" data-mm-currency="USD" data-mm-handle="total-curls-en"> <a href="/en-us/products/total-curls-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Total Curls Definition Routine"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a042fe1f-5617-4a49-b476-12ae575df3d4.png?v=1773999336&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Total Curls Definition Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Defines, Eliminates Frizz, Nourishes Thoroughly.</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53294">$222.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53294"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="111" data-sku="53294" data-list-id="megamenu_categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: Total Curls Definition Routine">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53115" data-mm-item-name="3x Booster Curls Definition" data-mm-price="95.85" data-mm-currency="USD" data-mm-handle="3x2-curl-booster"> <a href="/en-us/products/3x2-curl-booster" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3x Booster Curls Definition"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6fe69d75-3b40-494b-9eb9-5ee5550b1c63.png?v=1773908481&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3x Booster Curls Definition</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Curl Defining Cream 3-pack</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53115">$95.85</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53115"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="99" data-sku="53115" data-list-id="megamenu_
1763categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: 3x Booster Curls Definition">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53055" data-mm-item-name="Curly Method by Cocunat" data-mm-price="60.95" data-mm-currency="USD" data-mm-handle="amazing-curls-pack"> <a href="/en-us/products/amazing-curls-pack" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Curly Method by Cocunat"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f58817c6-fa75-4a39-8337-ae9a16fabcae.png?v=1773996435&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Curly Method by Cocunat</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">2-step method to define curls</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53055">$60.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53055"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="28" data-sku="53055" data-list-id="megamenu_categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: Curly Method by Cocunat">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53110" data-mm-item-name="Defined Curls Kit" data-mm-price="83.95" data-mm-currency="USD" data-mm-handle="boost-and-hold-bundle"> <a href="/en-us/products/boost-and-hold-bundle" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Defined Curls Kit"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b6a5df-3b98-4cd7-8c32-a81a7dda311a.png?v=1763544637&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Defined Curls Kit</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Conditioner leave-in &amp; Cream &amp; Spray</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53110">$83.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53110"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="93" data-sku="53110" data-list-id="megamenu_
1763categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: Defined Curls Kit">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&#38;]:lg:hidden"><a href="/en-us/metodo-curly" class="flex h-11 items-center justify-center rounded border border-[#1e1e1e] bg-white px-6 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white" data-mm-view-all>See all Curls</a></div></div></template><div class="cat-drawer__panel--l1 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-[max(24px,env(safe-area-inset-bottom))]" data-l1="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back aria-label="Back to main menu"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Solutions</span></button></div><nav class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-0" data-mm-sub="reduce-wrinkles" data-mm-sub-label="Reduce wrinkles"><span class="flex min-w-0 flex-1 items-center gap-2">Reduce wrinkles</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-1" data-mm-sub="firm-my-skin" data-mm-sub-label="Firm my skin"><span class="flex min-w-0 flex-1 items-center gap-2">Firm my skin</span>
1763<svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-2" data-mm-sub="reduce-dark-spots" data-mm-sub-label="Reduce dark spots"><span class="flex min-w-0 flex-1 items-center gap-2">Reduce dark spots</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-3" data-mm-sub="brighten-my-eyes" data-mm-sub-label="Brighten my eyes"><span class="flex min-w-0 flex-1 items-center gap-2">Brighten my eyes</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-4" data-mm-sub="reduce-body-fat" data-mm-sub-label="Reduce body fat"><span class="flex min-w-0 flex-1 items-center gap-2">Reduce body fat</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-5" data-mm-sub="reduce-cellulite" data-mm-sub-label="Reduce cellulite"><span class="flex min-w-0 flex-1 items-center gap-2">Reduce cellulite</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-6" data-mm-sub="exfoliate-my-skin" data-mm-sub-label="Exfoliate my skin"><span class="flex min-w-0 flex-1 items-center gap-2">Exfoliate my skin</span>
1763<svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-7" data-mm-sub="hydrate-and-nourish" data-mm-sub-label="Hydrate and nourish"><span class="flex min-w-0 flex-1 items-center gap-2">Hydrate and nourish</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-8" data-mm-sub="anti-hair-loss" data-mm-sub-label="Anti-hair loss"><span class="flex min-w-0 flex-1 items-center gap-2">Anti-hair loss</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-9" data-mm-sub="define-my-curls" data-mm-sub-label="Define my curls"><span class="flex min-w-0 flex-1 items-center gap-2">Define my curls</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-10" data-mm-sub="repair-my-hair" data-mm-sub-label="Repair my hair"><span class="flex min-w-0 flex-1 items-center gap-2">Repair my hair</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button></nav></div><template data-l2-template="sub-0" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-0" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-mm-list-name="Mega Menú > Solutions > Reduce wrinkles" data-mm-sub="reduce-wrinkles" data-mm-sub-label="Reduce wrinkles" aria-hidden="true"><div class="flex items-center py-1">
1763<button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Reduce wrinkles</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL BEAUTY FILLER">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: Clinical Retinal 0.1">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Absolute">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Cure"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Illuminating Nourishing Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Cure">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Architect"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1763Anti-Aging Eye Contour</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Architect">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL EXOSOMES">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="276" data-mm-item-name="The Lift" data-mm-price="57" data-mm-currency="USD" data-mm-handle="the-lift"> <a href="/en-us/products/the-lift" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Lift"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/e295ec4f-7f92-4dbe-86ac-55a6cc8270bb.jpg?v=1771328814&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Lift</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1763Instant Lifting Eye Contour Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="276">$57</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="276"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="224" data-sku="276" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Lift">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL THE REAL C">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-1" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-1" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-mm-list-name="Mega Menú > Solutions > Firm my skin" data-mm-sub="firm-my-skin" data-mm-sub-label="Firm my skin" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Firm my skin</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: CLINICAL EXOSOMES">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1763Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: CLINICAL BEAUTY FILLER">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: The Absolute">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: Clinical Retinal 0.1">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="276" data-mm-item-name="The Lift" data-mm-price="57" data-mm-currency="USD" data-mm-handle="the-lift"> <a href="/en-us/products/the-lift" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Lift"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/e295ec4f-7f92-4dbe-86ac-55a6cc8270bb.jpg?v=1771328814&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Lift</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1763Instant Lifting Eye Contour Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="276">$57</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="276"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="224" data-sku="276" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: The Lift">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-2" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-2" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-mm-list-name="Mega Menú > Solutions > Reduce dark spots" data-mm-sub="reduce-dark-spots" data-mm-sub-label="Reduce dark spots" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Reduce dark spots</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL THE REAL C">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="152" data-mm-item-name="CLINICAL THE REAL C 30 days" data-mm-price="74.95" data-mm-currency="USD" data-mm-handle="the-real-c-30-days"> <a href="/en-us/products/the-real-c-30-days" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C 30 days"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/820a1f3a-1e93-4909-94fa-4c855351814d.webp?v=1764754793&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C 30 days</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">1  month format - Vitamin C 20% Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="152">$74.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="152"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="161" data-sku="152" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL THE REAL C 30 days">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="200" data-mm-item-name="CLINICAL THE REAL C | REFILL" data-mm-price="108.95" data-mm-currency="USD" data-mm-handle="doy-
1763pack-the-real-c"> <a href="/en-us/products/doy-pack-the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C | REFILL"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a67284e6-1be9-4313-9a9e-11cb8b84ff78.jpg?v=1768833262&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C | REFILL</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">2 months Vitamin C</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="200">$108.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="200"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="297" data-sku="200" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL THE REAL C | REFILL">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-3" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-3" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-mm-list-name="Mega Menú > Solutions > Brighten my eyes" data-mm-sub="brighten-my-eyes" data-mm-sub-label="Brighten my eyes" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions">
1763<svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Brighten my eyes</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Architect"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Eye Contour</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: The Architect">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53251" data-mm-item-name="EYE CONTOUR" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="eye-contour-bags-and-dark-circles-new"> <a href="/en-us/products/eye-contour-bags-and-dark-circles-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View EYE CONTOUR"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/4070b3b5-9d36-433c-af52-57630b823422.png?v=1759216285&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">EYE CONTOUR</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Eye Contour, Bags and Dark Circles</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53251">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53251"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="43" data-sku="53251" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: EYE CONTOUR">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="276" data-mm-item-name="The Lift" data-mm-price="57" data-mm-currency="USD" data-mm-handle="the-lift"> <a href="/en-us/products/the-lift" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Lift"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/e295ec4f-7f92-4dbe-86ac-55a6cc8270bb.jpg?v=1771328814&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Lift</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1763Instant Lifting Eye Contour Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="276">$57</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="276"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="224" data-sku="276" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: The Lift">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="311" data-mm-item-name="ANTI-AGING EYE CONTOUR DUO" data-mm-price="136.95" data-mm-currency="USD" data-mm-handle="anti-aging-eye-contour-duo"> <a href="/en-us/products/anti-aging-eye-contour-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-AGING EYE CONTOUR DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eee85e39-731c-4340-a168-37a781f3d5a7.png?v=1763549337&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">ANTI-AGING EYE CONTOUR DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging eye contour + Lifting effect serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="311">$136.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="311"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="233" data-sku="311" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: ANTI-AGING EYE CONTOUR DUO">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-4" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-4" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_reduce-body-fat" data-mm-list-name="Mega Menú > Solutions > Reduce body fat" data-mm-sub="reduce-body-fat" data-mm-sub-label="Reduce body fat" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Reduce body fat</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_nuevo-6-tv2a_reduce-body-fat" data-list-name="Mega Menú > Solutions > Reduce body fat" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_nuevo-6-tv2a_reduce-body-fat" data-list-name="Mega Menú > Solutions > Reduce body fat" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY ">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="459" data-mm-item-name="CLINICAL SCULPT | DOUBLE CHIN" data-mm-price="280" data-mm-currency="USD" data-mm-handle="clinical-sculpt-double-chin"> <a href="/en-us/products/clinical-sculpt-double-chin" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | DOUBLE CHIN"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3d1a7-874f-42d6-892b-e4c0cf8b3365.jpg?v=1778601628&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | DOUBLE CHIN</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="459">$280</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="459"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="395" data-sku="459" data-list-id="megamenu_nuevo-6-tv2a_reduce-body-fat" data-list-name="Mega Menú > Solutions > Reduce body fat" aria-label="Add to cart: CLINICAL SCULPT | DOUBLE CHIN">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53299" data-mm-item-name="BODY POWER" data-mm-price="93" data-mm-currency="USD" data-mm-handle="body-power-en"> <a href="/en-us/products/body-power-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View BODY POWER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3aac7-6e14-40b4-aa25-5d4073b6a1b8.png?v=1746818080&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">BODY POWER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53299">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53299"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="74" data-sku="53299" data-list-id="megamenu_nuevo-6-tv2a_reduce-body-fat" data-list-name="Mega Menú > Solutions > Reduce body fat" aria-label="Add to cart: BODY POWER">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&#38;]:lg:hidden"><a href="/en-us/clinical-sculpt" class="flex h-11 items-center justify-center rounded border border-[#1e1e1e] bg-white px-6 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white" data-mm-view-all>See all Reduce body fat</a></div></div></template><template data-l2-template="sub-5" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-5" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-mm-list-name="Mega Menú > Solutions > Reduce cellulite" data-mm-sub="reduce-cellulite" data-mm-sub-label="Reduce cellulite" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Reduce cellulite</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53299" data-mm-item-name="BODY POWER" data-mm-price="93" data-mm-currency="USD" data-mm-handle="body-power-en"> <a href="/en-us/products/body-power-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View BODY POWER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3aac7-6e14-40b4-aa25-5d4073b6a1b8.png?v=1746818080&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">BODY POWER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53299">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53299"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="74" data-sku="53299" data-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-list-name="Mega Menú > Solutions > Reduce cellulite" aria-label="Add to cart: BODY POWER">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-list-name="Mega Menú > Solutions > Reduce cellulite" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-list-name="Mega Menú > Solutions > Reduce cellulite" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY ">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-6" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-6" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_exfoliate-my-skin" data-mm-list-name="Mega Menú > Solutions > Exfoliate my skin" data-mm-sub="exfoliate-my-skin" data-mm-sub-label="Exfoliate my skin" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Exfoliate my skin</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_nuevo-6-tv2a_exfoliate-my-skin" data-list-name="Mega Menú > Solutions > Exfoliate my skin" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53102" data-mm-item-name="WonderMask" data-mm-price="93" data-mm-currency="USD" data-mm-handle="wonder-mask-50-en"> <a href="/en-us/products/wonder-mask-50-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View WonderMask"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/32f371eb-2119-4d5d-a5da-471e8a8c644e.jpg?v=1765268097&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">WonderMask</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Purifying Clay Facial Mask</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53102">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53102"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="5" data-sku="53102" data-list-id="megamenu_nuevo-6-tv2a_exfoliate-my-skin" data-list-name="Mega Menú > Solutions > Exfoliate my skin" aria-label="Add to cart: WonderMask">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="188" data-mm-item-name="VELVET SCRUB" data-mm-price="39.95" data-mm-currency="USD" data-mm-handle="velvet-scrub"> <a href="/en-us/products/velvet-scrub" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View VELVET SCRUB"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/188VelvetScrub1.jpg?v=1724663625&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">VELVET SCRUB</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Body exfoliant</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="188">$39.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="188"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="178" data-sku="188" data-list-id="megamenu_nuevo-6-tv2a_exfoliate-my-skin" data-list-name="Mega Menú > Solutions > Exfoliate my skin" aria-label="Add to cart: VELVET SCRUB">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-7" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-7" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-mm-list-name="Mega Menú > Solutions > Hydrate and nourish" data-mm-sub="hydrate-and-nourish" data-mm-sub-label="Hydrate and nourish" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Hydrate and nourish</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Cure"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Illuminating Nourishing Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: The Cure">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: The Absolute">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Extraordinary Oil">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53176" data-mm-item-name="The glow" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="the-glow-en"> <a href="/en-us/products/the-glow-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The glow"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53176TheGlow2.jpg?v=1724664627&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The glow</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Body milk nourishes shines</p> </div> <div class="mt-auto flex items-baseline gap-2"> <
1763span class="price font-brownRegular text-base leading-4 text-black" data-sku="53176">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53176"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="51" data-sku="53176" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: The glow">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53206" data-mm-item-name="Exotic Orange Body Mousse" data-mm-price="37.95" data-mm-currency="USD" data-mm-handle="exotic-orange-body-mousse"> <a href="/en-us/products/exotic-orange-body-mousse" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Exotic Orange Body Mousse"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/06d92815-0a16-444c-8980-a563ab803ec5.png?v=1751978691&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Exotic Orange Body Mousse</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">24h Body Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53206">$37.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53206"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="48" data-sku="53206" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Exotic Orange Body Mousse">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="51973" data-mm-item-name="Divine Balm" data-mm-price="44" data-mm-currency="USD" data-mm-handle="divine-balm"> <a href="/en-us/products/divine-balm" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Divine Balm"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/TOPOBALSAMO_2.jpg?v=1721912999&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Divine Balm</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nourishes and Repairs</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="51973">$44</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51973"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="25" data-sku="51973" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Divine Balm">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="51948" data-mm-item-name="Combination Oily Skin Cream" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="combination-skin-face-cream"> <a href="/en-us/products/combination-skin-face-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Combination Oily Skin Cream"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7a981b5c-6e49-4a32-b637-23c5cbe64ee7.png?v=1759309219&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Combination Oily Skin Cream</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Moisturizer for combination/oily skin</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="51948">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51948"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="70" data-sku="51948" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Combination Oily Skin Cream">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="51950" data-mm-item-name="Anti-aging cream" data-mm-price="43" data-mm-currency="USD" data-mm-handle="anti-age-face-cream"> <a href="/en-us/products/anti-age-face-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Anti-aging cream"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/10fca41e-54b7-4e61-b06b-60a618de27e1.png?v=1759304880&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Anti-aging cream</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Elastic and nourished skin</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="51950">$43</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51950"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="58" data-sku="51950" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Anti-aging cream">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-8" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-8" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_anti-hair-loss" data-mm-list-name="Mega Menú > Solutions > Anti-hair loss" data-mm-sub="anti-hair-loss" data-mm-sub-label="Anti-hair loss" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Anti-hair loss</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53298" data-mm-item-name="Happy hair" data-mm-price="48.95" data-mm-currency="USD" data-mm-handle="happy-hair-en"> <a href="/en-us/products/happy-hair-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Happy hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6d07ea9-c6cf-4c10-9b14-597066895ddd.png?v=1761031045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Happy hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53298">$48.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53298"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="30" data-sku="53298" data-list-id="megamenu_nuevo-6-tv2a_anti-hair-loss" data-list-name="Mega Menú > Solutions > Anti-hair loss" aria-label="Add to cart: Happy hair">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3 month of Happy Hair pack"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_nuevo-6-tv2a_anti-hair-loss" data-list-name="Mega Menú > Solutions > Anti-hair loss" aria-label="Add to cart: 3 month of Happy Hair pack">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-9" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-9" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-mm-list-name="Mega Menú > Solutions > Define my curls" data-mm-sub="define-my-curls" data-mm-sub-label="Define my curls" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Define my curls</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53009" data-mm-item-name="Curl Booster" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="curl-booster-250ml"> <a href="/en-us/products/curl-booster-250ml" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Curl Booster"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/24e46c0a-3073-4e9e-9ffc-16db6faa39a9.png?v=1763548342&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Curl Booster</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Curl Defining Cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53009">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53009"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="12" data-sku="53009" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curl Booster">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53055" data-mm-item-name="Curly Method by Cocunat" data-mm-price="60.95" data-mm-currency="USD" data-mm-handle="amazing-curls-pack"> <a href="/en-us/products/amazing-curls-pack" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Curly Method by Cocunat"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f58817c6-fa75-4a39-8337-ae9a16fabcae.png?v=1773996435&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Curly Method by Cocunat</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">2-step method to define curls</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53055">$60.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53055"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="28" data-sku="53055" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curly Method by Cocunat">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53272" data-mm-item-name="Curl moisturizer leave-in" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="curl-moisturizer-en"> <a href="/en-us/products/curl-moisturizer-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Curl moisturizer leave-in"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/628cacb4-577e-4138-acc9-978d2517be12.png?v=1774600907&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Curl moisturizer leave-in</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Leave-in conditioner</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53272">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53272"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="4" data-sku="53272" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curl moisturizer leave-in">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53109" data-mm-item-name="Curl Spray" data-mm-price="23" data-mm-currency="USD" data-mm-handle="curl-spray-125ml-en"> <a href="/en-us/products/curl-spray-125ml-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Curl Spray"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/dc6e866e-d849-4673-8c98-867b1b6a3902.png?v=1752260505&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Curl Spray</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Curl Setting Spray</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53109">$23</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53109"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="62" data-sku="53109" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curl Spray">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-10" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-10" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-mm-list-name="Mega Menú > Solutions > Repair my hair" data-mm-sub="repair-my-hair" data-mm-sub-label="Repair my hair" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Repair my hair</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53183" data-mm-item-name="Boombastic" data-mm-price="54.95" data-mm-currency="USD" data-mm-handle="boombastic-en"> <a href="/en-us/products/boombastic-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Boombastic"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/932bf7ba-2cff-4e5d-90ad-83d2dc267f30.png?v=1764761575&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Boombastic</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Ultra Nourishing Mask + Turban</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53183">$54.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53183"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="72" data-sku="53183" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Boombastic">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savi
1763or-en"> <a href="/en-us/products/savior-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Savior"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Hair repair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Savior">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53162" data-mm-item-name="Pack Rich for Dry Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-rich-en"> <a href="/en-us/products/pack-rich-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pack Rich for Dry Hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53162RichDryHairPack1.jpg?v=1733737079&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Pack Rich for Dry Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Shampoo &amp; Conditioner</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53162">$53.90</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53162"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="116" data-sku="53162" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Pack Rich for Dry Hair">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="52013" data-mm-item-name="Capillary serum" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="intensive-hair-repair-serum"> <a href="/en-us/products/intensive-hair-repair-serum" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Capillary serum"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52013Serumcapilar2.jpg?v=1722412807&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Capillary serum</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Repair, Moisture, Antifrizz</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52013">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52013"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="23" data-sku="52013" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Capillary serum">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><div class="cat-drawer__panel--l1 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-[max(24px,env(safe-area-inset-bottom))]" data-l1="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back aria-label="Back to main menu"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Active Ingredients</span></button></div><nav class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-0" data-mm-sub="acido-hialuronico" data-mm-sub-label="Hyaluronic acid"><span class="flex min-w-0 flex-1 items-center gap-2">Hyaluronic acid</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-1" data-mm-sub="retinal" data-mm-sub-label="Retinal"><span class="flex min-w-0 flex-1 items-center gap-2">Retinal</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-2" data-mm-sub="alfahidroxiacidos" data-mm-sub-label="Alpha-hydroxy acids"><span class="flex min-w-0 flex-1 items-center gap-2">Alpha-hydroxy acids</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-3" data-mm-sub="exosomas" data-mm-sub-label="Exosomes"><span class="flex min-w-0 flex-1 items-center gap-2">Exosomes</span>
1763<svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-4" data-mm-sub="peptidos" data-mm-sub-label="Peptides"><span class="flex min-w-0 flex-1 items-center gap-2">Peptides</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-5" data-mm-sub="bakuchiol" data-mm-sub-label="Bakuchiol"><span class="flex min-w-0 flex-1 items-center gap-2">Bakuchiol</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-6" data-mm-sub="vitamina-c" data-mm-sub-label="Vitamin C"><span class="flex min-w-0 flex-1 items-center gap-2">Vitamin C</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-7" data-mm-sub="cafeina" data-mm-sub-label="Caffeine"><span class="flex min-w-0 flex-1 items-center gap-2">Caffeine</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-8" data-mm-sub="niacinamida" data-mm-sub-label="Niacinamide"><span class="flex min-w-0 flex-1 items-center gap-2">Niacinamide</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button></nav></div><template data-l2-template="sub-0" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-0" data-l1-parent="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" data-mm-list-id="megamenu_activos_acido-hialuronico" data-mm-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" data-mm-sub="acido-hialuronico" data-mm-sub-label="Hyaluronic acid" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Hyaluronic acid</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: CLINICAL BEAUTY FILLER">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: CLINICAL EXOSOMES">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: The Absolute">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: Clinical Retinal 0.1">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <d
1763iv class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="311" data-mm-item-name="ANTI-AGING EYE CONTOUR DUO" data-mm-price="136.95" data-mm-currency="USD" data-mm-handle="anti-aging-eye-contour-duo"> <a href="/en-us/products/anti-aging-eye-contour-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-AGING EYE CONTOUR DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eee85e39-731c-4340-a168-37a781f3d5a7.png?v=1763549337&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">ANTI-AGING EYE CONTOUR DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging eye contour + Lifting effect serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="311">$136.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="311"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="233" data-sku="311" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: ANTI-AGING EYE CONTOUR DUO">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mb-4 mt-2 shrink-0 [body:not(.body--nav-collapsed)_&#38;]:lg:hidden aspect-[5/4]"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" src="https://shopify-cdn.cocunat.com/a663fad4-a315-4cdf-87f8-72f43353dd05.mp4" poster="https://shopify-cdn.cocunat.com/6ae13c4c-2029-4669-b9c3-2cd8b5d76f95.jpg" autoplay loop muted playsinline preload="metadata" width="960" height="720" aria-hidden="true"></video><video class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" src="https://shopify-cdn.cocunat.com/7c6be295-8adc-474c-a487-dbb58df7ef41.mp4" poster="https://shopify-cdn.cocunat.com/6ae13c4c-2029-4669-b9c3-2cd8b5d76f95.jpg" autoplay loop muted playsinline preload="metadata" width="960" height="720" aria-hidden="true"></video><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Hyaluronic acid</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Deeply hydrates. Keeps skin firm and elastic.</p>  </div></div></div></template><template data-l2-template="sub-1" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-1" data-l1-parent="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" data-mm-list-id="megamenu_activos_retinal" data-mm-list-name="Mega Menú > Active Ingredients > Retinal" data-mm-sub="retinal" data-mm-sub-label="Retinal" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Retinal</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_activos_retinal" data-list-name="Mega Menú > Active Ingredients > Retinal" aria-label="Add to cart: Clinical Retinal 0.1">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Cure"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Illuminating Nourishing Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_activos_retinal" data-list-name="Mega Menú > Active Ingredients > Retinal" aria-label="Add to cart: The Cure">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mb-4 mt-2 shrink-0 [body:not(.body--nav-collapsed)_&#38;]:lg:hidden aspect-[5/4]"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" src="https://shopify-cdn.cocunat.com/427f8dce-b541-48a6-877a-6d21e667bf68.mp4" poster="https://shopify-cdn.cocunat.com/d11feb9f-e86f-489
17636-8bcd-81fbdedecf68.jpg" autoplay loop muted playsinline preload="metadata" width="960" height="720" aria-hidden="true"></video><video class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" src="https://shopify-cdn.cocunat.com/50a2c637-ff2e-4b44-8286-148a0ffbdeca.mp4" poster="https://shopify-cdn.cocunat.com/d11feb9f-e86f-4896-8bcd-81fbdedecf68.jpg" autoplay loop muted playsinline preload="metadata" width="960" height="720" aria-hidden="true"></video><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Retinal</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Boosts cellular regeneration. Reduces wrinkles and stimulates collagen.</p>  </div></div></div></template><template data-l2-template="sub-2" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-2" data-l1-parent="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" data-mm-list-id="megamenu_activos_alfahidroxiacidos" data-mm-list-name="Mega Menú > Active Ingredients > Alpha-hydroxy acids" data-mm-sub="alfahidroxiacidos" data-mm-sub-label="Alpha-hydroxy acids" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Alpha-hydroxy acids</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_activos_alfahidroxiacidos" data-list-name="Mega Menú > Active Ingredients > Alpha-hydroxy acids" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-3" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-3" data-l1-parent="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" data-mm-list-id="megamenu_activos_exosomas" data-mm-list-name="Mega Menú > Active Ingredients > Exosomes" data-mm-sub="exosomas" data-mm-sub-label="Exosomes" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Exosomes</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_activos_exosomas" data-list-name="Mega Menú > Active Ingredients > Exosomes" aria-label="Add to cart: CLINICAL EXOSOMES">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><a href="hola hola" data-mm-promo="Exosomes" class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mb-4 mt-2 shrink-0 [body:not(.body--nav-collapsed)_&#38;]:lg:hidden aspect-[5/4]"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" src="https://shopify-cdn.cocunat.com/21744b96-2dbb-46ef-85f4-f228ee5dc229.mp4" poster="https://shopify-cdn.cocunat.com/719e4926-4d7d-4773-8dfe-f732c202ac5b.jpg" autoplay loop muted playsinline preload="metadata" width="960" height="720" aria-hidden="true"></video><img class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=auto,quality=90/acad2cbf-98b7-42cf-84d6-23481ee49a4d.jpg" alt="" loading="lazy" decoding="async" width="960" height="720"><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Exosomes</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Restores cellular communication. Redefines the facial contour and improves f
1763irmness.</p>  </div></a></div></template><template data-l2-template="sub-4" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-4" data-l1-parent="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" data-mm-list-id="megamenu_activos_peptidos" data-mm-list-name="Mega Menú > Active Ingredients > Peptides" data-mm-sub="peptidos" data-mm-sub-label="Peptides" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Peptides</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL BEAUTY FILLER">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL EXOSOMES">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-5" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-5" data-l1-parent="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" data-mm-list-id="megamenu_activos_bakuchiol" data-mm-list-name="Mega Menú > Active Ingredients > Bakuchiol" data-mm-sub="bakuchiol" data-mm-sub-label="Bakuchiol" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Bakuchiol</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Cure"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Illuminating Nourishing Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_activos_bakuchiol" data-list-name="Mega Menú > Active Ingredients > Bakuchiol" aria-label="Add to cart: The Cure">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_activos_bakuchiol" data-list-name="Mega Menú > Active Ingredients > Bakuchiol" aria-label="Add to cart: The Absolute">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Architect"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1763Anti-Aging Eye Contour</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_activos_bakuchiol" data-list-name="Mega Menú > Active Ingredients > Bakuchiol" aria-label="Add to cart: The Architect">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mb-4 mt-2 shrink-0 [body:not(.body--nav-collapsed)_&#38;]:lg:hidden aspect-[5/4]"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" src="https://shopify-cdn.cocunat.com/8de2e84f-1be8-435a-a745-0e45ccfa3bd7.mp4" poster="https://shopify-cdn.cocunat.com/56e3331c-e62a-40e9-b3a8-abd528cce63f.jpg" autoplay loop muted playsinline preload="metadata" width="960" height="720" aria-hidden="true"></video><video class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" src="https://shopify-cdn.cocunat.com/6e52dc9f-cbf8-4b41-a29f-375167134bc7.mp4" poster="https://shopify-cdn.cocunat.com/56e3331c-e62a-40e9-b3a8-abd528cce63f.jpg" autoplay loop muted playsinline preload="metadata" width="960" height="720" aria-hidden="true"></video><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Bakuchiol</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">The plant-based alternative to retinol. Fights wrinkles and stimulates collagen.</p>  </div></div></div></template><template data-l2-template="sub-6" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-6" data-l1-parent="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" data-mm-list-id="megamenu_activos_vitamina-c" data-mm-list-name="Mega Menú > Active Ingredients > Vitamin C" data-mm-sub="vitamina-c" data-mm-sub-label="Vitamin C" aria-hidden="true"><div class="flex items-center py-1">
1763<button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Vitamin C</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_activos_vitamina-c" data-list-name="Mega Menú > Active Ingredients > Vitamin C" aria-label="Add to cart: CLINICAL THE REAL C">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="200" data-mm-item-name="CLINICAL THE REAL C | REFILL" data-mm-price="108.95" data-mm-currency="USD" data-mm-handle="doy-
1763pack-the-real-c"> <a href="/en-us/products/doy-pack-the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C | REFILL"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a67284e6-1be9-4313-9a9e-11cb8b84ff78.jpg?v=1768833262&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C | REFILL</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">2 months Vitamin C</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="200">$108.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="200"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="297" data-sku="200" data-list-id="megamenu_activos_vitamina-c" data-list-name="Mega Menú > Active Ingredients > Vitamin C" aria-label="Add to cart: CLINICAL THE REAL C | REFILL">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="152" data-mm-item-name="CLINICAL THE REAL C 30 days" data-mm-price="74.95" data-mm-currency="USD" data-mm-handle="the-real-c-30-days"> <a href="/en-us/products/the-real-c-30-days" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C 30 days"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/820a1f3a-1e93-4909-94fa-4c855351814d.webp?v=1764754793&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C 30 days</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">1  month format - Vitamin C 20% Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="152">$74.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="152"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="161" data-sku="152" data-list-id="megamenu_activos_vitamina-c" data-list-name="Mega Menú > Active Ingredients > Vitamin C" aria-label="Add to cart: CLINICAL THE REAL C 30 days">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="201" data-mm-item-name="CLINICAL THE REAL C | REFILL 30" data-mm-price="68.95" data-mm-currency="USD" data-mm-handle="doy-
1763pack-the-real-c-30-days"> <a href="/en-us/products/doy-pack-the-real-c-30-days" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C | REFILL 30"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/25ce0235-f3ef-4ac6-9fba-0e7c639baedb.jpg?v=1768833036&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C | REFILL 30</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">30 day format - Vitamin C 20% Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="201">$68.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="201"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="179" data-sku="201" data-list-id="megamenu_activos_vitamina-c" data-list-name="Mega Menú > Active Ingredients > Vitamin C" aria-label="Add to cart: CLINICAL THE REAL C | REFILL 30">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mb-4 mt-2 shrink-0 [body:not(.body--nav-collapsed)_&#38;]:lg:hidden aspect-[5/4]"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" src="https://shopify-cdn.cocunat.com/4966c789-783e-472b-9a42-b94548193f5f.mp4" poster="https://shopify-cdn.cocunat.com/b90a97aa-56b8-41d5-9cd3-161f08eb76ed.jpg" autoplay loop muted playsinline preload="metadata" width="960" height="720" aria-hidden="true"></video><video class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" src="https://shopify-cdn.cocunat.com/ac27ce9c-934d-4878-a370-b8c21b42c438.mp4" poster="https://shopify-cdn.cocunat.com/b90a97aa-56b8-41d5-9cd3-161f08eb76ed.jpg" autoplay loop muted playsinline preload="metadata" width="960" height="720" aria-hidden="true"></video><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Vitamin C</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Brightens and reduces dark spots. Potent antioxidant.</p>  </div></div></div></template><template data-l2-template="sub-7" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-7" data-l1-parent="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" data-mm-list-id="megamenu_activos_cafeina" data-mm-list-name="Mega Menú > Active Ingredients > Caffeine" data-mm-sub="cafeina" data-mm-sub-label="Caffeine" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Caffeine</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53299" data-mm-item-name="BODY POWER" data-mm-price="93" data-mm-currency="USD" data-mm-handle="body-power-en"> <a href="/en-us/products/body-power-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View BODY POWER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3aac7-6e14-40b4-aa25-5d4073b6a1b8.png?v=1746818080&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">BODY POWER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53299">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53299"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="74" data-sku="53299" data-list-id="megamenu_activos_cafeina" data-list-name="Mega Menú > Active Ingredients > Caffeine" aria-label="Add to cart: BODY POWER">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Architect"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1763Anti-Aging Eye Contour</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_activos_cafeina" data-list-name="Mega Menú > Active Ingredients > Caffeine" aria-label="Add to cart: The Architect">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53251" data-mm-item-name="EYE CONTOUR" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="eye-contour-bags-and-dark-circles-new"> <a href="/en-us/products/eye-contour-bags-and-dark-circles-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View EYE CONTOUR"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/4070b3b5-9d36-433c-af52-57630b823422.png?v=1759216285&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">EYE CONTOUR</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Eye Contour, Bags and Dark Circles</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53251">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53251"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="43" data-sku="53251" data-list-id="megamenu_activos_cafeina" data-list-name="Mega Menú > Active Ingredients > Caffeine" aria-label="Add to cart: EYE CONTOUR">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-8" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-8" data-l1-parent="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" data-mm-list-id="megamenu_activos_niacinamida" data-mm-list-name="Mega Menú > Active Ingredients > Niacinamide" data-mm-sub="niacinamida" data-mm-sub-label="Niacinamide" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Niacinamide</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_activos_niacinamida" data-list-name="Mega Menú > Active Ingredients > Niacinamide" aria-label="Add to cart: Clinical Retinal 0.1">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_activos_
1763niacinamida" data-list-name="Mega Menú > Active Ingredients > Niacinamide" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><div class="cat-drawer__panel--l1 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-[max(24px,env(safe-area-inset-bottom))]" data-l1="tratamientos" data-mm-section="tratamientos" data-mm-section-label="Treatments" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back aria-label="Back to main menu"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Treatments</span></button></div><nav class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-0" data-mm-sub="products-anti-wrinkle-lifting-duo" data-mm-sub-label="Firming Method"><span class="flex min-w-0 flex-1 items-center gap-2">Firming Method</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-1" data-mm-sub="antiedad" data-mm-sub-label="Anti-ageing"><span class="flex min-w-0 flex-1 items-center gap-2">Anti-ageing</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-2" data-mm-sub="perdida-grasa" data-mm-sub-label="Fat loss"><span class="flex min-w-0 flex-1 items-center gap-2">Fat loss</span>
1763<svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-3" data-mm-sub="anticelulitico" data-mm-sub-label="Anti-cellulite"><span class="flex min-w-0 flex-1 items-center gap-2">Anti-cellulite</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-4" data-mm-sub="antimanchas" data-mm-sub-label="Anti-dark spots"><span class="flex min-w-0 flex-1 items-center gap-2">Anti-dark spots</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-5" data-mm-sub="anticaida-capilar" data-mm-sub-label="Hair Loss"><span class="flex min-w-0 flex-1 items-center gap-2">Hair Loss</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-6" data-mm-sub="skin-cycling" data-mm-sub-label="Skin Cycling Routine"><span class="flex min-w-0 flex-1 items-center gap-2">Skin Cycling Routine</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button></nav></div><template data-l2-template="sub-0" data-l1-parent="tratamientos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-0" data-l1-parent="tratamientos" data-mm-section="tratamientos" data-mm-section-label="Treatments" data-mm-list-id="megamenu_tratamientos_products-anti-wrinkle-lifting-duo" data-mm-list-name="Mega Menú > Treatments > Firming Method" data-mm-sub="products-anti-wrinkle-lifting-duo" data-mm-sub-label="Firming Method" aria-hidden="true"><div class="flex items-center py-1">
1763<button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Treatments"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Firming Method</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="440" data-mm-item-name="ANTI-WRINKLE LIFTING DUO" data-mm-price="270.95" data-mm-currency="USD" data-mm-handle="anti-wrinkle-lifting-duo"> <a href="/en-us/products/anti-wrinkle-lifting-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-WRINKLE LIFTING DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/1f98ab1a-2b15-48c8-827f-7a765b9f5e79.png?v=1763925632&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">ANTI-WRINKLE LIFTING DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Microneedling + Exosomes</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="440">$270.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="440"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="363" data-sku="440" data-list-id="megamenu_tratamientos_products-anti-wrinkle-lifting-duo" data-list-name="Mega Menú > Treatments > Firming Method" aria-label="Add to cart: ANTI-WRINKLE LIFTING DUO">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-1" data-l1-parent="tratamientos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-1" data-l1-parent="tratamientos" data-mm-section="tratamientos" data-mm-section-label="Treatments" data-mm-list-id="megamenu_tratamientos_antiedad" data-mm-list-name="Mega Menú > Treatments > Anti-ageing" data-mm-sub="antiedad" data-mm-sub-label="Anti-ageing" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Treatments"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Anti-ageing</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL BEAUTY FILLER">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: The Absolute">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL THE REAL C">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-a
1763uto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: Clinical Retinal 0.1">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-2" data-l1-parent="tratamientos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-2" data-l1-parent="tratamientos" data-mm-section="tratamientos" data-mm-section-label="Treatments" data-mm-list-id="megamenu_tratamientos_perdida-grasa" data-mm-list-name="Mega Menú > Treatments > Fat loss" data-mm-sub="perdida-grasa" data-mm-sub-label="Fat loss" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Treatments"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Fat loss</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_tratamientos_perdida-grasa" data-list-name="Mega Menú > Treatments > Fat loss" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_tratamientos_perdida-grasa" data-list-name="Mega Menú > Treatments > Fat loss" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY ">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="459" data-mm-item-name="CLINICAL SCULPT | DOUBLE CHIN" data-mm-price="280" data-mm-currency="USD" data-mm-handle="clinical-sculpt-double-chin"> <a href="/en-us/products/clinical-sculpt-double-chin" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | DOUBLE CHIN"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3d1a7-874f-42d6-892b-e4c0cf8b3365.jpg?v=1778601628&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | DOUBLE CHIN</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="459">$280</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="459"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="395" data-sku="459" data-list-id="megamenu_tratamientos_perdida-grasa" data-list-name="Mega Menú > Treatments > Fat loss" aria-label="Add to cart: CLINICAL SCULPT | DOUBLE CHIN">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 2-Month Body Power Treatment"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_tratamientos_perdida-grasa" data-list-name="Mega Menú > Treatments > Fat loss" aria-label="Add to cart: 2-Month Body Power Treatment">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&#38;]:lg:hidden"><a href="/en-us/clinical-sculpt" class="flex h-11 items-center justify-center rounded border border-[#1e1e1e] bg-white px-6 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white" data-mm-view-all>See all Fat loss</a></div></div></template><template data-l2-template="sub-3" data-l1-parent="tratamientos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-3" data-l1-parent="tratamientos" data-mm-section="tratamientos" data-mm-section-label="Treatments" data-mm-list-id="megamenu_tratamientos_anticelulitico" data-mm-list-name="Mega Menú > Treatments > Anti-cellulite" data-mm-sub="anticelulitico" data-mm-sub-label="Anti-cellulite" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Treatments"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Anti-cellulite</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 2-Month Body Power Treatment"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: 2-Month Body Power Treatment">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY ">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="459" data-mm-item-name="CLINICAL SCULPT | DOUBLE CHIN" data-mm-price="280" data-mm-currency="USD" data-mm-handle="clinical-sculpt-double-chin"> <a href="/en-us/products/clinical-sculpt-double-chin" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | DOUBLE CHIN"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3d1a7-874f-42d6-892b-e4c0cf8b3365.jpg?v=1778601628&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | DOUBLE CHIN</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="459">$280</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="459"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="395" data-sku="459" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: CLINICAL SCULPT | DOUBLE CHIN">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-4" data-l1-parent="tratamientos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-4" data-l1-parent="tratamientos" data-mm-section="tratamientos" data-mm-section-label="Treatments" data-mm-list-id="megamenu_tratamientos_antimanchas" data-mm-list-name="Mega Menú > Treatments > Anti-dark spots" data-mm-sub="antimanchas" data-mm-sub-label="Anti-dark spots" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Treatments"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Anti-dark spots</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_tratamientos_antimanchas" data-list-name="Mega Menú > Treatments > Anti-dark spots" aria-label="Add to cart: CLINICAL THE REAL C">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_tratamientos_antimanchas" data-list-name="Mega Menú > Treatments > Anti-dark spots" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_tratamientos_antimanchas" data-list-name="Mega Menú > Treatments > Anti-dark spots" aria-label="Add to cart: The Absolute">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-5" data-l1-parent="tratamientos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-5" data-l1-parent="tratamientos" data-mm-section="tratamientos" data-mm-section-label="Treatments" data-mm-list-id="megamenu_tratamientos_anticaida-capilar" data-mm-list-name="Mega Menú > Treatments > Hair Loss" data-mm-sub="anticaida-capilar" data-mm-sub-label="Hair Loss" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Treatments"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Hair Loss</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3 month of Happy Hair pack"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_tratamientos_anticaida-capilar" data-list-name="Mega Menú > Treatments > Hair Loss" aria-label="Add to cart: 3 month of Happy Hair pack">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53298" data-mm-item-name="Happy hair" data-mm-price="48.95" data-mm-currency="USD" data-mm-handle="happy-hair-en"> <a href="/en-us/products/happy-hair-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Happy hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6d07ea9-c6cf-4c10-9b14-597066895ddd.png?v=1761031045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Happy hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53298">$48.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53298"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="30" data-sku="53298" data-list-id="megamenu_tratamientos_anticaida-capilar" data-list-name="Mega Menú > Treatments > Hair Loss" aria-label="Add to cart: Happy hair">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-6" data-l1-parent="tratamientos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-6" data-l1-parent="tratamientos" data-mm-section="tratamientos" data-mm-section-label="Treatments" data-mm-list-id="megamenu_tratamientos_skin-cycling" data-mm-list-name="Mega Menú > Treatments > Skin Cycling Routine" data-mm-sub="skin-cycling" data-mm-sub-label="Skin Cycling Routine" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Treatments"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Skin Cycling Routine</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="299" data-mm-item-name="Skin cycling" data-mm-price="273.4" data-mm-currency="USD" data-mm-handle="skin-cycling"> <a href="/en-us/products/skin-cycling" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Skin cycling"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/126685ba-d981-46ee-8cc2-f698a7d4e878.png?v=1744060214&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Skin cycling</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">The routine that regenerates and rejuvenates your skin.</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="299">$273.40</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="299"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="227" data-sku="299" data-list-id="megamenu_tratamientos_skin-cycling" data-list-name="Mega Menú > Treatments > Skin Cycling Routine" aria-label="Add to cart: Skin cycling">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><div class="cat-drawer__panel--l1 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-[max(24px,env(safe-area-inset-bottom))]" data-l1="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back aria-label="Back to main menu"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Collections</span></button></div><nav class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-0" data-mm-sub="collections-clinical" data-mm-sub-label="Clinical Range"><span class="flex min-w-0 flex-1 items-center gap-2">Clinical Range</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-1" data-mm-sub="collections-treatment" data-mm-sub-label="Treatment Range"><span class="flex min-w-0 flex-1 items-center gap-2">Treatment Range</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-2" data-mm-sub="collections-body" data-mm-sub-label="Body"><span class="flex min-w-0 flex-1 items-center gap-2">Body</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-3" data-mm-sub="collections-hair" data-mm-sub-label="Hair"><span class="flex min-w-0 flex-1 items-center gap-2">Hair</span>
1763<svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-4" data-mm-sub="limpiadores" data-mm-sub-label="Cleansers"><span class="flex min-w-0 flex-1 items-center gap-2">Cleansers</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-5" data-mm-sub="rizos" data-mm-sub-label="Curls"><span class="flex min-w-0 flex-1 items-center gap-2">Curls</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-6" data-mm-sub="trials" data-mm-sub-label="Trials"><span class="flex min-w-0 flex-1 items-center gap-2">Trials</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-7" data-mm-sub="collections-bundles" data-mm-sub-label="Packs"><span class="flex min-w-0 flex-1 items-center gap-2">Packs</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button></nav></div><template data-l2-template="sub-0" data-l1-parent="colecciones"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-0" data-l1-parent="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" data-mm-list-id="megamenu_
1763colecciones_collections-clinical" data-mm-list-name="Mega Menú > Collections > Clinical Range" data-mm-sub="collections-clinical" data-mm-sub-label="Clinical Range" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Collections"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Clinical Range</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL BEAUTY FILLER">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_
1763colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL EXOSOMES">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL THE REAL C">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_
1763colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_
1763colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: Clinical Retinal 0.1">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&#38;]:lg:hidden"><a href="/en-us/collections/clinical" class="flex h-11 items-center justify-center rounded border border-[#1e1e1e] bg-white px-6 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white" data-mm-view-all>See all Clinical Range</a></div></div></template><template data-l2-template="sub-1" data-l1-parent="colecciones"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-1" data-l1-parent="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" data-mm-list-id="megamenu_colecciones_collections-treatment" data-mm-list-name="Mega Menú > Collections > Treatment Range" data-mm-sub="collections-treatment" data-mm-sub-label="Treatment Range" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Collections"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Treatment Range</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 2-Month Body Power Treatment"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_
1763colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: 2-Month Body Power Treatment">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: The Absolute">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Cure"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Illuminating Nourishing Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_
1763colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: The Cure">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savior-en"> <a href="/en-us/products/savior-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Savior"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Hair repair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: Savior">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_
1763colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: Extraordinary Oil">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Architect"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Eye Contour</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: The Architect">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&#38;]:lg:hidden"><a href="/en-us/collections/treatment" class="flex h-11 items-center justify-center rounded border border-[#1e1e1e] bg-white px-6 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white" data-mm-view-all>See all Treatment Range</a></div></div></template><template data-l2-template="sub-2" data-l1-parent="colecciones"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-2" data-l1-parent="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" data-mm-list-id="megamenu_colecciones_collections-body" data-mm-list-name="Mega Menú > Collections > Body" data-mm-sub="collections-body" data-mm-sub-label="Body" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Collections"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Body</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_
1763colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY ">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 2-Month Body Power Treatment"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: 2-Month Body Power Treatment">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_
1763colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: Extraordinary Oil">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53206" data-mm-item-name="Exotic Orange Body Mousse" data-mm-price="37.95" data-mm-currency="USD" data-mm-handle="exotic-orange-body-mousse"> <a href="/en-us/products/exotic-orange-body-mousse" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Exotic Orange Body Mousse"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/06d92815-0a16-444c-8980-a563ab803ec5.png?v=1751978691&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Exotic Orange Body Mousse</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">24h Body Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53206">$37.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53206"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="48" data-sku="53206" data-list-id="megamenu_colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: Exotic Orange Body Mousse">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53176" data-mm-item-name="The glow" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="the-glow-en"> <a href="/en-us/products/the-glow-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The glow"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53176TheGlow2.jpg?v=1724664627&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The glow</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Body milk nourishes shines</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53176">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53176"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="51" data-sku="53176" data-list-id="megamenu_
1763colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: The glow">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&#38;]:lg:hidden"><a href="/en-us/collections/body" class="flex h-11 items-center justify-center rounded border border-[#1e1e1e] bg-white px-6 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white" data-mm-view-all>See all Body</a></div></div></template><template data-l2-template="sub-3" data-l1-parent="colecciones"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-3" data-l1-parent="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" data-mm-list-id="megamenu_colecciones_collections-hair" data-mm-list-name="Mega Menú > Collections > Hair" data-mm-sub="collections-hair" data-mm-sub-label="Hair" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Collections"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Hair</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3 month of Happy Hair pack"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_
1763colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: 3 month of Happy Hair pack">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savior-en"> <a href="/en-us/products/savior-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Savior"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Hair repair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Savior">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53162" data-mm-item-name="Pack Rich for Dry Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-rich-en"> <a href="/en-us/products/pack-rich-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pack Rich for Dry Hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53162RichDryHairPack1.jpg?v=1733737079&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Pack Rich for Dry Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Shampoo &amp; Conditioner</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53162">$53.90</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53162"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="116" data-sku="53162" data-list-id="megamenu_
1763colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Pack Rich for Dry Hair">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53183" data-mm-item-name="Boombastic" data-mm-price="54.95" data-mm-currency="USD" data-mm-handle="boombastic-en"> <a href="/en-us/products/boombastic-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Boombastic"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/932bf7ba-2cff-4e5d-90ad-83d2dc267f30.png?v=1764761575&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Boombastic</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Ultra Nourishing Mask + Turban</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53183">$54.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53183"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="72" data-sku="53183" data-list-id="megamenu_colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Boombastic">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="52013" data-mm-item-name="Capillary serum" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="intensive-hair-repair-serum"> <a href="/en-us/products/intensive-hair-repair-serum" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Capillary serum"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52013Serumcapilar2.jpg?v=1722412807&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Capillary serum</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Repair, Moisture, Antifrizz</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52013">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52013"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="23" data-sku="52013" data-list-id="megamenu_
1763colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Capillary serum">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53159" data-mm-item-name="Pure shampoo" data-mm-price="26.95" data-mm-currency="USD" data-mm-handle="pure-oily-hair-shampoo-200ml"> <a href="/en-us/products/pure-oily-hair-shampoo-200ml" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pure shampoo"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53159PureShampoo1.jpg?v=1734435992&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Pure shampoo</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Oily Hair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53159">$26.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53159"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="34" data-sku="53159" data-list-id="megamenu_colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Pure shampoo">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&#38;]:lg:hidden"><a href="/en-us/collections/hair" class="flex h-11 items-center justify-center rounded border border-[#1e1e1e] bg-white px-6 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white" data-mm-view-all>See all Hair</a></div></div></template><template data-l2-template="sub-4" data-l1-parent="colecciones"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-4" data-l1-parent="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" data-mm-list-id="megamenu_colecciones_limpiadores" data-mm-list-name="Mega Menú > Collections > Cleansers" data-mm-sub="limpiadores" data-mm-sub-label="Cleansers" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Collections"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Cleansers</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53342" data-mm-item-name="Pamper Gel" data-mm-price="28" data-mm-currency="USD" data-mm-handle="pamper-gel-en"> <a href="/en-us/products/pamper-gel-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pamper Gel"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/2c023221-8b61-4a8c-b1db-51dcb70d173d.png?v=1772191230&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Pamper Gel</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Facial soap</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53342">$28</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53342"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="55" data-sku="53342" data-list-id="megamenu_colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Pamper Gel">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53093" data-mm-item-name="Micellar Water 3 in 1" data-mm-price="26" data-mm-currency="USD" data-mm-handle="micellar-water-3-in-1-toning-cleanser-200ml"> <a href="/en-us/products/micellar-water-3-in-1-toning-cleanser-200ml" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Micellar Water 3 in 1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53093CocunatAguaMicelar_0.jpg?v=1726557536&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Micellar Water 3 in 1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1763Tones and Cleanses</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53093">$26</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53093"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="9" data-sku="53093" data-list-id="megamenu_colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Micellar Water 3 in 1">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="51832" data-mm-item-name="Total Cleansing Milk" data-mm-price="23" data-mm-currency="USD" data-mm-handle="total-makeup-remover-mil"> <a href="/en-us/products/total-makeup-remover-mil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Total Cleansing Milk"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f56356e8-09fe-40ff-8a08-a40946011c96.jpg?v=1742910048&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Total Cleansing Milk</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Cleanses face and eyes</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="51832">$23</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51832"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="50" data-sku="51832" data-list-id="megamenu_
1763colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Total Cleansing Milk">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="51954" data-mm-item-name="Detox Cleansing Foam" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="detox-cleansing-foam-for-oily-and-combination-skin"> <a href="/en-us/products/detox-cleansing-foam-for-oily-and-combination-skin" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Detox Cleansing Foam"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/567c183d-7b99-4c09-98fe-a05d80f7aff0.png?v=1752259979&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Detox Cleansing Foam</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Combination &amp; Oily Skin</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="51954">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51954"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="17" data-sku="51954" data-list-id="megamenu_colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Detox Cleansing Foam">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-5" data-l1-parent="colecciones"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-5" data-l1-parent="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" data-mm-list-id="megamenu_colecciones_rizos" data-mm-list-name="Mega Menú > Collections > Curls" data-mm-sub="rizos" data-mm-sub-label="Curls" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Collections"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Curls</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53294" data-mm-item-name="Total Curls Definition Routine" data-mm-price="222.95" data-mm-currency="USD" data-mm-handle="total-curls-en"> <a href="/en-us/products/total-curls-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Total Curls Definition Routine"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a042fe1f-5617-4a49-b476-12ae575df3d4.png?v=1773999336&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Total Curls Definition Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Defines, Eliminates Frizz, Nourishes Thoroughly.</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53294">$222.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53294"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="111" data-sku="53294" data-list-id="megamenu_colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: Total Curls Definition Routine">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53115" data-mm-item-name="3x Booster Curls Definition" data-mm-price="95.85" data-mm-currency="USD" data-mm-handle="3x2-curl-booster"> <a href="/en-us/products/3x2-curl-booster" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3x Booster Curls Definition"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6fe69d75-3b40-494b-9eb9-5ee5550b1c63.png?v=1773908481&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3x Booster Curls Definition</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Curl Defining Cream 3-pack</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53115">$95.85</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53115"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="99" data-sku="53115" data-list-id="megamenu_
1763colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: 3x Booster Curls Definition">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53055" data-mm-item-name="Curly Method by Cocunat" data-mm-price="60.95" data-mm-currency="USD" data-mm-handle="amazing-curls-pack"> <a href="/en-us/products/amazing-curls-pack" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Curly Method by Cocunat"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f58817c6-fa75-4a39-8337-ae9a16fabcae.png?v=1773996435&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Curly Method by Cocunat</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">2-step method to define curls</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53055">$60.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53055"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="28" data-sku="53055" data-list-id="megamenu_colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: Curly Method by Cocunat">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53110" data-mm-item-name="Defined Curls Kit" data-mm-price="83.95" data-mm-currency="USD" data-mm-handle="boost-and-hold-bundle"> <a href="/en-us/products/boost-and-hold-bundle" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Defined Curls Kit"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b6a5df-3b98-4cd7-8c32-a81a7dda311a.png?v=1763544637&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Defined Curls Kit</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Conditioner leave-in &amp; Cream &amp; Spray</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53110">$83.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53110"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="93" data-sku="53110" data-list-id="megamenu_
1763colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: Defined Curls Kit">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&#38;]:lg:hidden"><a href="/en-us/metodo-curly" class="flex h-11 items-center justify-center rounded border border-[#1e1e1e] bg-white px-6 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white" data-mm-view-all>See all Curls</a></div></div></template><template data-l2-template="sub-6" data-l1-parent="colecciones"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-6" data-l1-parent="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" data-mm-list-id="megamenu_colecciones_trials" data-mm-list-name="Mega Menú > Collections > Trials" data-mm-sub="trials" data-mm-sub-label="Trials" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Collections"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Trials</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="423" data-mm-item-name="Discovery Kit" data-mm-price="49" data-mm-currency="USD" data-mm-handle="discovery-kit"> <a href="/en-us/products/discovery-kit" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Discovery Kit"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eab70af3-6c34-4bbb-b0d1-0c5023aec54c.png?v=1766483553&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Discovery Kit</h3>  </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="423">$49</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="423"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="364" data-sku="423" data-list-id="megamenu_
1763colecciones_trials" data-list-name="Mega Menú > Collections > Trials" aria-label="Add to cart: Discovery Kit">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="322" data-mm-item-name="Trial Skin Cycling" data-mm-price="20" data-mm-currency="USD" data-mm-handle="trial-skin-cycling"> <a href="/en-us/products/trial-skin-cycling" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Trial Skin Cycling"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/TrialsSeptiembre20241147_1.jpg?v=1726822564&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Trial Skin Cycling</h3>  </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="322">$20</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="322"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="240" data-sku="322" data-list-id="megamenu_colecciones_trials" data-list-name="Mega Menú > Collections > Trials" aria-label="Add to cart: Trial Skin Cycling">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><a href="/en-us/trials/" data-mm-promo="Try our products" class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mb-4 mt-2 shrink-0 [body:not(.body--nav-collapsed)_&#38;]:lg:hidden aspect-[5/4]"><img class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=auto,quality=90/d4b83402-d2b2-4efe-a1be-dedd784bff84.webp" alt="" loading="lazy" decoding="async" width="960" height="720"><img class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=auto,quality=90/c5f33305-f5f3-4543-84bc-ec39dd84a75e.webp" alt="" loading="lazy" decoding="async" width="960" height="720"><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Try our products</h3>  <span class="mt-3 inline-flex h-[38px] items-center justify-center self-start rounded border px-[22px] font-brownRegular text-[14px] uppercase leading-4 no-underline transition-colors duration-[180ms] border-white bg-white text-black group-hover/banner:bg-transparent group-hover/banner:text-white">Discover</span> </div></a></div></template><template data-l2-template="sub-7" data-l1-parent="colecciones"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&#38;]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-7" data-l1-parent="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" data-mm-list-id="megamenu_colecciones_collections-bundles" data-mm-list-name="Mega Menú > Collections > Packs" data-mm-sub="collections-bundles" data-mm-sub-label="Packs" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Collections"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Packs</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="153" data-mm-item-name="Revitalized Daily Skin Routine" data-mm-price="324.8" data-mm-currency="USD" data-mm-handle="revitalized-skin-pack"> <a href="/en-us/products/revitalized-skin-pack" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Revitalized Daily Skin Routine"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/d741e633-e2ec-45cb-8387-aa1
1763700a49b32.png?v=1770979176&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Revitalized Daily Skin Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Eye Contour, Cream, Serum &amp; Vitamin C (30 day format)</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="153">$324.80</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="153"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="160" data-sku="153" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: Revitalized Daily Skin Routine">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="440" data-mm-item-name="ANTI-WRINKLE LIFTING DUO" data-mm-price="270.95" data-mm-currency="USD" data-mm-handle="anti-wrinkle-lifting-duo"> <a href="/en-us/products/anti-wrinkle-lifting-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-WRINKLE LIFTING DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/1f98ab1a-2b15-48c8-827f-7a765b9f5e79.png?v=1763925632&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">
1763ANTI-WRINKLE LIFTING DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Microneedling + Exosomes</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="440">$270.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="440"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="363" data-sku="440" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: ANTI-WRINKLE LIFTING DUO">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3 month of Happy Hair pack"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_
1763colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: 3 month of Happy Hair pack">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 2-Month Body Power Treatment"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: 2-Month Body Power Treatment">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53294" data-mm-item-name="Total Curls Definition Routine" data-mm-price="222.95" data-mm-currency="USD" data-mm-handle="total-curls-en"> <a href="/en-us/products/total-curls-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Total Curls Definition Routine"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a042fe1f-5617-4a49-b476-12ae575df3d4.png?v=1773999336&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Total Curls Definition Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Defines, Eliminates Frizz, Nourishes Thoroughly.</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53294">$222.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53294"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="111" data-sku="53294" data-list-id="megamenu_
1763colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: Total Curls Definition Routine">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="311" data-mm-item-name="ANTI-AGING EYE CONTOUR DUO" data-mm-price="136.95" data-mm-currency="USD" data-mm-handle="anti-aging-eye-contour-duo"> <a href="/en-us/products/anti-aging-eye-contour-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-AGING EYE CONTOUR DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eee85e39-731c-4340-a168-37a781f3d5a7.png?v=1763549337&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1">  <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">ANTI-AGING EYE CONTOUR DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging eye contour + Lifting effect serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="311">$136.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="311"></span>  </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="233" data-sku="311" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: ANTI-AGING EYE CONTOUR DUO">  <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&#38;]:lg:hidden"><a href="/en-us/collections/bundles" class="flex h-11 items-center justify-center rounded border border-[#1e1e1e] bg-white px-6 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white" data-mm-view-all>See all Packs</a></div></div></template> </div> <!-- Cart drawer global + floating reminder (chrome compartido con header-2). --> <div id="floating-cart-reminder" class="fixed bottom-2 left-0 sm:left-[17%] w-full sm:max-w-[380px] right-0 z-50 bg-white p-4 transition-all duration-500 ease-out translate-y-full opacity-0" style="box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.25);"> <button id="floating-cart-reminder-close" class="absolute top-2 right-2 p-1 hover:bg-gray-100 rounded-full transition-colors"> <svg class="w-4 h-4 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> <div class="text-sm font-brownRegular flex items-center"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/bi-fire_6853f44d8cd63.svg?v=1751994845" class="w-5 h-5 inline-block mr-1" alt=""> <span>YOUR CART IS STILL HERE</span> </div> <p class="text-sm text-black mb-2 mt-1">It&#39;s reserved for you... but not for long.</p> <div class="flex items-center space-x-3"> <div class="w-20 h-20 flex-shrink-0 relative" id="floating-cart-reminder-product-image-wrapper"> <img id="floating-cart-reminder-product-image" src="https://cdn.shopify.com/s/files/1/0633/1803/2557/files/Icono_Shop.png?v=1720687544" class="w-full h-full object-cover rounded-lg" alt="Product"> <span id="floating-cart-reminder-product-discount" data-badge="discount" class="hidden absolute bottom-0 left-0 bg-red-500 text-white text-xs rounded-full px-2 py-0.5 font-brownRegular"></span> </div> <div class="flex flex-col flex-1 justify-center items-start"> <span id="floating-cart-reminder-product-name" class="text-sm font-brownRegular text-black line-clamp-1"></span> <div id="floating-cart-reminder-product-price" class="flex items-center gap-2 mt-0"> <span class="line-through text-black font-brownRegular text-sm hidden"></span> <span class="text-red-600 font-brownRegular"></span> </div> <button id="floating-cart-reminder-view-cart" class="bg-white border-black border-1 text-black font-brownRegular text-sm px-4 py-1.5 mt-1.5 inline-block uppercase"> VIEW MY CART </button> </div> </div> </div> <div id="cart-drawer" class="relative z-[9999] hidden" aria-labelledby="slide-over-title" role="dialog" aria-modal="true" aria-hidden="true" data-total-items="0" data-total-price="0" data-currency="0" data-cart-state="loading" data-label-subscription="Subscription" data-label-pack="Your Pack" data-label-gift="Gift" data-label-free="Free" data-label-first-purchase-remaining="Remaining units: {price} / unit" data-label-first-purchase-line="First purchase" data-label-subscribe="Subscribe and save" data-label-subscribing="Switching to subscription..." data-label-subscribe-success="This product is now a subscription." data-label-subscribe-error="We couldn't switch this product to a subscription. Please try again." data-label-subscription-plan-one-month="1 month" data-label-subscription-plan-months="{count} months" data-label-subscription-plan-monthly="Every month" data-label-subscription-plan-bimonthly="Every 2 months" data-label-subscription-plan-quarterly="Every 3 months" data-label-subscription-plan-every-months="Every {count} months" data-label-subscription-plan-none="No subscription" data-label-subscription-plan-accessible="Purchase option for {product}" data-label-subscription-plan-updating="Updating subscription plan..." data-label-subscription-plan-updated="Subscription plan updated." data-label-subscription-plan-error="We couldn't update the subscription plan. Please try again." data-label-subscription-removing="Removing subscription..." data-label-subscription-removal-success="This product will now be purchased without a subscription." data-label-subscription-removal-error="We couldn't remove the subscription. Please try again." data-label-subscription-removal-unknown="We couldn't confirm whether the subscription was removed. Please try again." data-label-remove="Remove product" data-label-decrease="Decrease quantity" data-label-increase="Increase quantity"> <div data-cart-drawer-backdrop class="cart-v2-backdrop" aria-hidden="true"></div> <div class="cart-v2-viewport"> <div class="cart-v2-positioner"> <section class="cart-v2-panel" data-cart-panel> <div id="cart-loading-overlay" class="cart-v2-loading hidden" aria-l
1763ive="polite" aria-busy="true"> <div class="cart-v2-spinner"></div> </div> <p class="sr-only" data-cart-subscription-status aria-live="polite" aria-atomic="true"></p> <div class="cart-v2-scroll" data-cart-scroll-region> <header class="cart-v2-header" data-cart-sticky-header> <div class="cart-v2-heading"> <h2 id="slide-over-title">Your cart</h2> <span id="cart-drawer-count" class="cart-v2-count">0</span> </div> <button type="button" class="cart-v2-close" id="close-cart-drawer"> <span class="sr-only">Close cart</span> <img src="/images/cart/close.svg" alt="" width="12" height="12"> </button> </header> <div id="cart-progress-container" data-cart-progress-container class="cart-v2-progress hidden"> <div class="cart-v2-progress-message" data-cart-progress-message data-progress-message="You need {amount} more to get a free gift" data-success-message="<strong>Congratulations!</strong> Your free gift has been added to your cart" data-progress-message-2="You got the first gift. You need {amount} more for the second gift" data-progress-shipping="Add {amount} to get free shipping" data-progress-first-gift="Add {amount} to get your gift" data-progress-next-gift="Add {amount} to get another gift" data-shipping-success="You have unlocked free shipping!" data-gift-success="You have unlocked your gift!"></div> <div class="cart-v2-progress-detail"> <div class="cart-v2-progress-track"> <div data-cart-progress-bar class="cart-v2-progress-bar"></div> </div> <div data-gift-markers class="cart-v2-progress-markers"></div> <span data-cart-threshold class="hidden"></span> </div> </div> <div id="empty-cart-message" class="cart-v2-empty hidden"> <div class="cart-v2-empty-intro"> <div class="cart-v2-empty-heading-wrap"> <p class="cart-v2-empty-heading" data-cart-empty-title> Oops! You still don’t have any products in your cart </p> </div> <button type="button" class="cart-v2-empty-cta" data-cart-empty-cta> Shop now </button> </div> <div class="cart-v2-empty-discovery" data-cart-empty-discovery> <div class="cart-v2-empty-grid"> <a class="cart-v2-empty-card" href="/en-us/products/clinical-beauty-filler" data-cart-empty-card data-cart-empty-link> <img class="cart-v2-empty-card-image" data-cart-empty-src="/images/cart-empty/clinical-beauty-filler.webp" alt="Clinical Beauty Filler" width="166" height="166" loading="lazy" decoding="async"> <span>Clinical Beauty Filler</span> </a><a class="cart-v2-empty-card" href="/en-us/products/clinical-exosomes" data-cart-empty-card data-cart-empty-link> <img class="cart-v2-empty-card-image" data-cart-empty-src="/images/cart-empty/clinical-exosomes.webp" alt="Clinical Exosomes" width="166" height="166" loading="lazy" decoding="async"> <span>Clinical Exosomes</span> </a> </div> <a class="cart-v2-empty-banner" href="/en-us/products/clinical-exosomes" data-cart-empty-banner data-cart-empty-link> <img class="cart-v2-empty-banner-image" data-cart-empty-src="/images/cart-empty/metodo-firmeza.webp" alt="" width="372" height="180" loading="lazy" decoding="async"> <span class="cart-v2-empty-banner-shade" aria-hidden="true"></span> <span class="cart-v2-empty-banner-copy"> <span class="cart-v2-empty-banner-eyebrow"> Firmness method </span> <span class="cart-v2-empty-banner-title"> The method that is changing skin firmness </span> </span> </a> <div class="cart-v2-empty-grid"> <a class="cart-v2-empty-card" href="/en-us/products/clinical-sculpt-upper-body" data-cart-empty-card data-cart-empty-link> <img class="cart-v2-empty-card-image cart-v2-empty-card-image--flush" data-cart-empty-src="/images/cart-empty/clinical-sculpt-upper-body.webp" alt="Clinical Sculpt Tren Superior" width="166" height="166" loading="lazy" decoding="async"> <span>Clinical Sculpt Tren Superior</span> </a><a class="cart-v2-empty-card" href="/en-us/products/body-power-en" data-cart-empty-card data-cart-empty-link> <img class="cart-v2-empty-card-image" data-cart-empty-src="/images/cart-empty/body-power.webp" alt="Body Power" width="166" height="166" loading="lazy" decoding="async"> <span>Body Power</span> </a> </div> <div class="cart-v2-empty-grid"> <a class="cart-v2-empty-card" href="/en-us/metodo-curly" data-cart-empty-card data-cart-empty-link> <img class="cart-v2-empty-card-image" data-cart-empty-src="/images/cart-empty/metodo-curly.webp" alt="Método Curly by Cocunat" width="166" height="166" loading="lazy" decoding="async"> <span>Método Curly by Cocunat</span> </a><a class="cart-v2-empty-card" href="/en-us/products/boombastic-en" data-cart-empty-card data-cart-empty-link> <img class="cart-v2-empty-card-image" data-cart-empty-src="/images/cart-empty/boombastic.webp" alt="Boombastic" width="166" height="166" loading="lazy" decoding="async"> <span>Boombastic</span> </a> </div> </div> </div>
1763 <div id="cart-filled-content" class="cart-v2-content hidden"> <section id="cart-subscription-section" class="cart-v2-section hidden" data-cart-section="subscription"> <h3 class="cart-v2-section-title">Subscribe and save</h3> <div class="cart-v2-lines" data-cart-items="subscription"></div> </section> <section id="cart-one-time-section" class="cart-v2-section hidden" data-cart-section="one-off"> <h3 class="cart-v2-section-title">One-time purchase</h3> <div class="cart-v2-lines" data-cart-items="one-off"></div> </section> <section id="cart-gifts-section" class="cart-v2-section hidden" data-cart-section="gifts"> <h3 class="cart-v2-section-title">Gifts</h3> <div class="cart-v2-lines" data-cart-items="gifts"></div> </section> <section id="cart-upsell-section" class="cart-v2-section cart-v2-upsell-section hidden"> <h3 class="cart-v2-section-title"> You may also like </h3> <div class="cart-v2-upsell-track" data-cart-upsell-track data-add-to-cart-text="Add to cart"></div> <template id="cart-upsell-card-template"> <article class="cart-v2-upsell-card" data-cart-upsell-card> <img src="" alt="" class="cart-v2-upsell-image" data-cart-upsell-image> <div class="cart-v2-upsell-copy"> <h4 class="cart-v2-upsell-title" data-cart-upsell-title></h4> <p class="cart-v2-upsell-subtitle" data-cart-upsell-subtitle></p> <div class="cart-v2-upsell-prices"> <span class="cart-v2-upsell-price" data-cart-upsell-price></span> <s class="cart-v2-upsell-original hidden" data-cart-upsell-original></s> </div> </div> <button type="button" class="cart-v2-upsell-button" data-cart-upsell-add> <img src="/images/cart/bag.svg" alt="" width="18" height="16"> <span class="sr-only cart-v2-upsell-button-label">Add to cart</span> </button> </article> </template> </section> <section class="cart-v2-summary" aria-label="Total"> <div class="cart-v2-summary-row"> <span>Subtotal</span> <span id="cart-summary-subtotal">$0</span> </div> <div id="total-saved-container" class="cart-v2-summary-row hidden"> <span>Discount</span> <span>-<span id="total-saved-amount">$0</span></span> </div> <div class="cart-v2-summary-row"> <span>Shipping</span> <span id="cart-shipping-price" data-pending-label="Shipping and taxes calculated at checkout." data-shipping-state="pending"> Shipping and taxes calculated at checkout. </span> </div> <div class="cart-v2-summary-row cart-v2-summary-total"> <span>Total</span> <span id="cart-summary-total">$0</span> </div> <p class="cart-v2-discount-copy">Discount codes applied at checkout</p> <div class="cart-v2-payments" aria-label="Payment methods"> <span class="cart-v2-payment cart-v2-payment-amex"> <img src="/images/cart/payment-amex.svg" alt="American Express" width="29" height="8"> </span> <span class="cart-v2-payment"> <img src="/images/cart/payment-apple-pay.svg" alt="Apple Pay" width="25" height="11"> </span> <span class="cart-v2-payment cart-v2-payment-google"> <img src="/images/cart/payment-google-g.svg" alt="" width="9" height="9"> <img src="/images/cart/payment-google-pay.svg" alt="Google Pay" width="15" height="10"> </span> <span class="cart-v2-payment"> <img src="/images/cart/payment-mastercard.svg" alt="Mastercard" width="23" height="14"> </span> <span class="cart-v2-payment"> <img src="/images/cart/payment-maestro.svg" alt="Maestro" width="23" height="14"> </span> <span class="cart-v2-payment"> <img src="/images/cart/payment-paypal.svg" alt="PayPal" width="20" height="18"> </span> <span class="cart-v2-payment cart-v2-payment-shop-pay"> <img src="/images/cart/payment-shop-pay.svg" alt="Shop Pay" width="26" height="11"> </span> <span class="cart-v2-payment"> <img src="/images/cart/payment-visa.svg" alt="Visa" width="25" height="8"> </span> </div> </section> </div> </div> <footer id="cart-drawer-footer" class="cart-v2-footer hidden" data-cart-sticky-footer> <div class="cart-v2-footer-total"> <span>Total</span> <span class="cart-v2-footer-prices"> <s id="cart-footer-original-price" class="hidden">$0</s> <strong id="subtotal-price">$0</strong> </span> </div> <a href="#" id="go-to-checkout-1" class="cart-v2-checkout"> <span class="checkout-text"> <img src="/images/cart/lock.svg" alt="" width="14" height="16"> Secure checkout </span> <span class="checkout-arrow" aria-hidden="true"></span> <span class="checkout-spinner hidden" aria-hidden="true"> <span class="cart-v2-spinner cart-v2-spinner-light"></span> </span> </a> <div class="cart-v2-trust"> <span> <img src="/images/cart/check-circle.svg" alt="" width="10" height="10"> 30-day guarantee </span> <span> <img src="/images/cart/check-circle.svg" alt="" width="10" height="10"> Proven results </span> </div> </footer> <footer class="cart-v2-empty-footer hidden" data-cart-empty-footer> <button type="button" class="cart-v2-empty-checkout" data-cart-empty-checkout disabled aria-disabled="true"> <img src="/images/cart/lock.svg" alt="" width="14" height="16"> Secure checkout </button> <div class="cart-v2-trust"> <span> <img src="/images/cart/check-circle.svg" alt="" width="10" height="10"> 30-day guarantee </span> <span> <img src="/images/cart/check-circle.svg" alt="" width="10" height="10"> Proven results </span> </div> </footer> </section> </div> </div> </div>  
1763<script>
1764  document.addEventListener('DOMContentLoaded', () => {
1765    const checkoutButton = document.getElementById('go-to-checkout-1');
1766    if (!checkoutButton) return;
1767
1768    const checkoutText = checkoutButton.querySelector('.checkout-text');
1769    const checkoutArrow = checkoutButton.querySelector('.checkout-arrow');
1770    const checkoutSpinner = checkoutButton.querySelector('.checkout-spinner');
1771    let checkoutTimeout;
1772
1773    function resetCheckoutButton() {
1774      if (checkoutTimeout) {
1775        clearTimeout(checkoutTimeout);
1776        checkoutTimeout = null;
1777      }
1778      checkoutText?.classList.remove('hidden');
1779      checkoutArrow?.classList.remove('hidden');
1780      checkoutSpinner?.classList.add('hidden');
1781      checkoutButton.classList.remove('pointer-events-none', 'opacity-90');
1782    }
1783
1784    document.getElementById('close-cart-drawer')?.addEventListener('click', resetCheckoutButton);
1785    window.addEventListener('pageshow', resetCheckoutButton);
1786
1787    checkoutButton.addEventListener('click', (event) => {
1788      const href = checkoutButton.getAttribute('href');
1789      if (!href || href === '#') return;
1790
1791      event.preventDefault();
1792      checkoutText?.classList.add('hidden');
1793      checkoutArrow?.classList.add('hidden');
1794      checkoutSpinner?.classList.remove('hidden');
1795      checkoutButton.classList.add('pointer-events-none', 'opacity-90');
1796
1797      checkoutTimeout = setTimeout(resetCheckoutButton, 10000);
1798      requestAnimationFrame(() => {
1799        requestAnimationFrame(() => {
1800          window.location.href = href;
1801        });
1802      });
1803    });
1804  });
1805</script>
1805 
1805<script src="/js/megamenu/megamenu-collapse.js"></script>
1805 
1805<script src="/js/megamenu/megamenu-drawer.js"></script>
1805 
1805<script src="/js/megamenu/megamenu-panel.js"></script>
1805 
1805<script src="/js/megamenu/megamenu-header-scroll.js"></script>
1805 
1805<script src="/js/megamenu/megamenu-tracking.js"></script>
1805  <style>astro-island,astro-slot,astro-static-slot{display:contents}</style>
1805<script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event("astro:only"));})();;(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>1/0*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script>
1805<astro-island uid="1szcdP" component-url="/_astro/AccountOverview.BHil4k5L.js" component-export="default" renderer-url="/_astro/client.XZqrM2xt.js" props="{&quot;lang&quot;:[0,&quot;en&quot;],&quot;market&quot;:[0,&quot;us&quot;],&quot;t&quot;:[0,{&quot;product_cancellation&quot;:[0,{&quot;date_body_highlight&quot;:[0,&quot;postpone your next order up to 6 months&quot;],&quot;date_loading&quot;:[0,&quot;Loading available dates…&quot;],&quot;date_load_failed&quot;:[0,&quot;We could not load the available dates. You can try again or continue cancelling.&quot;],&quot;retry&quot;:[0,&quot;Try again&quot;],&quot;frequency_title&quot;:[0,&quot;Did you know you can change how often you receive your shipments?&quot;],&quot;frequency_body_prefix&quot;:[0,&quot;We know every routine has its own rhythm, so we adapt to your needs. Instead of cancelling, &quot;],&quot;frequency_body_highlight&quot;:[0,&quot;choose the frequency that suits you best&quot;],&quot;frequency_body_suffix&quot;:[0,&quot; and keep your subscriber discount intact.&quot;],&quot;select_new_frequency&quot;:[0,&quot;Select a new frequency:&quot;],&quot;frequency_loading&quot;:[0,&quot;Loading available frequencies…&quot;],&quot;frequency_load_failed&quot;:[0,&quot;We could not load the available frequencies. You can try again or continue cancelling.&quot;],&quot;frequency_success_body&quot;:[0,&quot;We have saved your changes. The frequency of your subscription is updated. Remember you can modify your subscription whenever you need.&quot;],&quot;frequency_success_label&quot;:[0,&quot;Your new shipping frequency:&quot;],&quot;benefits_title&quot;:[0,&quot;Don’t give up everything you have achieved!&quot;],&quot;benefits_body_highlight&quot;:[0,&quot;The subscription is the most affordable option&quot;],&quot;benefits_body_suffix&quot;:[0,&quot; for keeping up your beauty routine within your budget. If you cancel today, your products will return to their standard retail price and you will lose your benefits.&quot;],&quot;benefits_heading&quot;:[0,&quot;Your subscription benefits:&quot;],&quot;benefits_includes&quot;:[0,&quot;Includes:&quot;],&quot;benefit_savings&quot;:[0,&quot;{value}% savings&quot;],&quot;benefit_shipping&quot;:[0,&quot;Free shipping&quot;],&quot;benefit_extra&quot;:[0,&quot;An extra 10% stackable across the site&quot;],&quot;commitment_shipments&quot;:[0,&quot;Commitment of {n} shipments&quot;],&quot;keep_subscription&quot;:[0,&quot;Keep my subscription&quot;],&quot;cancelled_immediate&quot;:[0,&quot;Your subscription has been cancelled.&quot;],&quot;cancelled_immediate_body&quot;:[0,&quot;No new shipments will be created for this subscription.&quot;],&quot;cancelled_after_commitment&quot;:[0,&quot;Cancellation will take effect once you complete your committed shipments.&quot;]}],&quot;club_cancellation&quot;:[0,{&quot;title&quot;:[0,&quot;Do you want to cancel your subscription?&quot;],&quot;select_reason&quot;:[0,&quot;Select the reason for cancelling&quot;],&quot;reasons&quot;:[0,{&quot;excess_product&quot;:[0,&quot;I have more product than I need&quot;],&quot;more_variety&quot;:[0,&quot;I would like to see more product variety&quot;],&quot;price&quot;:[0,&quot;The price feels high, it is out of my budget&quot;],&quot;buy_when_needed&quot;:[0,&quot;I prefer to buy when I need it&quot;],&quot;cannot_receive&quot;:[0,&quot;I cannot receive it&quot;],&quot;other&quot;:[0,&quot;Other reasons&quot;]}],&quot;back&quot;:[0,&quot;Back&quot;],&quot;next&quot;:[0,&quot;Next&quot;],&quot;close&quot;:[0,&quot;Close&quot;],&quot;cancel_anyway&quot;:[0,&quot;Cancel anyway&quot;],&quot;back_to_account&quot;:[0,&quot;Back to my account&quot;],&quot;error_generic&quot;:[0,&quot;We could not save the changes. Please try again.&quot;],&quot;previous_month&quot;:[0,&quot;Previous month&quot;],&quot;next_month&quot;:[0,&quot;Next month&quot;],&quot;next_shipment_on&quot;:[0,&quot;Your next shipment will be on&quot;],&quot;next_shipment_sends_on&quot;:[0,&quot;Your next shipment will be sent on&quot;],&quot;select_new_date&quot;:[0,&quot;Select a new date:&quot;],&quot;date_title&quot;:[0,&quot;Did you know you can change the date of your next shipment?&quot;],&quot;date_body_prefix&quot;:[0,&quot;We know every routine has its own rhythm, so we adapt to your needs. Instead of cancelling, &quot;],&quot;date_body_highlight&quot;:[0,&quot;postpone your next order by up to 15 days&quot;],&quot;date_body_suffix&quot;:[0,&quot; and keep your subscriber discount intact.&quot;],&quot;date_cta&quot;:[0,&quot;Postpone order&quot;],&quot;date_success_body&quot;:[0,&quot;We have saved your changes. The date of your next order is updated. Remember you can modify your subscription whenever you need.&quot;],&quot;one_off_title&quot;:[0,&quot;Did you know the subscription is cheaper and as flexible as a one-off purchase?&quot;],&quot;one_off_body&quot;:[0,&quot;If you switch to one-off purchases you will lose your special subscriber price and pay shipping on every order. If you prefer not to receive products right now, simply postpone your next delivery.&quot;],&quot;savings_title&quot;:[0,&quot;Savings earned&quot;],&quot;savings_body&quot;:[0,&quot;With the subscription we will always offer you the lowest price.&quot;],&quot;savings_since&quot;:[0,&quot;Saved since {date}&quot;],&quot;products_title&quot;:[0,&quot;Did you know you can change products?&quot;],&quot;products_body&quot;:[0,&quot;
1805You do not need to cancel to try something new. Swap your products for others from the selection and keep your subscriber discount intact.&quot;],&quot;products_tab_one&quot;:[0,&quot;1 product&quot;],&quot;products_tab_two&quot;:[0,&quot;2 products&quot;],&quot;products_tab_many&quot;:[0,&quot;{count} products&quot;],&quot;products_exclusive&quot;:[0,&quot;Exclusive&quot;],&quot;price_without_club&quot;:[0,&quot;Price without club&quot;],&quot;price_with_club&quot;:[0,&quot;Price with Club&quot;],&quot;selected_products&quot;:[0,&quot;Selected products&quot;],&quot;add_product&quot;:[0,&quot;Add&quot;],&quot;remove_product&quot;:[0,&quot;Remove&quot;],&quot;catalog_error&quot;:[0,&quot;We could not load the product selection.&quot;],&quot;catalog_empty&quot;:[0,&quot;No products available.&quot;],&quot;products_cta&quot;:[0,&quot;Change products&quot;],&quot;products_success_body&quot;:[0,&quot;We have saved your changes. Your next order is updated with the new products. Remember you can modify your subscription whenever you need.&quot;],&quot;next_shipment_includes&quot;:[0,&quot;Your next shipment will include:&quot;],&quot;plan_title&quot;:[0,&quot;Don&#39;t give up everything you have achieved!&quot;],&quot;plan_body_prefix&quot;:[0,&quot;We know budgets sometimes need adjusting, but instead of losing your benefits you can switch to the &quot;],&quot;plan_body_highlight&quot;:[0,&quot;{plan} plan for only {price}/shipment&quot;],&quot;plan_body_suffix&quot;:[0,&quot;. You will keep taking care of yourself while spending much less.&quot;],&quot;plan_select&quot;:[0,&quot;Select your plan:&quot;],&quot;plan_current&quot;:[0,&quot;Current plan&quot;],&quot;plan_per_shipment&quot;:[0,&quot;/shipment&quot;],&quot;plan_savings_up_to&quot;:[0,&quot;Save up to {value}&quot;],&quot;plan_band&quot;:[0,&quot;Up to 60% savings&quot;],&quot;plan_includes&quot;:[0,&quot;Includes:&quot;],&quot;plan_features&quot;:[0,{&quot;club&quot;:[1,[[0,&quot;2 products/month to choose from our selection&quot;],[0,&quot;Up to 60% savings&quot;],[0,&quot;Free shipping&quot;],[0,&quot;10% extra, stackable across the whole site&quot;]]],&quot;plus&quot;:[1,[[0,&quot;2 products/month to choose from our selection&quot;],[0,&quot;Up to 60% savings&quot;],[0,&quot;Free shipping&quot;],[0,&quot;10% extra, stackable across the whole site&quot;],[0,&quot;Early access to launches&quot;]]],&quot;premium&quot;:[1,[[0,&quot;Up to 3 products/month to choose from our selection&quot;],[0,&quot;Up to 60% savings&quot;],[0,&quot;Free shipping&quot;],[0,&quot;10% extra, stackable across the whole site&quot;],[0,&quot;Early access to launches&quot;],[0,&quot;Surprise gifts&quot;]]]}],&quot;plan_keep&quot;:[0,&quot;Keep my {plan} plan&quot;],&quot;plan_switch&quot;:[0,&quot;Switch to {plan}&quot;],&quot;plan_success_highlight&quot;:[0,&quot;Your next order is updated with your new plan.&quot;],&quot;lowest_body_highlight&quot;:[0,&quot;Your {plan} plan is the most affordable option&quot;],&quot;lowest_body_suffix&quot;:[0,&quot; to keep your beauty routine within budget. If you cancel today, your products will go back to their standard price and you will lose your fixed benefits.&quot;],&quot;lowest_benefits&quot;:[0,&quot;Benefits of your plan:&quot;],&quot;offer_title&quot;:[0,&quot;We want to keep taking care of you&quot;],&quot;offer_body_prefix&quot;:[0,&quot;We want to make it easy for you, so &quot;],&quot;offer_body_highlight&quot;:[0,&quot;we are giving you an extra {pct}% off&quot;],&quot;offer_gift_body_highlight&quot;:[0,&quot;we are giving you an extra {pct}% off plus a {gift}&quot;],&quot;offer_body_suffix&quot;:[0,&quot; on your next subscription order so you can enjoy your care at the best price.&quot;],&quot;club_label&quot;:[0,&quot;Cocunat Club&quot;],&quot;offer_club_tagline&quot;:[0,&quot;Your luxury routine without luxury prices&quot;],&quot;offer_cta&quot;:[0,&quot;Apply {pct}% off&quot;],&quot;offer_gift_cta&quot;:[0,&quot;Apply {pct}% off + gift&quot;],&quot;offer_free&quot;:[0,&quot;Free&quot;],&quot;offer_price_normal&quot;:[0,&quot;Regular price&quot;],&quot;offer_price_offer&quot;:[0,&quot;Offer price&quot;],&quot;offer_saving&quot;:[0,&quot;With this offer you are saving {amount}&quot;],&quot;offer_commitment_note&quot;:[0,&quot;Renewal with a 6-month commitment.&quot;],&quot;offer_success_highlight&quot;:[0,&quot;Your next order is updated with your discount.&quot;],&quot;offer_gift_success_highlight&quot;:[0,&quot;
1805Your next order is updated with your discount and your gift.&quot;],&quot;success_title&quot;:[0,&quot;Change saved successfully&quot;],&quot;success_saved_prefix&quot;:[0,&quot;We have saved your changes. &quot;],&quot;comment_title&quot;:[0,&quot;We are very sorry to see you go&quot;],&quot;comment_body&quot;:[0,&quot;We really value your opinion and would like to know a little more about why you are leaving&quot;],&quot;comment_placeholder&quot;:[0,&quot;Leave us a comment&quot;],&quot;confirm_cancellation&quot;:[0,&quot;Confirm cancellation&quot;],&quot;cancelled_title&quot;:[0,&quot;Cancellation confirmed&quot;],&quot;cancelled_effective&quot;:[0,&quot;Your cancellation will take effect on&quot;],&quot;cancelled_body&quot;:[0,&quot;Until then you will keep enjoying the benefits of your subscription.&quot;],&quot;requested_title&quot;:[0,&quot;Cancellation requested&quot;],&quot;requested_body&quot;:[0,&quot;If you change your mind, you can reactivate your subscription now and keep enjoying your benefits.&quot;],&quot;reactivate&quot;:[0,&quot;Reactivate subscription&quot;]}],&quot;title&quot;:[0,&quot;My Account&quot;],&quot;login_title&quot;:[0,&quot;Login&quot;],&quot;login_subtitle&quot;:[0,&quot;Sign in to access your account and discover everything Cocunat has ready for you: your orders, subscriptions, addresses, and more in one place.&quot;],&quot;login_welcome&quot;:[0,&quot;Welcome to your personal space&quot;],&quot;login_cta&quot;:[0,&quot;Enter or register your account&quot;],&quot;login_terms&quot;:[0,&quot;By logging in, you agree to our terms and conditions.&quot;],&quot;login_benefits_title&quot;:[0,&quot;What you will find after signing in&quot;],&quot;login_benefit_orders_title&quot;:[0,&quot;Your Orders&quot;],&quot;login_benefit_orders_body&quot;:[0,&quot;Check your complete purchase history, reorder your favorites in one click, and report any issue.&quot;],&quot;login_benefit_subscriptions_title&quot;:[0,&quot;Subscriptions&quot;],&quot;login_benefit_subscriptions_body&quot;:[0,&quot;Manage your product subscriptions: change dates, edit items, or pause shipments whenever you need.&quot;],&quot;login_benefit_club_title&quot;:[0,&quot;Your Club&quot;],&quot;login_benefit_club_badge&quot;:[0,&quot;CLUB&quot;],&quot;login_benefit_club_body&quot;:[0,&quot;Access your Elite Club subscription, track your progress, and enjoy an extra 10% discount on every product.&quot;],&quot;login_benefit_tracking_title&quot;:[0,&quot;Real-Time Tracking&quot;],&quot;login_benefit_tracking_body&quot;:[0,&quot;Follow every shipment step by step, check tracking numbers, and receive your orders without surprises.&quot;],&quot;login_benefit_addresses_title&quot;:[0,&quot;Saved Addresses&quot;],&quot;login_benefit_addresses_body&quot;:[0,&quot;Save and manage multiple shipping addresses so your products arrive exactly where you want them.&quot;],&quot;login_benefit_favorites_title&quot;:[0,&quot;Your Favorite Products&quot;],&quot;login_benefit_favorites_body&quot;:[0,&quot;Discover the products you buy most often and keep the Cocunat items 
1805you love close at hand.&quot;],&quot;login_trust_secure_strong&quot;:[0,&quot;Secure connection&quot;],&quot;login_trust_secure_text&quot;:[0,&quot; with Shopify&quot;],&quot;login_trust_customers_strong&quot;:[0,&quot;+1 million&quot;],&quot;login_trust_customers_text&quot;:[0,&quot; customers worldwide&quot;],&quot;login_trust_support_strong&quot;:[0,&quot;Personalized support&quot;],&quot;login_trust_support_text&quot;:[0,&quot; Monday to Friday&quot;],&quot;login_error_invalid_state&quot;:[0,&quot;Login session expired. Please try again.&quot;],&quot;login_error_auth_failed&quot;:[0,&quot;Authentication failed. Please try again.&quot;],&quot;login_error_missing_params&quot;:[0,&quot;Invalid login request. Please try again.&quot;],&quot;login_error_generic&quot;:[0,&quot;An error occurred. Please try again.&quot;],&quot;add_to_cart_error&quot;:[0,&quot;We couldn&#39;t add this product to your cart. Please try again.&quot;],&quot;welcome_back&quot;:[0,&quot;Welcome back,&quot;],&quot;logout&quot;:[0,&quot;Logout&quot;],&quot;total_orders&quot;:[0,&quot;Total Orders&quot;],&quot;top_products&quot;:[0,&quot;Top Products&quot;],&quot;primary_address&quot;:[0,&quot;Primary Address&quot;],&quot;orders&quot;:[0,&quot;Orders&quot;],&quot;addresses&quot;:[0,&quot;Addresses&quot;],&quot;no_orders&quot;:[0,&quot;No orders yet&quot;],&quot;orders_unavailable_title&quot;:[0,&quot;We couldn&#39;t load your orders right now&quot;],&quot;orders_unavailable_body&quot;:[0,&quot;Your order history is safe. Please try again in a moment.&quot;],&quot;account_unavailable_title&quot;:[0,&quot;We couldn&#39;t load your account right now&quot;],&quot;account_unavailable_body&quot;:[0,&quot;Your session and account data are safe. Please try again in a moment.&quot;],&quot;no_addresses&quot;:[0,&quot;No addresses saved&quot;],&quot;default&quot;:[0,&quot;Default&quot;],&quot;set_default&quot;:[0,&quot;Set Default&quot;],&quot;order&quot;:[0,&quot;Order&quot;],&quot;item&quot;:[0,&quot;item&quot;],&quot;items&quot;:[0,&quot;items&quot;],&quot;products&quot;:[0,&quot;Products&quot;],&quot;summary&quot;:[0,&quot;Summary&quot;],&quot;subtotal&quot;:[0,&quot;Subtotal&quot;],&quot;discounts&quot;:[0,&quot;Discounts&quot;],&quot;shipping&quot;:[0,&quot;Shipping&quot;],&quot;total&quot;:[0,&quot;Total&quot;],&quot;payment&quot;:[0,&quot;Payment&quot;],&quot;discount&quot;:[0,&quot;Discount&quot;],&quot;tracking&quot;:[0,&quot;Tracking&quot;],&quot;ship_to&quot;:[0,&quot;Ship To&quot;],&quot;view_full_order&quot;:[0,&quot;View Full Order Details&quot;],&quot;order_details&quot;:[0,&quot;Order Details&quot;],&quot;order_not_found&quot;:[0,&quot;Order not found&quot;],&quot;order_not_found_description&quot;:[0,&quot;We couldn&#39;t find this order or you don&#39;t have permission to view it.&quot;],&quot;back_to_my_account&quot;:[0,&quot;Back to My Account&quot;],&quot;order_summary&quot;:[0,&quot;Order Summary&quot;],&quot;shipping_address&quot;:[0,&quot;Shipping Address&quot;],&quot;shipment_tracking&quot;:[0,&quot;Shipment Tracking&quot;],&quot;placed_on&quot;:[0,&quot;Placed on&quot;],&quot;qty&quot;:[0,&quot;Qty&quot;],&quot;free&quot;:[0,&quot;Free&quot;],&quot;no_shipping_address&quot;:[0,&quot;No shipping address provided&quot;],&quot;payment_method&quot;:[0,&quot;Payment Method&quot;],&quot;discount_code&quot;:[0,&quot;Discount Code&quot;],&quot;confirm_set_default&quot;:[0,&quot;Set this address as your default?&quot;],&quot;confirm_delete&quot;:[0,&quot;Are you sure you want to delete this address?&quot;],&quot;failed_set_default&quot;:[0,&quot;Failed to set default address. Please try again.&quot;],&quot;failed_delete&quot;:[0,&quot;Failed to delete address. Please try again.&quot;],&quot;subscriptions&quot;:[0,&quot;Subscriptions&quot;],&quot;no_subscriptions&quot;:[0,&quot;You don&#39;t have an active subscription yet&quot;],&quot;browse_club_plans&quot;:[0,&quot;Browse Club plans&quot;],&quot;subscriptions_error&quot;:[0,&quot;Unable to load subscriptions. Please try again.&quot;],&quot;club_subscription&quot;:[0,&quot;Club subscription&quot;],&quot;my_club_subscription&quot;:[0,&quot;My Club subscription&quot;],&quot;subscription_single&quot;:[0,&quot;Single subscription&quot;],&quot;next_shipment&quot;:[0,&quot;Next shipment&quot;],&quot;upcoming_shipments&quot;:[0,&quot;Upcoming shipments&quot;],&quot;no_upcoming_shipments&quot;:[0,&quot;No upcoming shipments.&quot;],&quot;subscribed_product&quot;:[0,&quot;Your product&quot;],&quot;frequency_monthly&quot;:[0,&quot;Monthly delivery&quot;],&quot;frequency_every_n_months&quot;:[0,&quot;Delivery every {n} months&quot;],&quot;frequency_every_n_days&quot;:[0,&quot;Delivery every {n} days&quot;],&quot;commitment_cancel_after&quot;:[0,&quot;You can cancel after {n} shipments&quot;],&quot;your_commitment&quot;:[0,&quot;Your commitment&quot;],&quot;commitment_progress&quot;:[0,&quot;Commitment shipments completed&quot;],&quot;commitment_chip&quot;:[0,&quot;Commitment {x}/{y}&quot;],&quot;commitment_done_chip&quot;:[0,&quot;Commitment fulfilled ✓&quot;],&quot;commitment_remaining_one&quot;:[0,&quot;You have 1 shipment left to fulfil your commitment. After that you can cancel anytime.&quot;],&quot;commitment_remaining&quot;:[0,&quot;You have {n} shipments left to fulfil your commitment. After that you can cancel anytime.&quot;],&quot;commitment_fulfilled_note&quot;:[0,&quot;Commitment fulfilled. Your subscription renews {cadence} and you can cancel anytime.&quot;],&quot;your_shipments&quot;:[0,&quot;Your shipments&quot;],&quot;initial_order&quot;:[0,&quot;Initial order&quot;],&quot;alta_badge&quot;:[0,&quot;Sign-up&quot;],&quot;badge_done&quot;:[0,&quot;Done&quot;],&quot;badge_next&quot;:[0,&quot;Next&quot;],&quot;badge_scheduled&quot;:[0,&quot;Scheduled&quot;],&quot;view_order&quot;:[0,&quot;View order&quot;],&quot;paid_label&quot;:[0,&quot;Paid&quot;],&quot;scheduled_auto&quot;:[0,&quot;It will be charged and shipped automatically&quot;],&quot;rolling_note&quot;:[0,&quot;Then {cadence} until you cancel&quot;],&quot;payment_failed_charge&quot;:[0,&quot;We couldn&#39;t process the charge&quot;],&quot;retry_on&quot;:[0,&quot;Retrying on {date}&quot;],&quot;attempt_of&quot;:[0,&quot;attempt {x} of {y}&quot;],&quot;price_per_shipment&quot;:[0,&quot;{price} per shipment&quot;],&quot;view_all_shipments&quot;:[0,&quot;View all shipments ({n})&quot;],&quot;cadence_monthly&quot;:[0,&quot;every month&quot;],&quot;cadence_every_n_months&quot;:[0,&quot;every {n} months&quot;],&quot;cadence_every_n_days&quot;:[0,&quot;every {n} days&quot;],&quot;shipment&quot;:[0,&quot;Shipment&quot;],&quot;product&quot;:[0,&quot;product&quot;],&quot;products_plural&quot;:[0,&quot;products&quot;],&quot;modify_date&quot;:[0,&quot;Modify date&quot;],&quot;modify_products&quot;:[0,&quot;Modify products&quot;],&quot;add_extra_products&quot;:[0,&quot;Add extra products&quot;],&quot;product_subscription_products_sync_error_status&quot;:[0,&quot;Subscription temporarily blocked&quot;],&quot;product_subscription_products_sync_error_message&quot;:[0,&quot;No charge will be made until we review your subscription setup.&quot;],&quot;plan_progress&quot;:[0,&quot;Plan progress&quot;],&quot;club_shipments_completed&quot;:[0,&quot;{x} of {y} shipments completed&quot;],&quot;of&quot;:[0,&quot;of&quot;],&quot;shipments_completed&quot;:[0,&quot;shipments completed&quot;],&quot;payment_retry&quot;:[0,&quot;Retry&quot;],&quot;payment_failed&quot;:[0,&quot;Payment failed&quot;],&quot;payment_failed_retry_body&quot;:[0,&quot;We&#39;ll retry the payment automatically.&quot;],&quot;payment_blocked&quot;:[0,&quot;Payment blocked&quot;],&quot;payment_blocked_body&quot;:[0,&quot;We couldn&#39;t charge this shipment after 5 attempts. Update your payment method to retry.&quot;],&quot;update_payment_method&quot;:[0,&quot;Update payment method&quot;],&quot;status_active&quot;:[0,&quot;Active&quot;],&quot;status_cancelled&quot;:[0,&quot;Cancelled&quot;],&quot;status_paused&quot;:[0,&quot;Paused&quot;],&quot;shipment_cancelled&quot;:[0,&quot;Cancelled&quot;],&quot;change_payment_method&quot;:[0,&quot;Change payment method&quot;],&quot;change_address&quot;:[0,&quot;Change address&quot;],&quot;sending&quot;:[0,&quot;Sending…&quot;],&quot;payment_email_sent&quot;:[0,&quot;We emailed you a secure link to update your payment method.&quot;],&quot;payment_email_failed&quot;:[0,&quot;Could not send the update link. Please try again.&quot;],&quot;first_name&quot;:[0,&quot;First name&quot;],&quot;last_name&quot;:[0,&quot;Last name&quot;],&quot;address_line&quot;:[0,&quot;Address&quot;],&quot;postal_code&quot;:[0,&quot;Postal code&quot;],&quot;city&quot;:[0,&quot;City&quot;],&quot;province&quot;:[0,&quot;Province&quot;],&quot;phone&quot;:[0,&quot;Phone&quot;],&quot;save_address&quot;:[0,&quot;Save&quot;],&quot;cancel&quot;:[0,&quot;Cancel&quot;],&quot;loading&quot;:[0,&quot;Loading…&quot;],&quot;address_updated&quot;:[0,&quot;Address updated.&quot;],&quot;profile_title&quot;:[0,&quot;My profile&quot;],&quot;personal_data&quot;:[0,&quot;Personal details&quot;],&quot;personal_data_managed_note&quot;:[0,&quot;Your personal details are managed through your Shopify login.&quot;],&quot;password_section&quot;:[0,&quot;Password&quot;],&quot;password_managed_note&quot;:[0,&quot;Your password is managed by Shopify. You can change it from the Shopify sign-in screen.&quot;],&quot;addresses_hint&quot;:[0,&quot;New addresses are added automatically when you place an order.&quot;],&quot;make_default&quot;:[0,&quot;Make default&quot;],&quot;delete&quot;:[0,&quot;Delete&quot;],&quot;address_update_failed&quot;:[0,&quot;Could not update the address. Please try again.&quot;],&quot;phone_required_hint&quot;:[0,&quot;Required so the courier can reach you.&quot;],&quot;address_missing_fields&quot;:[0,&quot;Missing required fields:&quot;],&quot;change_plan&quot;:[0,&quot;Change plan&quot;],&quot;manage_subscription&quot;:[0,&quot;Manage subscription&quot;],&quot;product_subscription_change_frequency&quot;:[0,&quot;Change frequency&quot;],&quot;product_subscription_change_product&quot;:[0,&quot;Change product&quot;],&quot;product_subscription_next_date&quot;:[0,&quot;Next shipment date&quot;],&quot;product_subscription_updated_schedule&quot;:[0,&quot;Updated schedule&quot;],&quot;product_subscription_choose_product&quot;:[0,&quot;Choose a product&quot;],&quot;product_subscription_choose_plan&quot;:[0,&quot;Choose a delivery plan&quot;],&quot;product_subscription_summary&quot;:[0,&quot;Your recurring order&quot;],&quot;product_subscription_plan&quot;:[0,&quot;Plan&quot;],&quot;product_subscription_recurring_discount&quot;:[0,&quot;Recurring discount&quot;],&quot;product_subscription_delivery&quot;:[0,&quot;Delivery&quot;],&quot;product_subscription_shipping_price&quot;:[0,&quot;Shipping&quot;],&quot;product_subscription_recurring_total&quot;:[0,&quot;Recurring total&quot;],&quot;product_subscription_every_month&quot;:[0,&quot;Every month&quot;],&quot;product_subscription_every_months&quot;:[0,&quot;Every {n} months&quot;],&quot;product_subscription_every_days&quot;:[0,&quot;Every {n} days&quot;],&quot;product_subscription_treatment_months&quot;:[0,&quot;{n}-month treatment&quot;],&quot;product_subscription_product_commitment_note&quot;:[0,&quot;This change does not restart your commitment.&quot;],&quot;product_subscription_date_bounds&quot;:[0,&quot;Choose a date from {minimum} to {maximum}.&quot;],&quot;product_subscription_frequency_locked&quot;:[0,&quot;You can change frequency after {n} more shipments.&quot;],&quot;product_subscription_product_locked&quot;:[0,&quot;You can change product after {n} more shipments.&quot;],&quot;product_subscription_change_unavailable&quot;:[0,&quot;This change is not available right now.&quot;],&quot;product_subscription_sync_pending&quot;:[0,&quot;Your previous change is still synchronizing. New changes are temporarily disabled.&quot;],&quot;product_subscription_sync_pending_short&quot;:[0,&quot;Synchronizing change…&quot;],&quot;product_subscription_date_before&quot;:[0,&quot;Choose a date after the preparation period.&quot;],&quot;product_subscription_date_after&quot;:[0,&quot;Choose a date within the maximum postponement period.&quot;],&quot;product_subscription_shipping_in_flight&quot;:[0,&quot;A charge is being processed. Try again once it finishes.&quot;],&quot;product_subscription_no_shipping&quot;:[0,&quot;There is no shipment that can be changed.&quot;],&quot;product_subscription_schedule_changed&quot;:[0,&quot;The schedule changed. Review the updated dates.&quot;],&quot;product_subscription_change_in_progress&quot;:[0,&quot;Another subscription change is still in progress.&quot;],&quot;close&quot;:[0,&quot;Close&quot;],&quot;product_subscription_cancel_explanation&quot;:[0,&quot;Your product subscription follows its own commitment policy. We will confirm whether cancellation is immediate or scheduled.&quot;],&quot;product_subscription_cancel_reason&quot;:[0,&quot;Reason&quot;],&quot;product_subscription_cancel_requested_body&quot;:[0,&quot;Cancellation is already requested. You can withdraw the request.&quot;],&quot;product_subscription_request_cancellation&quot;:[0,&quot;Request cancellation&quot;],&quot;product_subscription_undo_cancellation_request&quot;:[0,&quot;Undo cancellation request&quot;],&quot;product_subscription_cancel_failed&quot;:[0,&quot;We could not update the cancellation.&quot;],&quot;product_subscription_commitment_required&quot;:[0,&quot;Complete the remaining commitment before making this change.&quot;],&quot;product_subscription_plan_unavailable&quot;:[0,&quot;This plan is no longer available.&quot;],&quot;product_subscription_product_unavailable&quot;:[0,&quot;This product is no longer available.&quot;],&quot;product_subscription_price_changed&quot;:[0,&quot;The recurring price changed. Review the new total and confirm again.&quot;],&quot;product_subscription_price_changed_again&quot;:[0,&quot;The price changed again. Review the new total before confirming.&quot;],&quot;product_subscription_confirm_new_price&quot;:[0,&quot;Confirm new price&quot;],&quot;product_subscription_date_updated&quot;:[0,&quot;Your complete shipment schedule has been updated.&quot;],&quot;product_subscription_change_saved&quot;:[0,&quot;Your subscription has been updated.&quot;],&quot;product_subscription_no_changes&quot;:[0,&quot;This configuration is already applied.&quot;],&quot;product_subscription_load_failed&quot;:[0,&quot;Could not load subscription management.&quot;],&quot;product_subscription_change_failed&quot;:[0,&quot;Could not save this change.&quot;],&quot;product_subscription_reactivation_date&quot;:[0,&quot;First shipment date&quot;],&quot;product_subscription_reactivation_bounds&quot;:[0,&quot;Choose a date from {minimum} to {maximum}.&quot;],&quot;product_subscription_reactivation_scheduled&quot;:[0,&quot;Reactivation scheduled&quot;],&quot;product_subscription_reactivation_requires_review&quot;:[0,&quot;Reactivation needs review&quot;],&quot;product_subscription_first_reactivation_shipment&quot;:[0,&quot;First reactivation shipment&quot;],&quot;product_subscription_reactivation_scheduled_for&quot;:[0,&quot;Your first shipment is scheduled for {date}. The subscription remains cancelled until payment succeeds.&quot;],&quot;product_subscription_reactivation_retry&quot;:[0,&quot;The payment failed. We will retry on {date}.&quot;],&quot;product_subscription_reactivation_processing&quot;:[0,&quot;Your first payment is being processed.&quot;],&quot;product_subscription_reactivation_claimed&quot;:[0,&quot;We’re preparing your first payment. Please don’t retry or change this reactivation.&quot;],&quot;product_subscription_reactivation_reconciliation_required&quot;:[0,&quot;We couldn’t confirm the result of your first payment. Your subscription will remain cancelled while our team reviews it. Please contact support and don’t retry the reactivation.&quot;],&quot;product_subscription_edit_reactivation&quot;:[0,&quot;Edit reactivation&quot;],&quot;product_subscription_reactivation_configuration_locked&quot;:[0,&quot;You can change the date, but product and plan remain locked until the {n} pending shipments are completed.&quot;],&quot;product_subscription_cancel_reactivation&quot;:[0,&quot;Cancel reactivation&quot;],&quot;product_subscription_cancel_reactivation_confirm&quot;:[
18050,&quot;Cancel this scheduled reactivation?&quot;],&quot;product_subscription_still_cancelled&quot;:[0,&quot;Your subscription remains cancelled until the first payment succeeds.&quot;],&quot;product_subscription_payment_required&quot;:[0,&quot;Update your payment method before scheduling reactivation.&quot;],&quot;product_subscription_reactivation_unavailable&quot;:[0,&quot;This subscription cannot be reactivated online.&quot;],&quot;product_subscription_reactivation_support&quot;:[0,&quot;This subscription cannot be reactivated online. Contact support to create a new one.&quot;],&quot;product_subscription_reactivation_updated&quot;:[0,&quot;Your scheduled reactivation has been updated.&quot;],&quot;product_subscription_no_reactivation&quot;:[0,&quot;There is no scheduled reactivation.&quot;],&quot;cancel_subscription&quot;:[0,&quot;Cancel subscription&quot;],&quot;reactivate_subscription&quot;:[0,&quot;Reactivate subscription&quot;],&quot;cancellation_pending_title&quot;:[0,&quot;Cancellation scheduled&quot;],&quot;cancellation_pending_body&quot;:[0,&quot;Your subscription will be cancelled once the current block is complete. You can undo this anytime from here.&quot;],&quot;subscription_cancelled_notice&quot;:[0,&quot;Your subscription is cancelled.&quot;],&quot;current_plan&quot;:[0,&quot;Current plan&quot;],&quot;select_plan&quot;:[0,&quot;Select&quot;],&quot;plan_updated&quot;:[0,&quot;Plan updated.&quot;],&quot;plan_update_failed&quot;:[0,&quot;Could not update the plan. Please try again.&quot;],&quot;your_selection&quot;:[0,&quot;Your selection&quot;],&quot;no_products_selected&quot;:[0,&quot;No products selected yet.&quot;],&quot;browse_catalog&quot;:[0,&quot;Add from Club catalog&quot;],&quot;catalog_empty&quot;:[0,&quot;Catalog unavailable.&quot;],&quot;add&quot;:[0,&quot;Add&quot;],&quot;already_selected&quot;:[0,&quot;Added&quot;],&quot;quota_reached&quot;:[0,&quot;Full&quot;],&quot;save&quot;:[0,&quot;Save&quot;],&quot;products_save_failed&quot;:[0,&quot;Could not save the products. Please try again.&quot;],&quot;subscription_shipping_changed&quot;:[0,&quot;This shipment was updated elsewhere. We have refreshed its data; review it and try again.&quot;],&quot;club_slots_headline&quot;:[0,&quot;Choose {count} of {quota} Club products&quot;],&quot;club_tab_one_product&quot;:[0,&quot;1 Product {price}&quot;],&quot;club_tab_two_products&quot;:[0,&quot;2 Products {price}&quot;],&quot;club_tab_two_products_plus&quot;:[0,&quot;2 Products {price}&quot;],&quot;club_tab_one_product_premium&quot;:[0,&quot;1 PRODUCT&quot;],&quot;club_tab_three_products_premium&quot;:[0,&quot;3 PRODUCTS&quot;],&quot;club_add_more_products&quot;:[0,&quot;Add {count} more product{plural}&quot;],&quot;club_limit_reached&quot;:[0,&quot;Limit reached&quot;],&quot;club_remove&quot;:[0,&quot;Remove&quot;],&quot;club_slot&quot;:[0,&quot;Slot {number}&quot;],&quot;empty_slot&quot;:[0,&quot;Empty slot {number}&quot;],&quot;nav_menu&quot;:[0,&quot;Menu&quot;],&quot;nav_overview&quot;:[0,&quot;Overview&quot;],&quot;nav_subscriptions&quot;:[0,&quot;My subscriptions&quot;],&quot;nav_orders&quot;:[0,&quot;My orders&quot;],&quot;nav_profile&quot;:[0,&quot;My profile&quot;],&quot;nav_help&quot;:[0,&quot;Help&quot;],&quot;overview_greeting&quot;:[0,&quot;Hi, {name}&quot;],&quot;subscriptions_header&quot;:[0,&quot;My subscriptions&quot;],&quot;savings_since&quot;:[0,&quot;Saved since {date}&quot;],&quot;savings_total&quot;:[0,&quot;Total savings&quot;],&quot;savings_unavailable&quot;:[0,&quot;Savings unavailable&quot;],&quot;view_subscriptions&quot;:[0,&quot;View subscriptions&quot;],&quot;overview_subscriptions_body&quot;:[0,&quot;Manage your subscriptions, dates and shipments from here.&quot;],&quot;overview_no_subscriptions_title&quot;:[0,&quot;You don&#39;t have any subscriptions yet&quot;],&quot;overview_no_subscriptions_body&quot;:[0,&quot;Subscribe to your favorite products and save on every shipment.&quot;],&quot;overview_club_banner&quot;:[0,&quot;Your beauty subscription from just {price}/month&quot;],&quot;overview_club_cta&quot;:[0,&quot;Learn more&quot;],&quot;latest_orders&quot;:[0,&quot;Latest orders&quot;],&quot;view_more&quot;:[0,&quot;View more&quot;],&quot;overview_no_orders_body&quot;:[0,&quot;When you place your first order, you&#39;ll see it here.&quot;],&quot;overview_shop_cta&quot;:[0,&quot;Discover our products&quot;],&quot;recommended_products&quot;:[0,&quot;Products you might like&quot;],&quot;add_to_cart_cta&quot;:[0,&quot;Add to cart&quot;],&quot;added_to_cart&quot;:[0,&quot;Added to cart&quot;],&quot;order_number_label&quot;:[0,&quot;Order no.:&quot;],&quot;order_date_label&quot;:[0,&quot;Order date:&quot;],&quot;order_status_shipped&quot;:[0,&quot;Shipped&quot;],&quot;order_status_delivered&quot;:[0,&quot;Delivered&quot;],&quot;order_status_cancelled&quot;:[0,&quot;Cancelled&quot;],&quot;order_status_processing&quot;:[0,&quot;Processing&quot;],&quot;order_status_refunded&quot;:[0,&quot;Refunded&quot;],&quot;order_products_count&quot;:[0,&quot;{count} products&quot;],&quot;order_products_count_one&quot;:[0,&quot;1 product&quot;],&quot;back_to_orders&quot;:[0,&quot;My orders&quot;],&quot;tracking_title&quot;:[0,&quot;Tracking&quot;],&quot;quantity&quot;:[0,&quot;Quantity&quot;],&quot;subscribe_and_save&quot;:[0,&quot;Subscribe and save&quot;],&quot;gift&quot;:[0,&quot;Gift&quot;],&quot;includes_tax&quot;:[0,&quot;Includes {amount} in taxes&quot;],&quot;taxes_included&quot;:[0,&quot;Taxes included&quot;],&quot;payment_details&quot;:[0,&quot;Payment details&quot;],&quot;payment_unavailable&quot;:[0,&quot;Not available&quot;],&quot;ticket&quot;:[0,&quot;Receipt&quot;],&quot;download&quot;:[0,&quot;Download&quot;],&quot;invoice_download_error&quot;:[0,&quot;We couldn&#39;t download this invoice. Please try again.&quot;],&quot;view_detail&quot;:[0,&quot;View details&quot;],&quot;repeat_order&quot;:[0,&quot;Reorder&quot;],&quot;repeat_order_error&quot;:[0,&quot;We couldn&#39;t add the order to your cart. Please try again.&quot;],&quot;orders_title&quot;:[0,&quot;My orders&quot;],&quot;orders_search_placeholder&quot;:[0,&quot;Search...&quot;],&quot;orders_filter_all&quot;:[0,&quot;All&quot;],&quot;orders_filter_shipped&quot;:[0,&quot;Shipped&quot;],&quot;orders_filter_delivered&quot;:[0,&quot;Delivered&quot;],&quot;orders_filter_cancelled&quot;:[0,&quot;Cancelled&quot;],&quot;order_subscription_strip&quot;:[0,&quot;This order has a linked subscription&quot;],&quot;order_club_strip&quot;:[0,&quot;Cocunat Club&quot;],&quot;orders_show_more&quot;:[0,&quot;View more orders&quot;],&quot;tab_active&quot;:[0,&quot;Active&quot;],&quot;tab_cancelled&quot;:[0,&quot;Cancelled&quot;],&quot;no_cancelled_subscriptions&quot;:[0,&quot;You don&#39;t have any cancelled subscriptions&quot;],&quot;no_subscriptions_body&quot;:[0,&quot;Subscribe to your favorite products and save on every shipment.&quot;],&quot;retry&quot;:[0,&quot;Retry&quot;],&quot;modify&quot;:[0,&quot;Modify&quot;],&quot;advance_shipment&quot;:[0,&quot;Advance your shipment&quot;],&quot;detail_buy_now&quot;:[0,&quot;Buy now&quot;],&quot;billing_attempt_confirm_title&quot;:[0,&quot;
1805Buy this shipment now?&quot;],&quot;billing_attempt_confirm_message&quot;:[0,&quot;We will try to charge your next shipment now using your current payment method.&quot;],&quot;billing_attempt_confirm_button&quot;:[0,&quot;Yes, buy now&quot;],&quot;billing_attempt_started&quot;:[0,&quot;Your purchase is being processed. We will let you know when the payment is complete.&quot;],&quot;billing_attempt_failed&quot;:[0,&quot;We could not start the payment. Please try again.&quot;],&quot;billing_attempt_no_shipping&quot;:[0,&quot;There is no shipment available to charge now.&quot;],&quot;club_products_count&quot;:[0,&quot;{n} products&quot;],&quot;club_products_count_one&quot;:[0,&quot;1 product&quot;],&quot;club_ribbon_tagline&quot;:[0,&quot;Your luxury routine without luxury prices&quot;],&quot;club_claim&quot;:[0,&quot;Up to 60% savings on every shipment&quot;],&quot;current_plan_prefix&quot;:[0,&quot;Plan&quot;],&quot;subscription_no_commitment&quot;:[0,&quot;Subscription with no commitment&quot;],&quot;subscriber_promo_title&quot;:[0,&quot;10% stackable across the entire site&quot;],&quot;subscriber_promo_body&quot;:[0,&quot;Enjoy a special discount just for our subscribers.&quot;],&quot;subscriber_promo_cta&quot;:[0,&quot;Buy now&quot;],&quot;subscription_label&quot;:[0,&quot;Subscription&quot;],&quot;subscription_started_on&quot;:[0,&quot;Started on {date}&quot;],&quot;subscription_not_found&quot;:[0,&quot;We couldn&#39;t find this subscription&quot;],&quot;back_to_subscriptions&quot;:[0,&quot;My subscriptions&quot;],&quot;previous_orders&quot;:[0,&quot;Previous orders&quot;],&quot;orders_count&quot;:[0,&quot;{n} orders&quot;],&quot;view_shipments&quot;:[0,&quot;View shipments&quot;],&quot;view_less&quot;:[0,&quot;View less&quot;],&quot;payment_update_note&quot;:[0,&quot;We&#39;ll send you an email with a secure link to update your payment method.&quot;],&quot;edit&quot;:[0,&quot;Edit&quot;],&quot;confirm&quot;:[0,&quot;Confirm&quot;],&quot;latest_order&quot;:[0,&quot;Latest order&quot;],&quot;no_orders_oops&quot;:[0,&quot;Oops! You have no orders yet&quot;],&quot;no_subscriptions_oops&quot;:[0,&quot;Oops! You have no subscriptions yet&quot;],&quot;subscribe_now&quot;:[0,&quot;Subscribe now&quot;],&quot;subscription_acquisition_title&quot;:[0,&quot;Your subscription, your way.&quot;],&quot;subscription_acquisition_body&quot;:[0,&quot;Your essentials at the best price, always at your own pace.&quot;],&quot;club_plan_tile_title&quot;:[0,&quot;My Club&quot;],&quot;detail_savings_title&quot;:[0,&quot;Savings earned&quot;],&quot;detail_savings_since&quot;:[0,&quot;Since {date}&quot;],&quot;detail_progress_title&quot;:[0,&quot;My progress&quot;],&quot;detail_view_completed_orders&quot;:[0,&quot;View completed orders&quot;],&quot;detail_progress_claim&quot;:[0,&quot;Your progress is looking great. Keep going to reach your result.&quot;],&quot;detail_cancelled_claim&quot;:[0,&quot;Don&#39;t lose everything you&#39;ve achieved. Reactivate your subscription to continue.&quot;],&quot;detail_payment_data&quot;:[0,&quot;Payment details&quot;],&quot;detail_cancel_body&quot;:[0,&quot;We&#39;re sorry to see you go. All your promotions will be removed. Cancellation can take effect after {date}.&quot;],&quot;detail_request&quot;:[0,&quot;Request&quot;],&quot;detail_continue_subscription&quot;:[0,&quot;Continue my subscription&quot;],&quot;detail_change_date&quot;:[0,&quot;Change date&quot;],&quot;detail_history_title&quot;:[0,&quot;My history&quot;],&quot;detail_completed&quot;:[0,&quot;Completed&quot;],&quot;detail_changes_until&quot;:[0,&quot;You can make changes until 23:59 on {date}&quot;],&quot;detail_extra_products&quot;:[0,&quot;Extra products&quot;],&quot;detail_add_products&quot;:[0,&quot;Add products&quot;],&quot;detail_extra&quot;:[0,&quot;extra&quot;],&quot;detail_savings_amount&quot;:[0,&quot;You&#39;ll save {amount}&quot;],&quot;detail_saved_amount&quot;:[0,&quot;Saved {amount}&quot;],&quot;detail_plan_products_range&quot;:[0,&quot;1 - {count} products&quot;],&quot;detail_plan_duration&quot;:[0,&quot;Duration {count} months&quot;],&quot;detail_plan_date_range&quot;:[0,&quot;From {start} to {end}&quot;],&quot;detail_free_shipping&quot;:[0,&quot;Free shipping&quot;],&quot;detail_club_progress_claim&quot;:[0,&quot;Your progress is looking great. Every shipment brings you closer to completing your routine.&quot;],&quot;detail_club_cancel_body&quot;:[0,&quot;We&#39;re sorry to see you go. Cancelling removes your promotions and all your Club benefits.&quot;],&quot;detail_advance_title&quot;:[0,&quot;You are bringing your shipment forward&quot;],&quot;detail_items_count&quot;:[0,&quot;{count} products&quot;],&quot;detail_contact_data&quot;:[0,&quot;Contact details&quot;],&quot;detail_saved_payment&quot;:[0,&quot;Saved payment method&quot;],&quot;product_action_country&quot;:[0,&quot;Country&quot;],&quot;product_action_country_code&quot;:[0,&quot;Country code&quot;],&quot;product_action_next_shipment&quot;:[0,&quot;Your next shipment will be sent on&quot;],&quot;product_action_select_date&quot;:[0,&quot;Select a new date:&quot;],&quot;product_action_one_week&quot;:[0,&quot;One week&quot;],&quot;product_action_two_weeks&quot;:[0,&quot;Two weeks&quot;],&quot;product_action_one_month&quot;:[0,&quot;One month&quot;],&quot;product_action_other_date&quot;:[0,&quot;Another date&quot;],&quot;product_action_previous_month&quot;:[0,&quot;Previous month&quot;],&quot;product_action_next_month&quot;:[0,&quot;Next month&quot;],&quot;product_action_date_success_body&quot;:[0,&quot;Your changes have been saved. The date of your next order is up to date. Remember that you can change your subscription again whenever you need.&quot;],&quot;product_action_email_prefix&quot;:[0,&quot;Check your inbox, &quot;],&quot;product_action_email_highlight&quot;:[0,&quot;we have just sent an email to {email}&quot;],&quot;product_action_email_suffix&quot;:[0,&quot; with a link to change the payment method for this subscription.&quot;],&quot;product_action_address_success_body&quot;:[0,&quot;Your next order will be sent to this address.&quot;],&quot;product_action_delete_address&quot;:[0,&quot;Delete address&quot;],&quot;detail_review_email&quot;:[0,&quot;Check your email&quot;],&quot;detail_payment_email_body&quot;:[0,&quot;We sent a secure link to {email} so you can update your payment method for this subscription.&quot;],&quot;detail_your_email&quot;:[0,&quot;your email&quot;],&quot;detail_back_to_account&quot;:[0,&quot;Back to my account&quot;],&quot;club_action_close&quot;:[0,&quot;Close&quot;],&quot;club_action_success_title&quot;:[0,&quot;Change saved successfully&quot;],&quot;club_action_back&quot;:[0,&quot;Back&quot;],&quot;club_action_next&quot;:[0,&quot;Next&quot;],&quot;club_action_change_date_title&quot;:[0,&quot;When should we send your order?&quot;],&quot;club_action_new_date_label&quot;:[0,&quot;Choose a new date&quot;],&quot;club_action_next_delivery&quot;:[0,&quot;Next delivery&quot;],&quot;club_action_change_date&quot;:[0,&quot;Change date&quot;],&quot;club_action_date_success_title&quot;:[0,&quot;Change saved successfully&quot;],&quot;club_action_date_success_body&quot;:[0,&quot;Your next shipment has been updated with the new date.&quot;],&quot;club_action_address_title&quot;:[0,&quot;Where should we send your order?&quot;],&quot;club_action_address_list&quot;:[0,&quot;Addresses&quot;],&quot;club_action_add_address&quot;:[0,&quot;Add&quot;],&quot;club_action_no_addresses&quot;:[0,&quot;You do not have any saved addresses yet.&quot;],&quot;club_action_select_address&quot;:[0,&quot;Select address&quot;],&quot;club_action_selected&quot;:[0,&quot;Selected&quot;],&quot;club_action_edit_address&quot;:[0,&quot;Add or edit address&quot;],&quot;club_action_address_success_title&quot;:[0,&quot;Address updated&quot;],&quot;club_action_address_success_body&quot;:[0,&quot;Your next Club shipment will be sent to this address.&quot;],&quot;club_action_plans_title&quot;:[0,&quot;Plans and prices&quot;],&quot;club_action_per_shipment&quot;:[0,&quot;shipment&quot;],&quot;club_action_save_up_to&quot;:[0,&quot;Save up to&quot;],&quot;club_action_commitment&quot;:[0,&quot;6-month commitment&quot;],&quot;club_action_savings_banner&quot;:[0,&quot;Up to 60% savings&quot;],&quot;club_action_includes&quot;:[0,&quot;Your plan includes&quot;],&quot;club_action_select&quot;:[0,&quot;Select&quot;],&quot;club_action_product_examples&quot;:[0,&quot;Selected products&quot;],&quot;club_action_buy_now&quot;:[0,&quot;Buy now&quot;],&quot;club_action_plan_success_title&quot;:[0,&quot;Change saved successfully&quot;],&quot;club_action_plan_success_body&quot;:[0,&quot;Your next order has been updated with your new plan.&quot;],&quot;club_action_products_title&quot;:[0,&quot;Modify Club products&quot;],&quot;club_action_products_body&quot;:[0,&quot;
1805Swap your products for others from the selection and keep your subscriber discount intact.&quot;],&quot;club_action_selected_products&quot;:[0,&quot;Selected products&quot;],&quot;club_action_exclusive&quot;:[0,&quot;exclusive&quot;],&quot;club_action_extra_savings_title&quot;:[0,&quot;Save more with your subscription&quot;],&quot;club_action_extra_savings_body&quot;:[0,&quot;Add products to this shipment and enjoy your subscriber benefits.&quot;],&quot;club_action_add_extras&quot;:[0,&quot;Add products to my order&quot;],&quot;club_action_add_extras_discount&quot;:[0,&quot;Extra subscriber discount&quot;],&quot;club_action_add_extras_shipping&quot;:[0,&quot;No additional shipping costs&quot;],&quot;club_action_skip_extras&quot;:[0,&quot;Do not add more products for now&quot;],&quot;club_action_skip_extras_body&quot;:[0,&quot;You can still add them before your shipment is prepared.&quot;],&quot;club_action_add_to_shipment&quot;:[0,&quot;Add products to your shipment&quot;],&quot;club_action_products_success_title&quot;:[0,&quot;Products updated successfully&quot;],&quot;club_action_products_success_body&quot;:[0,&quot;Your next Club shipment has been updated.&quot;],&quot;club_action_next_shipment_includes&quot;:[0,&quot;Your next shipment includes&quot;],&quot;club_action_total_savings&quot;:[0,&quot;Your total savings&quot;],&quot;copy_order_number&quot;:[0,&quot;Copy order number&quot;],&quot;copied&quot;:[0,&quot;Copied&quot;],&quot;copy_failed&quot;:[0,&quot;Could not copy&quot;]}],&quot;clubPrices&quot;:[0,{&quot;club&quot;:[0,&quot;$64&quot;],&quot;plus&quot;:[0,&quot;$94&quot;],&quot;premium&quot;:[0,&quot;€79&quot;]}]}" ssr="" client="only" opts="{&quot;name&quot;:&quot;AccountOverview&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>   <div id="templates" style="display: none;" data-astro-cid-sckkx6r4> <div id="template-custom-title" data-astro-cid-sckkx6r4> <span class="bullet" data-astro-cid-sckkx6r4>-</span> <span class="text-[20px] font-bold uppercase" style="color: #000" data-astro-cid-sckkx6r4><p></p></span> </div> </div>      
1805<script src="/general.js?v=2"></script>
1805  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NLG7X4WS" loading="lazy" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1805<script>
1806    function amm() {
1807      try {
1808        var s, d;
1809        s = localStorage.getItem("amm");
1810        d = JSON.parse(s);
1811        if (d) {
1812          return d;
1813        }
1814      } catch (err) {
1815        console.log(err);
1816      }
1817    }
1818
1819    function loadFacebookPixel() {
1820      if (window.fbq) return;
1821      window.fbq = function() {
1822        window.fbq.callMethod ? 
1823        window.fbq.callMethod.apply(window.fbq, arguments) : 
1824        window.fbq.queue.push(arguments);
1825      };
1826      if (!window._fbq) window._fbq = window.fbq;
1827      window.fbq.push = window.fbq;
1828      window.fbq.loaded = true;
1829      window.fbq.version = '2.0';
1830      window.fbq.queue = [];
1831    }
1832
1833    loadFacebookPixel();
1834
1835    const script = document.createElement('script');
1836    script.async = true;
1837    script.src = 'https://connect.facebook.net/en_US/fbevents.js';
1838    document.head.appendChild(script);
1839
1840    window.fbq('init', '1983837231849232', amm());
1841    window.fbq('track', 'PageView', {}, {
1842      eventID: 'fb_pv_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9)
1843    });
1844  </script>
1844<script>
1845    // Google Tag Manager
vendor: 348 bytes, lines 1845-1850
1845
1846    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1847    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1848    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1849    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1850    })(window,document,'script','dataLayer','
1850GTM-KW3SVVL
vendor: 9 bytes, lines 1850-1852
1850');
1851
1852    
1852window.dataLayer = window.dataLayer || [];
1853    function gtag(){dataLayer.push(arguments);}
1854    gtag('js', new Date());
1855
1856    //gtag('config', 'G-YJK3235YE2');
1857    //gtag('config', 'AW-966514714', {'allow_enhanced_conversions': true});
1858
1859    // Consent function
1860    function allConsentGranted() {
1861      gtag('consent', 'update', {
1862        'ad_user_data': 'granted',
1863        'ad_personalization': 'granted',
1864        'ad_storage': 'granted',
1865        'analytics_storage': 'granted'
1866      });
1867    }
1868
1869    // Set timeout for consent
1870    //setTimeout(allConsentGranted, 4000 + Math.floor(Math.random() * 1000));
1871  </script>
1871<script async type="text/javascript" src="https://static.klaviyo.com/onsite/js/YdBuXU/klaviyo.js"></script>
1871<script>
1872  /* >> TriplePixel :: start*/
1873  window.TriplePixelData={TripleName:"cocunat.myshopify.com",ver:"2.17",plat:"SHOPIFY",isHeadless:true},function(W,H,A,L,E,_,B,N){function O(U,T,P,H,R){void 0===R&&(R=!1),H=new XMLHttpRequest,P?(H.open("POST",U,!0),H.setRequestHeader("Content-Type","text/plain")):H.open("GET",U,!0),H.send(JSON.stringify(P||{})),H.onreadystatechange=function(){4===H.readyState&&200===H.status?(R=H.responseText,U.includes("/first")?eval(R):P||(N[B]=R)):(299<H.status||H.status<200)&&T&&!R&&(R=!0,O(U,T-1,P))}}if(N=window,!N[H+"sn"]){N[H+"sn"]=1,L=function(){return Date.now().toString(36)+"_"+Math.random().toString(36)};try{A.setItem(H,1+(0|A.getItem(H)||0)),(E=JSON.parse(A.getItem(H+"U")||"[]")).push({u:location.href,r:document.referrer,t:Date.now(),id:L()}),A.setItem(H+"U",JSON.stringify(E))}catch(e){}var i,m,p;A.getItem('"!nC`')||(_=A,A=N,A[H]||(E=A[H]=function(t,e,a){return void 0===a&&(a=[]),"State"==t?E.s:(W=L(),(E._q=E._q||[]).push([W,t,e].concat(a)),W)},E.s="Installed",E._q=[],E.ch=W,B="configSecurityConfModel",N[B]=1,O("https://conf.config-security.com/model",5),i=L(),m=A[atob("c2NyZWVu")],_.setItem("di_pmt_wt",i),p={id:i,action:"profile",avatar:_.getItem("auth-security_rand_salt_"),time:m[atob("d2lkdGg=")]+":"+m[atob("aGVpZ2h0")],host:A.TriplePixelData.TripleName,plat:A.TriplePixelData.plat,url:window.location.href.slice(0,500),ref:document.referrer,ver:A.TriplePixelData.ver},O("https://api.config-security.com/event",5,p),O("https://api.config-security.com/first?host=cocunat-us.myshopify.com&plat=SHOPIFY",5)))}}("","TriplePixel",localStorage);
1874  /* << TriplePixel :: end*/
1875  </script>
1875<!-- Terceros NO criticos diferidos fuera del critical path de LCP. Dentro del
1876       template los scripts quedan inertes (no se parsean ni descargan) hasta que
1877       el inyector de abajo los recrea tras la primera interaccion o el primer idle. --><template id="cocunat-deferred-3p">
1877<script type="text/javascript">
1878    (function() {
1879      var script = document.createElement('script');
1880      script.type = 'text/javascript';
1881      script.src = '//cdn-4.convertexperiments.com/v1/js/10043431-100414253.js?environment=production';
1882      document.body.appendChild(script);
1883    })();
1884  </script>
1884<script type="text/javascript">
1885      !function(s) {
1886        let o = s.createElement('script'), u = s.getElementsByTagName('script')[0];
1887        o.src = 'https://cdn.aggle.net/oir/oir.min.js';
1888        o.async = !0, o.setAttribute('oirtyp', '6311ae17'), o.setAttribute('oirid', 'PCN8LBBDF');
1889        u.parentNode.insertBefore(o, u);
1890      }(document);
1891    </script>
1891
1892    
1892<script type="text/javascript">
1893      !function(e) {
1894        let t = {  };
1895        (e._oirtrk = e._oirtrk || []).push(['track', 'on-site', t]);
1896      }(window);
1897    </script>
1897<script>
1898    // Outbrain Tracking Script
1899    (function() {
1900      try {
1901        console.log("Starting Outbrain tracking script");
1902
1903        /* DO NOT MODIFY THIS CODE*/
1904        !function(_window, _document) {
1905          var OB_ADV_ID = '003d68b0d82d96deca68d250f7d996c0ea';
1906          if (_window.obApi) {
1907            var toArray = function(object) {
1908              return Object.prototype.toString.call(object) === '[object Array]' ? object : [object];
1909            };
1910            _window.obApi.marketerId = toArray(_window.obApi.marketerId).concat(toArray(OB_ADV_ID));
1911            return;
1912          }
1913          var api = _window.obApi = function() {
1914            api.dispatch ? api.dispatch.apply(api, arguments) : api.queue.push(arguments);
1915          };
1916          api.version = '1.1';
1917          api.loaded = true;
1918          api.marketerId = OB_ADV_ID;
1919          api.queue = [];
1920          var tag = _document.createElement('script');
1921          tag.async = true;
1922          tag.src = '//amplify.outbrain.com/cp/obtp.js';
1923          tag.type = 'text/javascript';
1924          var script = _document.getElementsByTagName('script')[0];
1925          script.parentNode.insertBefore(tag, script);
1926        }(window, document);
1927
1928        console.log("Outbrain script loaded");
1929
1930        // Original tracking calls
1931        obApi('track', 'PAGE_VIEW');
1932        console.log("Outbrain: Tracked PAGE_VIEW");
1933
1934        obApi('track', 'Visita');
1935        console.log("Outbrain: Tracked 'Visita'");
1936
1937      } catch(e) {
1938        console.error("Error in Outbrain tracking script:", e);
1939      }
1940    })();
1941  </script>
1941<script>
1942    window._tfa = window._tfa || [];
1943    window._tfa.push({notify: 'event', name: 'page_view', id: 1798403});
1944    !function (t, f, a, x) {
1945      if (!document.getElementById(x)) {
1946        t.async = 1;t.src = a;t.id=x;f.parentNode.insertBefore(t, f);
1947      }
1948    }(document.createElement('script'),
1949    document.getElementsByTagName('script')[0],
1950    '//cdn.taboola.com/libtrc/unip/1798403/tfa.js',
1951    'tb_tfa_script');
1952  </script>
1952<script>
1953    var awMastertag = document.createElement("script");
1954    awMastertag.setAttribute("defer", "defer");
1955    awMastertag.src = "https://www.dwin1.com/49403.js";
1956    awMastertag.type = "text/javascript";
1957    document.getElementsByTagName("body")[0].appendChild(awMastertag);
1958  </script>
1958</template>
1958<script>
1959  /* Inyector de terceros diferidos: recrea los scripts inertes del template de
1960     arriba (Convert, Aggle, Outbrain, Taboola, AWIN) fuera del critical path de
1961     LCP. GTM, FB, TriplePixel y Klaviyo quedan EAGER por ser criticos. Dispara en
1962     la primera interaccion o, sin interaccion, en el primer idle tras
1963     DOMContentLoaded (techo 2.5s). Reversible: borra este bloque y el template
1964     y vuelve a dejar los scripts como estaban. */
1965  (function () {
1966    var fired = false;
1967    var evs = ['pointerdown', 'keydown', 'touchstart', 'scroll', 'mousemove'];
1968    function cleanup() {
1969      evs.forEach(function (e) { window.removeEventListener(e, go, { passive: true }); });
1970    }
1971    function go() {
1972      if (fired) return;
1973      fired = true;
1974      cleanup();
1975      var tpl = document.getElementById('cocunat-deferred-3p');
1976      if (!tpl || !tpl.content) return;
1977      var scripts = tpl.content.querySelectorAll('script');
1978      for (var i = 0; i < scripts.length; i++) {
1979        var old = scripts[i];
1980        var s = document.createElement('script');
1981        for (var j = 0; j < old.attributes.length; j++) {
1982          s.setAttribute(old.attributes[j].name, old.attributes[j].value);
1983        }
1984        if (!old.src) s.text = old.textContent;
1985        document.body.appendChild(s);
1986      }
1987    }
1988    evs.forEach(function (e) { window.addEventListener(e, go, { passive: true }); });
1989    function schedule() {
1990      if ('requestIdleCallback' in window) requestIdleCallback(go, { timeout: 2500 });
1991      else setTimeout(go, 2000);
1992    }
1993    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', schedule);
1994    else schedule();
1995  })();
1996</script>
1996<script>
1997    setTimeout(() => {
1998      try{
1999        const waitForAxon = (callback, maxAttempts = 10, interval = 1000) => {
2000            let attempts = 0;
2001            const tryAxon = () => {
2002              if (typeof axon !== 'undefined') {
2003                callback();
2004              } else if (attempts < maxAttempts) {
2005                attempts++;
2006                setTimeout(tryAxon, interval);
2007              } else {
2008                console.error('Axon failed to load after maximum attempts');
2009              }
2010            };
2011            tryAxon();
2012          };
2013          waitForAxon(() => {
2014            axon("track", "page_view", {});
2015          });
2016      }catch(e){
2017        console.error("Error in Axon tracking script:", e);
2018      }
2019    }, 500);
2020  </script>
2020<script>
2021(function (w, d) {
2022  w.addEventListener("load", function () {
2023    var s = d.createElement("script");
2024    s.src = "https://rum.corewebvitals.io/cwv/69b29c1d4f2b3f56f02bf58d.js";
2025    d.head.appendChild(s);
2026  });
2027})(window, document);
2028</script>
2028<img src="https://6a300ee70091da5f15128660.tracker.adotmob.com/pixel/visit?gdpr=${GDPR}&gdpr_consent=${GDPR_CONSENT_272}&d=5000&r=https%3A%2F%2F6a300ee70091da5f15128660.tracker.adotmob.com%2Fpixel%2Fvisit5s%3Fgdpr%3D${GDPR}%26gdpr_consent%3D${GDPR_CONSENT_272}" style="display:none">   
2028<script>
2029        // KLAVIYO POPUP FORM
2030        window._klOnsite = window._klOnsite || [];
2031        
2032        // Helper functions for cookie management
2033        function getCookie(name) {
2034          const value = `; ${document.cookie}`;
2035          const parts = value.split(`; ${name}=`);
2036          if (parts.length === 2) return parts.pop().split(';').shift();
2037          return null;
2038        }
2039        
2040        function setCookie(name, value, days) {
2041          const expires = new Date();
2042          expires.setTime(expires.getTime() + (days * 24 * 60 * 60 * 1000));
2043          document.cookie = `${name}=${value};expires=${expires.toUTCString()};path=/`;
2044        }
2045        
2046        // Check if user is on mobile based on screen width only
2047        function isMobile() {
2048          return window.innerWidth <= 768;
2049        }
2050        
2051        // Function to set up form listeners
2052        function setupKlaviyoFormListeners() {
2053          const waitForForm = setInterval(function() {
2054            const formButtons = document.querySelectorAll('form.klaviyo-form button');
2055            
2056            if (formButtons.length > 0) {
2057              // Add click listener to all buttons in the Klaviyo form
2058              formButtons.forEach(function(button) {
2059                button.addEventListener('click', function() {
2060                  // Set cookie to block popup for 5 days
2061                  setCookie('klaviyo_popup_blocked', 'true', 5);
2062                });
2063              });
2064              
2065              // Also check for close button (X) if it exists
2066              const closeButton = document.querySelector('.klaviyo-close-form');
2067              if (closeButton) {
2068                closeButton.addEventListener('click', function() {
2069                  setCookie('klaviyo_popup_blocked', 'true', 5);
2070                });
2071              }
2072              
2073              clearInterval(waitForForm);
2074            }
2075          }, 100); // Check every 100ms
2076          
2077          // Clear interval after 10 seconds to prevent memory leak
2078          setTimeout(function() {
2079            clearInterval(waitForForm);
2080          }, 10000);
2081        }
2082        
2083        // Check if popup was blocked by user
2084        const popupBlocked = getCookie('klaviyo_popup_blocked');
2085        
2086        // Check if URL contains "/en-"
2087        const isEnglishMarket = window.location.pathname.includes('/en-');
2088        
2089        // Show popup on English markets and if not blocked
2090        if (isEnglishMarket && !popupBlocked && 1 == 2)  {
2091          // Wait 6 seconds before showing popup
2092          setTimeout(function() {
2093            // Double-check the blocked cookie in case it was set during the wait
2094            if (!getCookie('klaviyo_popup_blocked')) {
2095              // Show different form based on device type
2096              const formId = isMobile() ? 'XDKSbu' : 'Xvkubh';
2097              window._klOnsite.push(['openForm', formId]);
2098              
2099              // Set up form listeners after opening the form
2100              setupKlaviyoFormListeners();
2101            }
2102          }, 6000); // 6 seconds delay
2103        }
2104
2105        /*<span class="needsclick go681896951 kl-private-reset-css-Xuajs1" style="overflow: hidden; box-sizing: border-box; border-radius: 50%; background-color: rgb(255, 255, 255); background-image: url(&quot;https://d3k81ch9hvuctc.cloudfront.net/company/YdBuXU/images/41fc6421-821d-499c-b71f-d450dae3250a.png&quot;); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; height: 100%; padding: 8px; display: flex; flex-direction: column; justify-content: center;"><div class="needsclick  kl-private-reset-css-Xuajs1"><div class="needsclick  kl-private-reset-css-Xuajs1"><div id="rich-text-01K0P46SJT509QAQTNXCT5NYES" class="kl-private-reset-css-Xuajs1 go3176171171" style="width: 100%;"></div></div></div></span>*/
2106      </script>
2106 <!-- Canary Islands Detection Modal --> <div id="canary-islands-modal" class="hidden fixed inset-0 z-[9999] items-center justify-center p-4" data-astro-cid-sckkx6r4> <!-- Backdrop --> <div id="canary-modal-backdrop" class="absolute inset-0 bg-black/60 backdrop-blur-sm" data-astro-cid-sckkx6r4></div> <!-- Modal Content --> <div class="relative w-full max-w-md transform transition-all" data-astro-cid-sckkx6r4> <!-- Decorative top border --> <div class="absolute -top-1 left-0 right-0 h-1 bg-gradient-to-r from-amber-200 via-amber-400 to-amber-200" data-astro-cid-sckkx6r4></div> <div class="relative bg-[#FAF9F7] rounded-sm shadow-2xl" data-astro-cid-sckkx6r4> <!-- Close button --> <button id="canary-modal-close" class="absolute top-4 right-4 w-8 h-8 flex items-center justify-center text-neutral-400 hover:text-neutral-600 transition-colors z-10" aria-label="Close" data-astro-cid-sckkx6r4> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 pointer-events-none" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-astro-cid-sckkx6r4> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" data-astro-cid-sckkx6r4></path> </svg> </button> <!-- Header with decorative element --> <div class="relative pt-10 pb-4 px-8 text-center" data-astro-cid-sckkx6r4> <!-- Decorative island silhouette --> <div class="absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2" data-astro-cid-sckkx6r4> <div class="w-16 h-16 rounded-full bg-white shadow-lg flex items-center justify-center" data-astro-cid-sckkx6r4> <svg class="w-8 h-8 text-amber-500" viewBox="0 0 24 24" fill="currentColor" data-astro-cid-sckkx6r4> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z" data-astro-cid-sckkx6r4></path> </svg> </div> </div> </div> <!-- Content --> <div class="px-8 pb-6" data-astro-cid-sckkx6r4> <p class="text-neutral-600 text-center text-[15px] leading-relaxed" data-astro-cid-sckkx6r4>
2107Parece que nos visitas desde <strong class="text-neutral-800" data-astro-cid-sckkx6r4>Canarias</strong>. Si es el caso, tenemos un mensaje para ti. Si no, continúa comprando.
2108</p> </div> <!-- Buttons --> <div class="px-8 pb-8 flex flex-col sm:flex-row gap-3" data-astro-cid-sckkx6r4> <a id="canary-modal-link" href="/es-es/canary-islands" class="flex-1 py-3.5 px-4 bg-neutral-900 hover:bg-neutral-800 text-white text-sm font-medium tracking-wide transition-colors duration-200 text-center rounded-sm" data-astro-cid-sckkx6r4>
2109Sí, soy de Canarias
2110</a> <button id="canary-modal-dismiss" class="flex-1 py-3.5 px-4 bg-white hover:bg-neutral-50 text-neutral-700 text-sm font-medium tracking-wide transition-colors duration-200 text-center border border-neutral-300 rounded-sm" data-astro-cid-sckkx6r4>
2111No, continuar
2112</button> </div> <!-- Decorative bottom pattern --> <div class="h-1.5 bg-gradient-to-r from-amber-100 via-amber-300 to-amber-100" data-astro-cid-sckkx6r4></div> </div> </div> </div>  </body> </html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.