PageSourceSearch

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

html cocunat.com collected 2026-10-02 02:57:04 UTC 1,540,662 bytes, 2,520 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-10-01T14:00:42.740Z","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/"><link rel="alternate" hreflang="en-al" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-dz" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-as" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ad" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-ao" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ai" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-aq" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ag" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="es-ar" href="https://cocunat.com/es-int/"><link rel="alternate" hreflang="en-am" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-aw" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-au" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-at" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-az" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-bs" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-bh" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-bd" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-bb" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-by" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-be" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-bz" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-bj" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-bm" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-bt" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="es-bo" href="https://cocunat.com/es-int/"><link rel="alternate" hreflang="en-bq" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ba" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-bw" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-bv" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-br" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-io" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-bn" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-bg" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-bf" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-bi" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-cv" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-kh" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-cm" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ca" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ky" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-cf" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-td" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-cl" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-cn" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-cx" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-cc" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="es-co" href="https://cocunat.com/es-int/"><link rel="alternate" hreflang="en-km" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-cd" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-cg" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ck" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-cr" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-hr" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="es-cu" href="https://cocunat.com/es-int/"><link rel="alternate" hreflang="en-cw" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-cy" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-cz" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-ci" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-dk" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-dj" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-dm" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-do" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="es-ec" href="https://cocunat.com/es-int/"><link rel="alternate" hreflang="en-eg" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="es-sv" href="https://cocunat.com/es-int/"><link rel="alternate" hreflang="en-gq" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-er" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ee" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-sz" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-et" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-fk" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-fo" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-fj" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-fi" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="fr-fr" href="https://cocunat.com/fr-fr/"><link rel="alternate" hreflang="en-gf" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-pf" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-tf" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ga" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-gm" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ge" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="de-de" href="https://cocunat.com/de-de/"><link rel="alternate" hreflang="en-gh" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-gi" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-gr" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-gl" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-gd" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-gp" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-gu" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-gt" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-gg" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-gn" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-gw" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-gy" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ht" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-hm" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-va" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-hn" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-hk" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-hu" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-is" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-in" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-id" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ir" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-iq" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ie" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-im" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-il" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="it-it" href="https://cocunat.com/it-it/"><link rel="alternate" hreflang="en-jm" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-jp" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-je" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-jo" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-kz" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ke" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ki" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-kp" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-kr" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-kw" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-kg" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-la" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-lv" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-lb" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ls" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-lr" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ly" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-li" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-lt" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-lu" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-mo" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-mg" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-mw" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-my" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-mv" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ml" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-mt" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-mh" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-mq" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-mr" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-mu" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-yt" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="es-mx" href="https://cocunat.com/es-mx/"><link rel="alternate" hreflang="en-fm" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-md" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-mc" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-mn" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-me" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ms" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ma" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-mz" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-mm" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-na" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-nr" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-np" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-nl" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-nc" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-nz" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ni" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ne" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ng" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-nu" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-nf" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-mp" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-no" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-om" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-pk" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-pw" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ps" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-pa" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-pg" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-py" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="es-pe" href="https://cocunat.com/es-int/"><link rel="alternate" hreflang="en-ph" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-pn" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-pl" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-pt" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-pr" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-qa" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-mk" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ro" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-ru" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-rw" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-re" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-bl" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-sh" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-kn" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-lc" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-mf" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-pm" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-vc" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ws" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-sm" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-st" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-sa" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-sn" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-rs" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-sc" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-sl" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-sg" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-sx" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-sk" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-si" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-sb" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-so" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-za" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-gs" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ss" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="es-es" href="https://cocunat.com/es-es/"><link rel="alternate" hreflang="en-lk" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-sd" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-sr" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-sj" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-se" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-ch" href="https://cocunat.com/en-eu/"><link rel="alternate" hreflang="en-sy" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-tw" 
731href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-tj" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-tz" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-th" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-tl" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-tg" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-tk" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-to" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-tt" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-tn" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-tr" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-tm" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-tc" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-tv" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ug" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ua" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ae" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-gb" href="https://cocunat.com/en-gb/"><link rel="alternate" hreflang="en-um" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-us" href="https://cocunat.com/en-us/"><link rel="alternate" hreflang="en-uy" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-uz" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-vu" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="es-ve" href="https://cocunat.com/es-int/"><link rel="alternate" hreflang="en-vn" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-vg" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-vi" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-wf" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-eh" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ye" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-zm" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-zw" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-ax" href="https://cocunat.com/en-int/"><link rel="alternate" hreflang="en-xx" href="https://cocunat.com/en-int/"><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>Cocunat | Toxic-Free Cosmetics | Cocunat</title><link rel="canonical" href="https://cocunat.com/en-us/"><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="Cocunat | Toxic-Free Cosmetics | 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/"><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="Cocunat | Toxic-Free Cosmetics | 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, ec
731o-friendly beauty products designed for healthier living and a better planet."><meta name="twitter:creator" content="@cocunat"><link rel="preload" as="image" href="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/21ff17b3-b0a7-466f-9e88-2acdde6b3f1a.jpg?v=1790173413" imagesrcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/21ff17b3-b0a7-466f-9e88-2acdde6b3f1a.jpg?v=1790173413&width=640&format=webp 640w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/21ff17b3-b0a7-466f-9e88-2acdde6b3f1a.jpg?v=1790173413&width=960&format=webp 960w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/21ff17b3-b0a7-466f-9e88-2acdde6b3f1a.jpg?v=1790173413&width=1440&format=webp 1440w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/21ff17b3-b0a7-466f-9e88-2acdde6b3f1a.jpg?v=1790173413&width=1920&format=webp 1920w" imagesizes="100vw" media="(max-width: 766.98px)" fetchpriority="high"><link rel="preload" as="image" href="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/5c4ad3cb-b248-4230-be5c-4191ba917aea.jpg?v=1790173242" imagesrcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/5c4ad3cb-b248-4230-be5c-4191ba917aea.jpg?v=1790173242&width=640&format=webp 640w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/5c4ad3cb-b248-4230-be5c-4191ba917aea.jpg?v=1790173242&width=960&format=webp 960w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/5c4ad3cb-b248-4230-be5c-4191ba917aea.jpg?v=1790173242&width=1440&format=webp 1440w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/5c4ad3cb-b248-4230-be5c-4191ba917aea.jpg?v=1790173242&width=1920&format=webp 1920w" imagesizes="100vw" media="(min-width: 767px)" 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":0,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":0},"exceptions_new_customer":{"53251":15,"53342":15},"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"}]},"TESTSEHAM":{"id":165,"code":"TESTSEHAM","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":0},"exceptions_new_customer":{"41":15,"139":15,"152":15,"153":15,"188":15,"200":15,"201":15,"205":15,"211":15,"212":15,"218":15,"219":15,"220":15,"233":15,"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":15,"460":15,"461":15,"471":15,"472":15,"23611":15,"51832":15,"51948":15,"51950":15,"51954":15,"51973":15,"52013":15,"52071":15,"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":15,"53239":15,"53250":15,"53251":15,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":15},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"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}
785,"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","created_at":"2025-03-31 19:44:46","updated_at":"2026-10-01 11:44:23","default_home":"home-REBAJAS","default_menu":"default","subscriptions_enabled":false,"subscriptions_locked":false};
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.BHKZecAG.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.glide{position:relative;width:100%;box-sizing:border-box}.glide *{box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;margin:0;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}.glide__slides--dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none}.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__slide a{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows,.glide__bullets{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.glide--rtl{direction:rtl}.glide__arrows{display:none}#cocunat-home-highlight[data-astro-cid-t34oe4u5] .cocunat-home-highlight_image[data-astro-cid-t34oe4u5]{background-image:var(--bg-mobile);background-size:cover;background-position:center}@media (min-width: 640px){#cocunat-home-highlight[data-astro-cid-t34oe4u5] .cocunat-home-highlight_image[data-astro-cid-t34oe4u5]{background-image:var(--bg-desktop)}}.title-component[data-astro-cid-zvox2n3a] s[data-astro-cid-zvox2n3a]{background-color:#e9ff00;text-decoration:none}.accordion-content[data-astro-cid-zvox2n3a]{background-color:#f6f4f4}@media (min-width: 768px){.accordion-content[data-astro-cid-zvox2n3a]{background-color:transparent}}.accordion-item[data-astro-cid-zvox2n3a]{border-bottom:1px solid #e5e5e5}.accordion-header[data-astro-cid-zvox2n3a]{display:flex;justify-content:start;width:100%;padding:8px 10px;background:#f6f4f4;border:none;text-align:left;font-weight:700;cursor:pointer;margin-bottom:10px}.accordion-content[data-astro-cid-zvox2n3a]{display:none;padding:15px 0}.accordion-content[data-astro-cid-zvox2n3a].show{display:block}.accordion-icon[data-astro-cid-zvox2n3a]{font-size:1.5rem;line-height:20px;margin-right:10px}.component-banner-third[data-astro-cid-ryp6tbfv] .component-banner-third_image[data-astro-cid-ryp6tbfv]{background-image:var(--bg-mobile);background-size:cover;background-position:center}@media (min-width: 640px){.component-banner-third[data-astro-cid-ryp6tbfv] .component-banner-third_image[data-astro-cid-ryp6tbfv]{background-image:var(--bg-desktop)}}.banner-mobile[data-astro-cid-5fzkciky]{display:block}.banner-desktop[data-astro-cid-5fzkciky]{display:none}@media (min-width: 768px){.banner-mobile[data-astro-cid-5fzkciky]{display:none}.banner-desktop[data-astro-cid-5fzkciky]{display:block}}.subscription-option[data-astro-cid-62bd223k].selected{border:2px solid black}input[data-astro-cid-62bd223k][type=radio]{accent-color:black}.subscription-option[data-astro-cid-etwa2aja].selected{border:2px solid black}input[data-astro-cid-etwa2aja][type=radio]{accent-color:black}.subscription-option-homeusacustom3[data-astro-cid-tpr25qf2].selected{border:2px solid black}input[data-astro-cid-tpr25qf2][type=radio]{accent-color:black}
1140</style>
1141<link rel="stylesheet" href="/_astro/canary-islands.ZdCgIi72.css">
1141<script type="module" src="/_astro/hoisted.CIevLTVD.js"></script>
1141</head> <body class="body--hero-header market-us" data-server-rendered-skin="AUTUMN" data-skin-ssr-complete="true" data-astro-cid-sckkx6r4>  
1141<script>window.__CWVL='home';</script>
1141 <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
1142     sticky: scrollean fuera y la cápsula se queda. --> <!-- All variants stay in the DOM: SSR selects the market default and skin.js
1143     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"><p>DISCOVER OUR SPECIAL OFFERS -&gt;</p></a> </div> <div id="announcement-bar-countdown-wrapper" class="relative z-[40] [.body--mega-open_&#38;]:z-[100] hidden"> <style>
1144  @media (min-width: 640px) {
1145    .announcement-bar-countdown br {
1146      display: none;
1147    }
1148
1149    .announcement-bar-countdown span {
1150      display: inline;
1151    }
1152  }
1153
1154  .countdown-number {
1155    display: inline-block;
1156    min-width: 1.2em;
1157    text-align: center;
1158    font-variant-numeric: tabular-nums;
1159  }
1160</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]"><p>DISCOVER OUR SPECIAL OFFERS -&gt;</p></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> 
1160<script>(function(){const deadline = "2025-11-30T23:59:59";
1161
1162  function initCountdown() {
1163    // Skip if SKINs will override this (check for skin override flag)
1164    if (window.countdownSkinsOverride) return;
1165
1166    const targetDate = new Date(deadline).getTime();
1167    let lastValues = { days: null, hours: null, minutes: null, seconds: null };
1168
1169    const daysEl = document.getElementById('countdown-days');
1170    const hoursEl = document.getElementById('countdown-hours');
1171    const minutesEl = document.getElementById('countdown-minutes');
1172    const secondsEl = document.getElementById('countdown-seconds');
1173
1174    function updateCountdown() {
1175      const now = new Date().getTime();
1176      const distance = targetDate - now;
1177
1178      if (distance < 0) {
1179        if (lastValues.days !== '00') {
1180          daysEl.textContent = '00';
1181          hoursEl.textContent = '00';
1182          minutesEl.textContent = '00';
1183          secondsEl.textContent = '00';
1184          lastValues = { days: '00', hours: '00', minutes: '00', seconds: '00' };
1185        }
1186        return;
1187      }
1188
1189      const days = String(Math.floor(distance / (1000 * 60 * 60 * 24))).padStart(2, '0');
1190      const hours = String(Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))).padStart(2, '0');
1191      const minutes = String(Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60))).padStart(2, '0');
1192      const seconds = String(Math.floor((distance % (1000 * 60)) / 1000)).padStart(2, '0');
1193
1194      // Only update DOM if values changed
1195      if (lastValues.days !== days) {
1196        daysEl.textContent = days;
1197        lastValues.days = days;
1198      }
1199      if (lastValues.hours !== hours) {
1200        hoursEl.textContent = hours;
1201        lastValues.hours = hours;
1202      }
1203      if (lastValues.minutes !== minutes) {
1204        minutesEl.textContent = minutes;
1205        lastValues.minutes = minutes;
1206      }
1207      if (lastValues.seconds !== seconds) {
1208        secondsEl.textContent = seconds;
1209        lastValues.seconds = seconds;
1210      }
1211    }
1212
1213    updateCountdown();
1214    setInterval(updateCountdown, 1000);
1215  }
1216
1217  if (document.readyState === 'loading') {
1218    document.addEventListener('DOMContentLoaded', initCountdown);
1219  } else {
1220    initCountdown();
1221  }
1222})();</script>
1222 </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> 
1222<script>(function(){const interval = 3000;
1223const messagesCount = 4;
1224
1225  function initAnnouncementCarousel() {
1226    const messages = document.querySelectorAll('.announcement-message');
1227    let currentIndex = 0;
1228
1229    if (messages.length <= 1) return;
1230
1231    function rotateMessages() {
1232      messages[currentIndex].classList.remove('active');
1233      currentIndex = (currentIndex + 1) % messagesCount;
1234      messages[currentIndex].classList.add('active');
1235    }
1236
1237    setInterval(rotateMessages, interval);
1238  }
1239
1240  if (document.readyState === 'loading') {
1241    document.addEventListener('DOMContentLoaded', initAnnouncementCarousel);
1242  } else {
1243    initAnnouncementCarousel();
1244  }
1245})();</script>
1245 </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"> <div class="pointer-events-auto relative z-[2] mx-auto flex h-[54px] max-w-[1600px] items-center gap-4 rounded-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
1246         edge-to-edge para que el cursor no cruce zonas muertas.
1247         min-w-0 + overflow-x-clip: si el contenido excede el hueco, se
1248         RECORTA (nunca pisa los iconos) hasta que megamenu-collapse.js
1249         active el modo hamburger. overflow-y visible: no recorta los
1250         hover-shields diagonales de los nav-links. En modo colapsado el nav
1251         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="se
1251arch-button" es el contrato con SearchDropdown.
1252         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/" 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>  
1252<script>(function(){const lang = "en";
1253const market = "us";
1254
1255    document.addEventListener('DOMContentLoaded', () => {
1256        // Search functionality
1257        const searchButton = document.getElementById('search-button');
1258        const searchDropdown = document.getElementById('search-dropdown');
1259        const searchInput = document.getElementById('search-input');
1260        const closeSearch = document.getElementById('close-search');
1261        const searchResults = document.getElementById('search-results');
1262        const searchMeta = document.getElementById('search-meta');
1263        const searchLoading = document.getElementById('search-loading');
1264
1265        // El boton #search-button vive en el header que aloja este componente.
1266        // Sin el (o sin dropdown) el buscador queda inerte de forma segura.
1267        if (!searchButton || !searchDropdown) return;
1268        let searchTimeout;
1269        let searchQueryEventAllowed = true;
1270        let searchRequestId = 0;
1271
1272        const searchCopy = {
1273            en: {
1274                placeholder: 'Search products...',
1275                noResults: 'No results found',
1276                error: 'An error occurred while searching',
1277                searching: 'Searching...',
1278                catalogResults: (count) => `${count} result${count === 1 ? '' : 's'} in the catalog`,
1279            },
1280            es: {
1281                placeholder: 'Buscar productos...',
1282                noResults: 'No se encontraron resultados',
1283                error: 'Ha ocurrido un error al buscar',
1284                searching: 'Buscando...',
1285                catalogResults: (count) => `${count} resultado${count === 1 ? '' : 's'} en el catálogo`,
1286            },
1287            de: {
1288                placeholder: 'Produkte suchen...',
1289                noResults: 'Keine Ergebnisse gefunden',
1290                error: 'Bei der Suche ist ein Fehler aufgetreten',
1291                searching: 'Suchen...',
1292                catalogResults: (count) => `${count} Ergebnis${count === 1 ? '' : 'se'} im Katalog`,
1293            },
1294            fr: {
1295                placeholder: 'Rechercher des produits...',
1296                noResults: 'Aucun résultat trouvé',
1297                error: 'Une erreur est survenue pendant la recherche',
1298                searching: 'Recherche...',
1299                catalogResults: (count) => `${count} résultat${count === 1 ? '' : 's'} dans le catalogue`,
1300            },
1301            it: {
1302                placeholder: 'Cerca prodotti...',
1303                noResults: 'Nessun risultato trovato',
1304                error: 'Si è verificato un errore durante la ricerca',
1305                searching: 'Ricerca...',
1306                catalogResults: (count) => `${count} risultat${count === 1 ? 'o' : 'i'} nel catalogo`,
1307            },
1308        };
1309        const copy = searchCopy[lang] || searchCopy.en;
1310        searchInput.placeholder = copy.placeholder;
1311
1312        function escapeHTML(value) {
1313            return String(value || '').replace(/[&<>"']/g, (char) => ({
1314                '&': '&amp;',
1315                '<': '&lt;',
1316                '>': '&gt;',
1317                '"': '&quot;',
1318                "'": '&#39;',
1319            }[char]));
1320        }
1321
1322        function getNumber(value) {
1323            if (value === null || value === undefined || value === '') return null;
1324            const numeric = Number(value);
1325            return Number.isFinite(numeric) ? numeric : null;
1326        }
1327
1328        function getMoneyAmount(value) {
1329            if (value && typeof value === 'object') return getNumber(value.amount);
1330            return getNumber(value);
1331        }
1332
1333        function getMoneyCurrency(product) {
1334            return product?.price?.currency || product?.currency || 'EUR';
1335        }
1336
1337        function formatMoney(amount, currency) {
1338            if (amount === null || amount === undefined) return '';
1339            try {
1340                return new Intl.NumberFormat(`${lang}-${market.toUpperCase()}`, {
1341                    style: 'currency',
1342                    currency,
1343                    minimumFractionDigits: Number.isInteger(amount) ? 0 : 2,
1344                    maximumFractionDigits: 2,
1345                }).format(amount);
1346            } catch (error) {
1347                try {
1348                    return new Intl.NumberFormat(lang, {
1349                        style: 'currency',
1350                        currency,
1351                        minimumFractionDigits: Number.isInteger(amount) ? 0 : 2,
1352                        maximumFractionDigits: 2,
1353                    }).format(amount);
1354                } catch (fallbackError) {
1355                    return `${amount.toFixed(Number.isInteger(amount) ? 0 : 2)} ${currency}`;
1356                }
1357            }
1358        }
1359
1360        function getProductImage(product) {
1361            const image = product?.gallery?.[0] || product?.gallery_preview || product?.image || '';
1362            // Script inline (no puede importar módulos): Layout publica
1363            // window.cocunatImagePath (src/utils/image-path.js).
1364            return window.cocunatImagePath ? window.cocunatImagePath(image, 'searchResult') : image;
1365        }
1366
1367        let searchPromoCache = null;
1368        let searchPromoCacheCode = null;
1369        let searchPricingGeneration = 0;
1370
1371        async function getSearchPromoData() {
1372            const promoCode = window.cart?.getStoredPromoCode?.();
1373            if (!promoCode) return null;
1374            if (searchPromoCache && searchPromoCacheCode === promoCode) return searchPromoCache;
1375
1376            const response = await fetch(`${(window.__API_LESS_URL || 'https://api-less.cocunat.com')}/api/promos/${promoCode}`);
1377            if (!response.ok) return null;
1378
1379            searchPromoCacheCode = promoCode;
1380            searchPromoCache = await response.json();
1381            return searchPromoCache;
1382        }
1383
1384        async function getSearchSubscriberDiscount() {
1385            // Fuente única: la caché de benefits vive en cart.js/pricingBenefits.
1386            // Sin cart.js (carrera de arranque) se pinta retail coherente.
1387            try {
1388                return (await window.cart?.getSubscriberDiscountPercentage?.()) || 0;
1389            } catch (error) {
1390                return 0;
1391            }
1392        }
1393
1394        async function applyPromoToSearchResults() {
1395            const renderGeneration = ++searchPricingGeneration;
1396            try {
1397                // La fórmula de descuento vive en cart.js (escritor único);
1398                // este dropdown no la reimplementa. El % de listado compone
1399                // también la primera compra registrada, así el buscador nunca
1400                // diverge de las cards de PLP/menú del mismo SKU. Sin cart.js
1401                // los resultados quedan a retail, precio y badge coherentes.
1402                if (!window.cart?.resolveStorefrontListingDiscount) return;
1403                const [promoData, subscriberDiscount] = await Promise.all([
1404                    getSearchPromoData(),
1405                    getSearchSubscriberDiscount(),
1406                ]);
1407                if (renderGeneration !== searchPricingGeneration) return;
1408
1409                searchResults.querySelectorAll('.price[data-sku]').forEach(priceEl => {
1410                    const sku = priceEl.getAttribute('data-sku');
1411                    const discount = window.cart.resolveStorefrontListingDiscount(promoData, sku, subscriberDiscount);
1412                    const originalPrice = getNumber(priceEl.getAttribute('data-original-price'));
1413                    const currency = priceEl.getAttribute('data-currency') || 'EUR';
1414                    if (originalPrice === null || originalPrice < 0) return;
1415
1416                    const discountedPrice = originalPrice * (1 - discount / 100);
1417                    priceEl.setAttribute('data-final-price', discountedPrice.toFixed(2));
1418                    if (discount > 0) {
1419                        priceEl.innerHTML = `
1420                            <span>${formatMoney(discountedPrice, currency)}</span>
1421                            <s>${formatMoney(originalPrice, currency)}</s>
1422                        `;
1423                    } else {
1424                        priceEl.textContent = formatMoney(originalPrice, currency);
1425                    }
1426                });
1427
1428                searchResults.querySelectorAll('.discount-badge[data-sku]').forEach(discountBadge => {
1429                    const sku = discountBadge.getAttribute('data-sku');
1430                    const discount = window.cart.resolveStorefrontListingDiscount(promoData, sku, subscriberDiscount);
1431                    if (discount > 0) {
1432                        discountBadge.textContent = `-${discount}%`;
1433                        discountBadge.classList.remove('hidden');
1434                    } else {
1435                        discountBadge.textContent = '';
1436                        discountBadge.classList.add('hidden');
1437                    }
1438                });
1439            } catch (error) {
1440                console.error('Search promo error:', error);
1441            }
1442        }
1443
1444        document.addEventListener('cocunat:identity-changed', function () {
1445            // Invalidate an older render immediately, then wait until all
1446            // identity listeners have dropped their benefit caches before
1447            // starting the replacement request.
1448            searchPricingGeneration += 1;
1449            queueMicrotask(() => {
1450                if (searchResults.querySelector('.search-result-item')) {
1451                    void applyPromoToSearchResults();
1452                }
1453            });
1454        });
1455
1456        function renderProduct(product) {
1457            const image = getProductImage(product);
1458            const priceAmount = getMoneyAmount(product?.price);
1459            const currency = getMoneyCurrency(product);
1460            const subtitle = product?.subtitle || '';
1461            const sku = product?.sku || '';
1462
1463            return `
1464                <a href="/${lang}-${market}/products/${encodeURIComponent(product.handle)}" class="header-search__item search-result-item">
1465                    <span class="header-search__thumb-wrap">
1466                        <img src="${escapeHTML(image)}" class="header-search__thumb" alt="${escapeHTML(product.title)}" loading="lazy" width="64" height="64">
1467                        ${sku ? `<span class="header-search__discount discount-badge hidden" data-badge="discount" data-sku="${escapeHTML(sku)}"></span>` : ''}
1468                    </span>
1469                    <span class="header-search__text">
1470                        <span class="header-search__title">${escapeHTML(product.title)}</span>
1471                        ${subtitle ? `<span class="header-search__sub">${escapeHTML(subtitle)}</span>` : ''}
1472                        ${priceAmount !== null ? `
1473                            <span class="header-search__price-row">
1474                                <span class="header-search__price price" data-sku="${escapeHTML(sku)}" data-original-price="${priceAmount.toFixed(2)}" data-currency="${escapeHTML(currency)}">${formatMoney(priceAmount, currency)}</span>
1475                            </span>
1476                        ` : ''}
1477                    </span>
1478                </a>
1479            `;
1480        }
1481
1482        function resetSearch({ clearInput = false } = {}) {
1483            if (clearInput) searchInput.value = '';
1484            searchResults.innerHTML = '';
1485            searchMeta.textContent = '';
1486            searchLoading.classList.add('hidden');
1487        }
1488
1489        function syncMobileSearchHeight() {
1490            if (!window.matchMedia('(max-width: 767px)').matches) {
1491                searchDropdown.style.removeProperty('--header-search-mobile-height');
1492                return;
1493            }
1494
1495            const isSearchFocused = document.activeElement === searchInput;
1496            const viewportHeight = isSearchFocused
1497                ? (window.visualViewport?.height || window.innerHeight)
1498                : window.innerHeight;
1499            const headerBottom = searchDropdown.closest('header')?.getBoundingClientRect().bottom || 0;
1500            searchDropdown.style.setProperty(
1501                '--header-search-mobile-height',
1502                `${Math.max(viewportHeight - headerBottom, 0)}px`
1503            );
1504        }
1505
1506        function toggleSearch() {
1507            searchDropdown.classList.toggle('hidden');
1508            if (!searchDropdown.classList.contains('hidden')) {
1509                syncMobileSearchHeight();
1510                searchInput.focus();
1511                
1512                // Add Enter key handler when search is opened
1513                searchInput.onkeydown = function(e) {
1514                    if (e.key === 'Enter') {
1515                        e.preventDefault();
1516                        const query = this.value.trim();
1517                        if (query) {
1518                            const searchUrl = `/${lang}-${market}/search?q=${encodeURIComponent(query)}`;
1519                            window.location.href = searchUrl;
1520                        }
1521                    }
1522                };
1523            }
1524        }
1525
1526        function closeSearchDropdown() {
1527            searchDropdown.classList.add('hidden');
1528            resetSearch({ clearInput: true });
1529        }
1530
1531        async function performSearch(query) {
1532            const requestId = ++searchRequestId;
1533            if (!query.trim()) {
1534                resetSearch();
1535                return;
1536            }
1537
1538            searchResults.innerHTML = '';
1539            searchMeta.textContent = copy.searching;
1540            searchLoading.classList.remove('hidden');
1541            try {
1542                const response = await fetch(`${(window.__API_LESS_URL || 'https://api-less.cocunat.com')}/api/products/search?q=${encodeURIComponent(query)}&lang=${lang}&market=${market}`);
1543                const data = await response.json();
1544                if (requestId !== searchRequestId) return;
1545                const visibleProducts = (data.results || [])
1546                    .filter(product => product.gallery?.[0] || product.gallery_preview || product.image);
1547                const totalResults = data.count || data.results?.length || visibleProducts.length;
1548                
1549                searchMeta.textContent = totalResults > 0 ? copy.catalogResults(totalResults) : '';
1550                searchResults.innerHTML = visibleProducts.length > 0
1551                    ? visibleProducts.map(renderProduct).join('')
1552                    : `<div class="header-search__empty">${copy.noResults} <strong>"${escapeHTML(query)}"</strong>.</div>`;
1553                if (visibleProducts.length > 0) {
1554                    applyPromoToSearchResults();
1555                }
1556
1557                const searchResultItems = searchResults.querySelectorAll('.search-result-item');
1558                searchResultItems.forEach(item => {
1559                    item.addEventListener('click', (e) => {
1560                        e.preventDefault();
1561                        try{
1562                            const currentUrl = new URL(window.location.href);
1563                            document.dispatchEvent(new CustomEvent('EventSearch', {
1564                                detail: {
1565                                    market: currentUrl.pathname.split('/')[1].replace("/", ""),
1566                                    url: window.location.href,
1567                                    keyword_search: query,
1568                                    product_search_clicked: item.href
1569                                }
1570                            }));
1571                        }catch(e){
1572                            console.error(e);
1573                        }
1574                        setTimeout(() => {
1575                            window.location.href = item.href;
1576                        }, 1000);
1577                    });
1578                });
1579
1580                // Search query event - fires once after 3+ letters, then 20s cooldown
1581                if(totalResults > 0 && query.length >= 3 && searchQueryEventAllowed){
1582                    searchQueryEventAllowed = false;
1583                    setTimeout(() => { searchQueryEventAllowed = true; }, 20000);
1584                    try{
1585                        const currentUrl = new URL(window.location.href);
1586                        document.dispatchEvent(new CustomEvent('EventSearchQuery', {
1587                            detail: {
1588                                market: currentUrl.pathname.split('/')[1].replace("/", ""),
1589                                url: window.location.href,
1590                                keyword_search: query,
1591                                results_count: totalResults
1592                            }
1593                        }));
1594                    }catch(e){
1595                        console.error(e);
1596                    }
1597                }
1598
1599                // No results event
1600                if(totalResults === 0){
1601                    try{
1602                        const currentUrl = new URL(window.location.href);
1603                        document.dispatchEvent(new CustomEvent('EventNoResultsSearch', {
1604                            detail: {
1605                                market: currentUrl.pathname.split('/')[1].replace("/", ""),
1606                                url: window.location.href,
1607                                keyword_search: query,
1608                                product_search_clicked: ""
1609                            }
1610                        }));
1611                    }catch(e){
1612                        console.error(e);
1613                    }
1614                }
1615            } catch (error) {
1616                if (requestId !== searchRequestId) return;
1617                console.error('Search error:', error);
1618                searchMeta.textContent = '';
1619                searchResults.innerHTML = `<div class="header-search__error">${copy.error}</div>`;
1620            } finally {
1621                if (requestId === searchRequestId) {
1622                    searchLoading.classList.add('hidden');
1623                }
1624            }
1625        }
1626
1627        searchButton.addEventListener('click', (e) => {
1628            e.preventDefault();
1629            toggleSearch();
1630            try{
1631                const currentUrl = new URL(window.location.href);
1632                document.dispatchEvent(new CustomEvent('EventOpenSearch', {
1633                    detail: {
1634                        market: currentUrl.pathname.split('/')[1].replace("/", ""),
1635                        url: window.location.href
1636                    }
1637                }));
1638            }catch(e){
1639                console.error(e);
1640            }
1641        });
1642
1643        closeSearch.addEventListener('click', () => {
1644            if (searchInput.value.trim()) {
1645                resetSearch({ clearInput: true });
1646                searchInput.focus();
1647                return;
1648            }
1649            closeSearchDropdown();
1650        });
1651
1652        searchInput.addEventListener('input', (e) => {
1653            clearTimeout(searchTimeout);
1654            searchTimeout = setTimeout(() => {
1655                performSearch(e.target.value);
1656            }, 300);
1657        });
1658
1659        searchInput.addEventListener('blur', () => {
1660            if (searchDropdown.classList.contains('hidden')) return;
1661            syncMobileSearchHeight();
1662            setTimeout(syncMobileSearchHeight, 250);
1663        });
1664
1665        // Close search dropdown when clicking outside
1666        document.addEventListener('click', (e) => {
1667            if (!searchDropdown.contains(e.target) && !searchButton.contains(e.target)) {
1668                closeSearchDropdown();
1669            }
1670        });
1671
1672        window.addEventListener('resize', () => {
1673            if (!searchDropdown.classList.contains('hidden')) {
1674                syncMobileSearchHeight();
1675            }
1676        });
1677
1678        window.visualViewport?.addEventListener('resize', () => {
1679            if (!searchDropdown.classList.contains('hidden')) {
1680                syncMobileSearchHeight();
1681            }
1682        });
1683    });
1684})();</script>
1684 </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
1684ox="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_
1684categorias_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_
1684categorias_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_
1684categorias_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_
1684categorias_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_
1684categorias_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_
1684categorias_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_
1684categorias_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_
1684categorias_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
1684or-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_
1684categorias_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]">
1684Pack 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
1685       evitar nested-interactive (a > button no es válido HTML). -->
1685 <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
1686       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
1687       evitar nested-interactive (a > button no es válido HTML). -->
1687 <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
1688       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
1688or-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">
1688 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
1688or-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
1688ox="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]">
1688Anti-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]">
1688Instant 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
1688_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]">
1688Instant 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
1689       evitar nested-interactive (a > button no es válido HTML). -->
1689 <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
1690       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
1691       evitar nested-interactive (a > button no es válido HTML). -->
1691 <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
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="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]">
1692Anti-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
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="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
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="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]">
1694Instant 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
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="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
1696       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
1697       evitar nested-interactive (a > button no es válido HTML). -->
1697 <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
1698       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
1699       evitar nested-interactive (a > button no es válido HTML). -->
1699 <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
1700       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
1701       evitar nested-interactive (a > button no es válido HTML). -->
1701 <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
1702       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
1703       evitar nested-interactive (a > button no es válido HTML). -->
1703 <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
1704       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
1705       evitar nested-interactive (a > button no es válido HTML). -->
1705 <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/d45422c0-29bb-4639-bd6d-3b335253ec58.png?v=1790779657&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
1706       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]">Extraordi
1706nary 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 [--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 aft
1706er: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" 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
1707       evitar nested-interactive (a > button no es válido HTML). -->
1707 <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
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="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">
1708 <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
1709       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
1710       evitar nested-interactive (a > button no es válido HTML). -->
1710 <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
1711       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
1712       evitar nested-interactive (a > button no es válido HTML). -->
1712 <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
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="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
1713or-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
1714       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
1715       evitar nested-interactive (a > button no es válido HTML). -->
1715 <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
1716       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
1716or-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
1716ox="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
1716ox="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
1716ata-[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
1717       evitar nested-interactive (a > button no es válido HTML). -->
1717 <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
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="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
17186-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
1719       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
1720       evitar nested-interactive (a > button no es válido HTML). -->
1720 <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]">
1720Anti-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
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="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
1722       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
1723       evitar nested-interactive (a > button no es válido HTML). -->
1723 <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
1724       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
1725       evitar nested-interactive (a > button no es válido HTML). -->
1725 <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
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="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]">
1726Anti-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
1727       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
1728       evitar nested-interactive (a > button no es válido HTML). -->
1728 <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
1729       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
1730       evitar nested-interactive (a > button no es válido HTML). -->
1730 <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
1731       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
1732       evitar nested-interactive (a > button no es válido HTML). -->
1732 <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
1733       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
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="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
1734ox="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
1734ox="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
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="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
1735rmat=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
1736       evitar nested-interactive (a > button no es válido HTML). -->
1736 <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
1737       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
1738       evitar nested-interactive (a > button no es válido HTML). -->
1738 <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
1739       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
1740       evitar nested-interactive (a > button no es válido HTML). -->
1740 <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
1741       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
1742       evitar nested-interactive (a > button no es válido HTML). -->
1742 <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
1743       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
1744       evitar nested-interactive (a > button no es válido HTML). -->
1744 <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
1745       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
1746       evitar nested-interactive (a > button no es válido HTML). -->
1746 <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
1747       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
1748       evitar nested-interactive (a > button no es válido HTML). -->
1748 <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
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="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
1749or-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
1749ox="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
1749ox="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_
1749colecciones_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_
1749colecciones_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_
1749colecciones_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_
1749colecciones_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_
1749colecciones_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_
1749colecciones_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_
1749colecciones_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_
1749colecciones_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_
1749colecciones_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_
1749colecciones_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_
1749colecciones_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_
1749colecciones_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_
1749colecciones_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/842ff67a-07e0-4bd0-9efb-7ad39da5dc48.png?v=1790779184&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_
1749colecciones_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
1750       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
1751       evitar nested-interactive (a > button no es válido HTML). -->
1751 <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
1752       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
1753       evitar nested-interactive (a > button no es válido HTML). -->
1753 <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
1754       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
1755       evitar nested-interactive (a > button no es válido HTML). -->
1755 <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
1756       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
1757       evitar nested-interactive (a > button no es válido HTML). -->
1757 <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
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="364" data-sku="423" data-list-id="megamenu_
1758colecciones_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
1759       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_
1759colecciones_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
1759700a49b32.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]">
1759ANTI-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_
1759colecciones_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_
1759colecciones_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
1760       MegaMenuDrawerDynamic. `data-lenis-prevent`: si la página usa Lenis,
1761       evita que capture wheel/touch de los paneles internos. -->
1762  <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).
1763           Cards del documento publicado (Composer → Vista del Navbar) con
1764           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>
1764 <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
1764s_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>
1764<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_
1764categorias_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_
1764categorias_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_
1764categorias_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
1764s_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_
1764categorias_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_
1764categorias_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_
1764categorias_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_
1764categorias_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
1764or-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_
1764categorias_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]">
1764Pack 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">
1764<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_
1764categorias_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_
1764categorias_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>
1764<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>
1764<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">
1764<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]">
1764Anti-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]">
1764Instant 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
1764s_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]">
1764Anti-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]">
1764Instant 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-
1764pack-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">
1764<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]">
1764Instant 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
1764s_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
1764s_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
1764s_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/d45422c0-29bb-4639-bd6d-3b335253ec58.png?v=1790779657&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
1764s_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"> <
1764span 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
1764s_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
1764s_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
1764s_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
1764or-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
1764s_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>
1764<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
1764s_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
1764iv 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
1764s_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
17646-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
1764s_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
1764irmness.</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
1764s_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]">
1764Anti-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">
1764<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-
1764pack-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-
1764pack-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
1764s_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]">
1764Anti-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
1764s_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_
1764niacinamida" 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>
1764<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">
1764<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
1764s_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
1764uto 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
1764s_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
1764s_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
1764s_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
1764s_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
1764s_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
1764s_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>
1764<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_
1764colecciones_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_
1764colecciones_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_
1764colecciones_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_
1764colecciones_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_
1764colecciones_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_
1764colecciones_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_
1764colecciones_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
1764s_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_
1764colecciones_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_
1764colecciones_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_
1764colecciones_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_
1764colecciones_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_
1764colecciones_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_
1764colecciones_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/842ff67a-07e0-4bd0-9efb-7ad39da5dc48.png?v=1790779184&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
1764s_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]">
1764Tones 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_
1764colecciones_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
1764s_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_
1764colecciones_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_
1764colecciones_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_
1764colecciones_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
1764s_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
1764700a49b32.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]">
1764ANTI-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_
1764colecciones_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_
1764colecciones_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
1764ive="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>
1764 <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> <p id="cart-minimum-order-notice" class="cart-v2-minimum-order hidden" role="status" data-template="The minimum order for your country is {minimum}. You need {remaining} more."></p> <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>  
1764<script>
1765  document.addEventListener('DOMContentLoaded', () => {
1766    const checkoutButton = document.getElementById('go-to-checkout-1');
1767    if (!checkoutButton) return;
1768
1769    const checkoutText = checkoutButton.querySelector('.checkout-text');
1770    const checkoutArrow = checkoutButton.querySelector('.checkout-arrow');
1771    const checkoutSpinner = checkoutButton.querySelector('.checkout-spinner');
1772    let checkoutTimeout;
1773
1774    function resetCheckoutButton() {
1775      if (checkoutTimeout) {
1776        clearTimeout(checkoutTimeout);
1777        checkoutTimeout = null;
1778      }
1779      checkoutText?.classList.remove('hidden');
1780      checkoutArrow?.classList.remove('hidden');
1781      checkoutSpinner?.classList.add('hidden');
1782      checkoutButton.classList.remove('pointer-events-none', 'opacity-90');
1783    }
1784
1785    document.getElementById('close-cart-drawer')?.addEventListener('click', resetCheckoutButton);
1786    window.addEventListener('pageshow', resetCheckoutButton);
1787
1788    checkoutButton.addEventListener('click', (event) => {
1789      // Pedido mínimo por país sin alcanzar: el teclado también dispara click.
1790      if (checkoutButton.getAttribute('aria-disabled') === 'true') {
1791        event.preventDefault();
1792        return;
1793      }
1794
1795      const href = checkoutButton.getAttribute('href');
1796      if (!href || href === '#') return;
1797
1798      event.preventDefault();
1799      checkoutText?.classList.add('hidden');
1800      checkoutArrow?.classList.add('hidden');
1801      checkoutSpinner?.classList.remove('hidden');
1802      checkoutButton.classList.add('pointer-events-none', 'opacity-90');
1803
1804      checkoutTimeout = setTimeout(resetCheckoutButton, 10000);
1805      requestAnimationFrame(() => {
1806        requestAnimationFrame(() => {
1807          window.location.href = href;
1808        });
1809      });
1810    });
1811  });
1812</script>
1812 
1812<script src="/js/megamenu/megamenu-collapse.js"></script>
1812 
1812<script src="/js/megamenu/megamenu-drawer.js"></script>
1812 
1812<script src="/js/megamenu/megamenu-panel.js"></script>
1812 
1812<script src="/js/megamenu/megamenu-header-scroll.js"></script>
1812 
1812<script src="/js/megamenu/megamenu-tracking.js"></script>
1812  <div data-megamenu-hero> <section id="cocunat-hero-home" class="glide"> <div class="glide__track" data-glide-el="track"> <ul class="glide__slides"> <li id="cocunat-hero-home-image-1" class="glide__slide"> <a href="/en-us/collections/all-products" id="cocunat-hero-home-link" class="block"> <div id="cocunat-hero-home-image" class="h-[80vh] relative">   <picture class="main-hero-picture"> <source class="cocunat-hero-home-mobile" media="(max-width: 766.98px)" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/21ff17b3-b0a7-466f-9e88-2acdde6b3f1a.jpg?v=1790173413&width=640&format=webp 640w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/21ff17b3-b0a7-466f-9e88-2acdde6b3f1a.jpg?v=1790173413&width=960&format=webp 960w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/21ff17b3-b0a7-466f-9e88-2acdde6b3f1a.jpg?v=1790173413&width=1440&format=webp 1440w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/21ff17b3-b0a7-466f-9e88-2acdde6b3f1a.jpg?v=1790173413&width=1920&format=webp 1920w" sizes="100vw"> <source media="(min-width: 767px)" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/5c4ad3cb-b248-4230-be5c-4191ba917aea.jpg?v=1790173242&width=640&format=webp 640w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/5c4ad3cb-b248-4230-be5c-4191ba917aea.jpg?v=1790173242&width=960&format=webp 960w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/5c4ad3cb-b248-4230-be5c-4191ba917aea.jpg?v=1790173242&width=1440&format=webp 1440w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/5c4ad3cb-b248-4230-be5c-4191ba917aea.jpg?v=1790173242&width=1920&format=webp 1920w" sizes="100vw"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" class="cocunat-hero-home-desktop w-full h-full object-cover object-center" alt="" loading="eager" fetchpriority="high" decoding="async"> </picture> <div class="absolute top-0 left-0 w-full h-full bg-black opacity-30 hidden"></div> <div class="absolute inset-0 flex items-end"> <div class="w-full max-w-6xl mx-auto px-4 py-10"> <div class="flex flex-col items-start sm:w-1/2 text-black sm:text-black" style="color: #ffffff;"> <p class="main-hero-top_title text-xl sm:text-[24px] sm:leading-[30px] mb-0">REFRESH YOUR ROUTINE</p> <p class="main-hero-title font-brownRegular text-[32px] sm:text-[48px] font-canela-italic mb-1 leading-[40px] sm:leading-[56px]">SALE</p> <p class="main-hero-description text-[16px] leading-[20px] sm:text-[20px] sm:leading-[24px]"><p></p></p> <span class="main-hero-button bg-transparent border px-12 py-3 mt-[16px] sm:mt-[16px] text-[16px] sm:text-[20px] uppercase inline-block border-black text-black sm:text-black sm:border-black" style="color: #ffffff; border-color: #ffffff;">BUY NOW</span> </div> </div> </div> </div> </a> </li><li id="cocunat-hero-home-image-2" class="glide__slide"> <a href="/en-us/products/pack-happyhair-3months" id="cocunat-hero-home-link" class="block"> <div id="cocunat-hero-home-image" class="h-[80vh] relative">   <picture class="main-hero-picture"> <source class="cocunat-hero-home-mobile" media="(max-width: 766.98px)" srcset="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=640,format=auto,quality=90/4e9e44df-a8a1-4947-9588-10861a7e0063.jpg 640w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=auto,quality=90/4e9e44df-a8a1-4947-9588-10861a7e0063.jpg 960w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=1440,format=auto,quality=90/4e9e44df-a8a1-4947-9588-10861a7e0063.jpg 1440w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=1920,format=auto,quality=90/4e9e44df-a8a1-4947-9588-10861a7e0063.jpg 1920w" sizes="100vw"> <source media="(min-width: 767px)" srcset="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=640,format=auto,quality=90/fae5ab39-3465-4cf5-8f3b-4e926d4aabe6.jpg 640w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=auto,quality=90/fae5ab39-3465-4cf5-8f3b-4e926d4aabe6.jpg 960w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=1440,format=auto,quality=90/fae5ab39-3465-4cf5-8f3b-4e926d4aabe6.jpg 1440w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=1920,format=auto,quality=90/fae5ab39-3465-4cf5-8f3b-4e926d4aabe6.jpg 1920w" sizes="100vw"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" class="cocunat-hero-home-desktop w-full h-full object-cover object-center" alt="" loading="lazy" decoding="async"> </picture> <div class="absolute top-0 left-0 w-full h-full bg-black opacity-30 hidden"></div> <div class="absolute inset-0 flex items-end"> <div class="w-full max-w-6xl mx-auto px-4 py-10"> <div class="flex flex-col items-start sm:w-1/2 text-white sm:text-white" style="color: #000000;"> <p class="main-hero-top_title text-xl sm:text-[24px] sm:leading-[30px] mb-0">HAPPY HAIR</p> <p class="main-hero-title font-brownRegular text-[32px] sm:text-[48px] font-canela-italic mb-1 leading-[40px] sm:leading-[56px]">REDUCE HAIR LOSS</p> <p class="main-hero-description text-[16px] leading-[20px] sm:text-[20px] sm:leading-[24px]"><p></p></p> <span class="main-hero-button bg-transparent border px-12 py-3 mt-[16px] sm:mt-[16px] text-[16px] sm:text-[20px] uppercase inline-block border-white text-white sm:text-white sm:border-white" style="color: #000000; border-color: #000000;">SHOP NOW</span> </div> </div> </div> </div> </a> </li>
1812<li id="cocunat-hero-home-image-3" class="glide__slide"> <a href="/en-us/clinical-sculpt" id="cocunat-hero-home-link" class="block"> <div id="cocunat-hero-home-image" class="h-[80vh] relative">   <picture class="main-hero-picture"> <source class="cocunat-hero-home-mobile" media="(max-width: 766.98px)" srcset="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=640,format=auto,quality=90/8ccea089-535d-4585-9649-d12bef5950b2.jpg 640w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=auto,quality=90/8ccea089-535d-4585-9649-d12bef5950b2.jpg 960w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=1440,format=auto,quality=90/8ccea089-535d-4585-9649-d12bef5950b2.jpg 1440w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=1920,format=auto,quality=90/8ccea089-535d-4585-9649-d12bef5950b2.jpg 1920w" sizes="100vw"> <source media="(min-width: 767px)" srcset="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=640,format=auto,quality=90/021ce2d2-3cf5-45b3-997f-bdb7dd6b16c5.jpg 640w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=auto,quality=90/021ce2d2-3cf5-45b3-997f-bdb7dd6b16c5.jpg 960w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=1440,format=auto,quality=90/021ce2d2-3cf5-45b3-997f-bdb7dd6b16c5.jpg 1440w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=1920,format=auto,quality=90/021ce2d2-3cf5-45b3-997f-bdb7dd6b16c5.jpg 1920w" sizes="100vw"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" class="cocunat-hero-home-desktop w-full h-full object-cover object-center" alt="" loading="lazy" decoding="async"> </picture> <div class="absolute top-0 left-0 w-full h-full bg-black opacity-30 hidden"></div> <div class="absolute inset-0 flex items-end"> <div class="w-full max-w-6xl mx-auto px-4 py-10"> <div class="flex flex-col items-start sm:w-1/2 text-black sm:text-black" style="color: #000000;"> <p class="main-hero-top_title text-xl sm:text-[24px] sm:leading-[30px] mb-0">CLINICAL SCULPT</p> <p class="main-hero-title font-brownRegular text-[32px] sm:text-[48px] font-canela-italic mb-1 leading-[40px] sm:leading-[56px]">THE CELLULITE REVOLUTION</p> <p class="main-hero-description text-[16px] leading-[20px] sm:text-[20px] sm:leading-[24px] hidden"></p> <span class="main-hero-button bg-transparent border px-12 py-3 mt-[16px] sm:mt-[16px] text-[16px] sm:text-[20px] uppercase inline-block border-black text-black sm:text-black sm:border-black" style="color: #000000; border-color: #000000;">BUY NOW</span> </div> </div> </div> </div> </a> </li> </ul> </div>  <div class="glide__arrows" data-glide-el="controls"> <button class="glide__arrow glide__arrow--left" data-glide-dir="<"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5"></path> </svg> </button> <button class="glide__arrow glide__arrow--right" data-glide-dir=">"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5"></path> </svg> </button> </div> <div class="glide__bullets" data-glide-el="controls[nav]"> <button class="glide__bullet" data-glide-dir="=0"></button><button class="glide__bullet" data-glide-dir="=1"></button><button class="glide__bullet" data-glide-dir="=2"></button> </div>  </section> 
1812<script>
1813  let glideInstance = null;
1814  
1815  function initializeGlide() {
1816    if (typeof Glide !== 'undefined') {
1817      // Destroy existing instance if it exists
1818      if (glideInstance) {
1819        glideInstance.destroy();
1820      }
1821      
1822      // Check if we have multiple slides
1823      const slides = document.querySelectorAll('.glide__slide:not(.glide__slide--clone)');
1824      if (slides.length > 1) {
1825        glideInstance = new Glide('.glide', {
1826          type: 'carousel',
1827          perView: 1,
1828          gap: 0,
1829          autoplay: 5000,
1830        }).mount();
1831        
1832        // Update bullets
1833        const bullets = document.querySelector('.glide__bullets');
1834        if (bullets) {
1835          bullets.style.display = 'flex';
1836          // Update bullets
1837          bullets.innerHTML = '';
1838          slides.forEach((_, index) => {
1839            const bullet = document.createElement('button');
1840            bullet.className = 'glide__bullet';
1841            bullet.setAttribute('data-glide-dir', `=${index}`);
1842            if (index === 0) bullet.classList.add('glide__bullet--active');
1843            bullets.appendChild(bullet);
1844          });
1845        }
1846      } else {
1847        // Hide bullets for single slide
1848        const bullets = document.querySelector('.glide__bullets');
1849        if (bullets) bullets.style.display = 'none';
1850      }
1851    }
1852  }
1853  
1854  document.addEventListener('DOMContentLoaded', function() {
1855    initializeGlide();
1856  });
1857  
1858  // Listen for skin updates
1859  window.addEventListener('heroSlidesUpdated', function() {
1860    setTimeout(() => {
1861      initializeGlide();
1862    }, 100);
1863  });
1864
1865  // Handle smooth scroll for anchor links
1866  document.addEventListener('click', function(e) {
1867    const link = e.target.closest('#cocunat-hero-home-link');
1868    if (link) {
1869      const href = link.getAttribute('href');
1870      if (href && href.charAt(0) === '#') {
1871        e.preventDefault();
1872        const targetId = href.substring(1);
1873        const targetElement = document.getElementById(targetId);
1874        if (targetElement) {
1875          targetElement.scrollIntoView({ behavior: 'smooth' });
1876        }
1877      }
1878    }
1879  });
1880</script>
1880  <style>
1881  #cocunat-hero-home{
1882    background: #ffffff;
1883  }
1884
1885  #cocunat-hero-home-image{
1886    width: 100%;
1887    margin: auto;
1888    display: block;
1889    position: relative;
1890  }
1891
1892  /* Reglas legacy del par mobile/desktop de <img>. Siguen vivas porque
1893     skin.js todavía CREA slides con esa estructura (main_hero2/main_hero3 de
1894     skins aplicados en cliente); las slides server-rendered usan <picture>. */
1895  .cocunat-hero-home-mobile{
1896    display: block;
1897    max-width: 100%;
1898    margin: auto;
1899  }
1900
1901  .cocunat-hero-home-desktop{
1902    display: none;
1903    width: 100%;
1904  }
1905
1906  /* Slides con <picture>: la única <img> (clase ...-desktop) debe pintarse en
1907     TODOS los anchos — el show/hide lo decide el <source media>, no el CSS.
1908     Selector con #id para ganar a las reglas legacy de arriba. */
1909  #cocunat-hero-home picture.main-hero-picture{
1910    display: block;
1911    width: 100%;
1912    height: 100%;
1913  }
1914  #cocunat-hero-home picture.main-hero-picture .cocunat-hero-home-desktop{
1915    display: block;
1916  }
1917
1918  .glide__arrow {
1919    position: absolute;
1920    top: 50%;
1921    transform: translateY(-50%);
1922    background: white;
1923    border: none;
1924    padding: 10px;
1925    border-radius: 50%;
1926    cursor: pointer;
1927    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
1928    z-index: 10;
1929  }
1930
1931  .glide__arrow--left {
1932    left: 10px;
1933  }
1934
1935  .glide__arrow--right {
1936    right: 10px;
1937  }
1938
1939  .glide__bullets {
1940    position: absolute;
1941    bottom: 20px;
1942    left: 50%;
1943    transform: translateX(-50%);
1944    display: flex;
1945    gap: 10px;
1946    z-index: 10;
1947  }
1948
1949  .glide__bullet {
1950    width: 10px;
1951    height: 10px;
1952    background: rgba(0,0,0,0.5);
1953    border-radius: 50%;
1954    border: none;
1955    padding: 0;
1956    cursor: pointer;
1957  }
1958
1959  .glide__bullet--active {
1960    background: black;
1961  }
1962
1963  @media (min-width: 767px) {
1964    .cocunat-hero-home-desktop{
1965      display: block;
1966    }
1967    .cocunat-hero-home-mobile{
1968      display: none;
1969    }
1970  }
1971</style> </div> <div id="home-layout"> <section class="component-best-sellers mx-auto max-w-6xl px-4"> <div class="flex flex-row items-center justify-between mt-10 mb-6"> <span class="text-left text-[16px] font-bold text-black uppercase leading-tight">CURATED FOR YOU</span> <a href="/en-us/collections/all-products" class="text-right text-[12px] font-brownRegular text-black uppercase leading-tight block underline"> View all <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/flecha.png?v=1734305069" class="w-3 h-2 inline-block ml-1 -mt-1"> </a> </div> <div> <div class="flex flex-wrap -mx-2"> <div class="w-1/2 sm:w-1/4 px-2 py-2 sm:px-4 sm:py-4 product-card" data-sku="233" data-title="CLINICAL BEAUTY FILLER | 2 MONTH" data-original-price="344" data-internal-id="201"> <a href="/en-us/products/clinical-beauty-filler-duo" class="block aspect-[1/1] overflow-hidden mb-4 relative"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/ed703bfe-b9e0-4957-a8cc-c8cf4a9f6e4a.png?v=1761921743&width=504&format=webp" width="252" height="252" data-product-card-image alt="CLINICAL BEAUTY FILLER | 2 MONTH" class="w-full h-full object-cover"> <div data-badge="discount" class="hidden discount-badge absolute top-2 left-2 bg-red-600 text-white px-3 py-[3px] text-xs rounded-full" data-sku="233"> <span></span> </div> <div data-badge="label" class="absolute top-2 right-2 flex flex-col gap-1 items-end">  <div class="bg-black text-white px-2 py-0.5 text-[10px] leading-[14px] font-brownRegular w-auto">
1972Best Seller
1973</div>    </div> </a> <div class="flex flex-col h-[120px] sm:h-[110px]"> <h2 class="text-sm font-bold uppercase"> <a href="/en-us/products/clinical-beauty-filler-duo">CLINICAL BEAUTY FILLER | 2 MONTH</a> </h2> <p class="text-sm text-gray-500"> <a href="/en-us/products/clinical-beauty-filler-duo">2x Microneedling </a> </p>  <div class="flex flex-row gap-2 pt-2 px-0"> <button class="active upsell-collection-button  text-[9px] sm:text-xs text-black border border-gray-500 rounded-lg sm:rounded-xl px-[2px] sm:px-2 py-1 sm:py-1.5 w-1/2 flex items-center justify-between" data-title="CLINICAL BEAUTY FILLER | 2 MONTH" data-variant-id="201"> <span class=" text-[9px] sm:text-xs font-brownRegular">2 months</span> <div data-badge="discount" class="hidden discount-badge text-red-500 font-brownRegular px-0 py-0 text-[9px] sm:text-xs font-bold rounded-full" data-sku="233"> <span></span> </div> <div class="hidden-price hidden"> <span class="price" data-sku="233">$344</span> </div> </button> <button class="upsell-collection-button  text-[9px] sm:text-xs text-black border border-gray-500 rounded-lg sm:rounded-xl px-[2px] sm:px-2 py-1 sm:py-1.5 w-1/2 flex items-center justify-between" data-title="CLINICAL BEAUTY FILLER | 3 MONTH" data-variant-id="203"> <span class=" text-[9px] sm:text-xs font-brownRegular">3 months</span> <div data-badge="discount" class="hidden discount-badge text-red-500 font-brownRegular px-0 py-0  text-[9px] sm:text-xs font-bold rounded-full" data-sku="23611"> <span></span> </div> <div class="hidden-price hidden"> <span class="price" data-sku="23611">$506.95</span> </div> </button> </div> </div> <p class="text-base font-bold uppercase px-2 font-brownRegular py-2 w-full">  <span class="price" data-sku="233">$344</span> </p> <button class="add-to-cart text-sm font-bold uppercase border border-black px-2 font-brownRegular py-3 w-full hover:bg-black hover:text-white transition-colors relative" data-variant-id="201"> <span class="add-to-cart-text text-sm">Add to Cart</span> <span class="add-to-cart-loading hidden"> <svg class="animate-spin h-5 w-5 mx-auto" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </div><div class="w-1/2 sm:w-1/4 px-2 py-2 sm:px-4 sm:py-4 product-card" data-sku="460" data-title="CLINICAL SCULPT | UPPER BODY" data-original-price="250" data-internal-id="396"> <a href="/en-us/products/clinical-sculpt-upper-body" class="block aspect-[1/1] overflow-hidden mb-4 relative"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=504&format=webp" width="252" height="252" data-product-card-image alt="CLINICAL SCULPT | UPPER BODY" class="w-full h-full object-cover"> <div data-badge="discount" class="hidden discount-badge absolute top-2 left-2 bg-red-600 text-white px-3 py-[3px] text-xs rounded-full" data-sku="460"> <span></span> </div> <div data-badge="label" class="absolute top-2 right-2 flex flex-col gap-1 items-end">    <div class="px-2 py-0.5 text-[10px] leading-[14px] font-brownRegular w-auto bg-black text-white">
1974New In
1975</div>  </div> </a> <div class="flex flex-col h-[120px] sm:h-[110px]"> <h2 class="text-sm font-bold uppercase"> <a href="/en-us/products/clinical-sculpt-upper-body">CLINICAL SCULPT | UPPER BODY</a> </h2> <p class="text-sm text-gray-500"> <a href="/en-us/products/clinical-sculpt-upper-body">Targeted body sculpting treatment</a> </p>   </div> <p class="text-base font-bold uppercase px-2 font-brownRegular py-2 w-full"> <span>From </span> <span class="price" data-sku="460">$250</span> </p> <a href="/en-us/products/clinical-sculpt-upper-body" class="text-sm block text-center font-bold uppercase border border-black px-2 font-brownRegular py-3 w-full hover:bg-black hover:text-white transition-colors relative"> <span class="add-to-cart-text">View details</span> </a> </div><div class="w-1/2 sm:w-1/4 px-2 py-2 sm:px-4 sm:py-4 product-card" data-sku="53294" data-title="Total Curls Definition Routine" data-original-price="222.95" data-internal-id="111"> <a href="/en-us/products/total-curls-en" class="block aspect-[1/1] overflow-hidden mb-4 relative"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a042fe1f-5617-4a49-b476-12ae575df3d4.png?v=1773999336&width=504&format=webp" width="252" height="252" data-product-card-image alt="Total Curls Definition Routine" class="w-full h-full object-cover"> <div data-badge="discount" class="hidden discount-badge absolute top-2 left-2 bg-red-600 text-white px-3 py-[3px] text-xs rounded-full" data-sku="53294"> <span></span> </div>  </a> <div class="flex flex-col h-[120px] sm:h-[110px]"> <h2 class="text-sm font-bold uppercase"> <a href="/en-us/products/total-curls-en">Total Curls Definition Routine</a> </h2> <p class="text-sm text-gray-500"> <a href="/en-us/products/total-curls-en">Defines, Eliminates Frizz, Nourishes Thoroughly.</a> </p>   </div> <p class="text-base font-bold uppercase px-2 font-brownRegular py-2 w-full">  <span class="price" data-sku="53294">$222.95</span> </p> <button class="add-to-cart text-sm font-bold uppercase border border-black px-2 font-brownRegular py-3 w-full hover:bg-black hover:text-white transition-colors relative" data-variant-id="111"> <span class="add-to-cart-text text-sm">Add to Cart</span> <span class="add-to-cart-loading hidden"> <svg class="animate-spin h-5 w-5 mx-auto" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </div><div class="w-1/2 sm:w-1/4 px-2 py-2 sm:px-4 sm:py-4 product-card" data-sku="440" data-title="ANTI-WRINKLE 
1975LIFTING DUO" data-original-price="270.95" data-internal-id="363"> <a href="/en-us/products/anti-wrinkle-lifting-duo" class="block aspect-[1/1] overflow-hidden mb-4 relative"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/1f98ab1a-2b15-48c8-827f-7a765b9f5e79.png?v=1763925632&width=504&format=webp" width="252" height="252" data-product-card-image alt="ANTI-WRINKLE LIFTING DUO" class="w-full h-full object-cover"> <div data-badge="discount" class="hidden discount-badge absolute top-2 left-2 bg-red-600 text-white px-3 py-[3px] text-xs rounded-full" data-sku="440"> <span></span> </div> <div data-badge="label" class="absolute top-2 right-2 flex flex-col gap-1 items-end">  <div class="bg-black text-white px-2 py-0.5 text-[10px] leading-[14px] font-brownRegular w-auto">
1976Best Seller
1977</div>    </div> </a> <div class="flex flex-col h-[120px] sm:h-[110px]"> <h2 class="text-sm font-bold uppercase"> <a href="/en-us/products/anti-wrinkle-lifting-duo">ANTI-WRINKLE LIFTING DUO</a> </h2> <p class="text-sm text-gray-500"> <a href="/en-us/products/anti-wrinkle-lifting-duo">Microneedling + Exosomes</a> </p>   </div> <p class="text-base font-bold uppercase px-2 font-brownRegular py-2 w-full">  <span class="price" data-sku="440">$270.95</span> </p> <button class="add-to-cart text-sm font-bold uppercase border border-black px-2 font-brownRegular py-3 w-full hover:bg-black hover:text-white transition-colors relative" data-variant-id="363"> <span class="add-to-cart-text text-sm">Add to Cart</span> <span class="add-to-cart-loading hidden"> <svg class="animate-spin h-5 w-5 mx-auto" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </div> </div> </div> </section><section class="component-categories mx-auto max-w-6xl px-4"> <p class="text-center text-2xl text-black mt-8 uppercase leading-tight">SHOP BY CATEGORY</p> <div class="text-black mt-2 text-[14px] leading-tight"><p></p></div> <div class="flex flex-wrap mt-8"> <a class="w-1/2 sm:w-1/4 pr-1 sm:pr-2 pb-2 relative" href="/en-us/collections/black-friday-best-sellers"> <p class="text-center text-white text-xl sm:text-2xl font-bold uppercase leading-tight absolute top-0 left-0 w-full z-20 h-full flex items-center justify-center">BEST SELLERS</p> <img src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=576,format=auto,quality=90/753a7bcb-ad6f-48ac-b201-9de82c171da7.jpg" class="w-full h-full object-cover"> </a> <a class="w-1/2 sm:w-1/4 pl-1 sm:px-2 pb-2 relative" href="/en-us/collections/bundles"> <p class="text-center text-white text-xl sm:text-2xl font-bold uppercase leading-tight absolute top-0 left-0 w-full z-20 h-full flex items-center justify-center">SETS</p> <img src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=576,format=auto,quality=90/8217b879-b1e0-4a3c-b44f-e39ddcbab8ec.jpg" class="w-full h-full object-cover"> </a> <a class="w-1/2 sm:w-1/4 pr-1 sm:px-2 pb-2 relative" href="/en-us/collections/face"> <p class="text-center text-white text-xl sm:text-2xl font-bold uppercase leading-tight absolute top-0 left-0 w-full z-20 h-full flex items-center justify-center">FACIAL</p> <img src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=576,format=auto,quality=90/7d5a7c5c-a3e7-44fb-829a-50b50447f41e.jpg" class="w-full h-full object-cover"> </a> <a class="w-1/2 sm:w-1/4 pl-1 sm:pl-2 pb-2 relative" href="/en-us/collections/hair"> <p class="text-center text-white text-xl sm:text-2xl font-bold uppercase leading-tight absolute top-0 left-0 w-full z-20 h-full flex items-center justify-center">HAIR</p> <img src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=576,format=auto,quality=90/shopify/bbe430fc-8793-4528-8540-25573a878040.jpg" class="w-full h-full object-cover"> </a> </div> </section><section class="component-home-accordion mx-auto max-w-6xl px-4" data-astro-cid-zvox2n3a> <div class="flex flex-col" data-astro-cid-zvox2n3a> <div class="w-full" data-astro-cid-zvox2n3a> <div class="flex flex-col items-center justify-center mt-10 title-component" data-astro-cid-zvox2n3a> <p class="text-center text-[18px] font-bold text-black mt-2 uppercase leading-tight" data-astro-cid-zvox2n3a>EFFECTIVENESS</p> <p class="text-center text-[34px] font-bold text-black mb-3 uppercase leading-tight" data-astro-cid-zvox2n3a><s data-astro-cid-zvox2n3a>WITHOUT LIES</s></p> </div> <div class="my-2 space-y-1" data-astro-cid-zvox2n3a><p><strong>WE ARE BACKED BY SCIENCE.</strong></p><p>We guarantee results and prove it with independent clinical tests.</p><p><strong>What does this mean?</strong></p><p>Our products undergo rigorous testing in external laboratories, conducted by experts.</p><p>The results from volunteers who have no prior knowledge of the brand or the product <strong>ensure the effectiveness, quality, and safety of our formula.</strong></p></div> </div> <div class="accordion mt-6 sm:mt-10 w-full" data-astro-cid-zvox2n3a> <div class="accordion-item" data-astro-cid-zvox2n3a>
1977 <button class="accordion-header uppercase bg-[#F6F4F4]" data-astro-cid-zvox2n3a> <span class="accordion-icon" data-astro-cid-zvox2n3a>+</span> Wrinkles </button> <div class="accordion-content show" data-astro-cid-zvox2n3a> <div class="flex flex-col sm:flex-row items-start" data-astro-cid-zvox2n3a> <div class="sm:w-1/2 sm:pl-4 sm:pr-6" data-astro-cid-zvox2n3a> <img src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=1152,format=auto,quality=90/shopify/c1230cf2-0fc9-434b-a9ec-5a62835d2a31.webp" class="w-full sm:mt-4" data-astro-cid-zvox2n3a> </div> <div class="px-6 sm:w-1/2" data-astro-cid-zvox2n3a> <p class="text-center text-2xl font-bold text-black mt-4 uppercase leading-tight" data-astro-cid-zvox2n3a>CLINICAL BEAUTY FILLER</p> <p class="text-center text-lg font-bold text-black mt-4 uppercase leading-tight" data-astro-cid-zvox2n3a>SERUM MICRONEEDLING</p> <div class="my-3 space-y-1" data-astro-cid-zvox2n3a><p>An anti-aging treatment that combines an ultra-concentrated serum with the best ingredients in the aesthetic field and a revolutionary microneedling technique.</p><p><strong>Immediate and long-lasting clinical results after just one application:</strong></p></div> <div class="flex flex-col sm:flex-row-reverse" data-astro-cid-zvox2n3a> <div class="mt-6 space-y-4" data-astro-cid-zvox2n3a> <div class="flex items-center justify-center border-b border-gray-200 pb-2 " data-astro-cid-zvox2n3a> <span class="text-4xl font-canela-italic w-[90px] block text-right flex justify-end" data-astro-cid-zvox2n3a><p><em>25,1%</em></p></span> <span class="text-left pl-4 w-[180px] block uppercase" data-astro-cid-zvox2n3a><p>Less wrinkles<br>after 3 hours</p></span> </div> <div class="flex items-center justify-center border-b border-gray-200 pb-2" data-astro-cid-zvox2n3a> <span class="text-4xl font-canela-italic w-[90px] block text-right flex justify-end" data-astro-cid-zvox2n3a><p><em>24,2%</em></p></span> <span class="text-left pl-4 w-[180px] block uppercase" data-astro-cid-zvox2n3a><p>More elasticity<br>after 24 hours</p></span> </div> <div class="flex items-center justify-center pb-2" data-astro-cid-zvox2n3a> <span class="text-4xl font-canela-italic w-[90px] block text-right flex justify-end" data-astro-cid-zvox2n3a><p><em>33,3%</em></p></span> <span class="text-left pl-4 w-[180px] block uppercase" data-astro-cid-zvox2n3a><p>More firmness<br>after 14 days</p></span> </div> </div> <div class="flex justify-center mt-2 sm:mt-0" data-astro-cid-zvox2n3a> <img src="https://shopify-cdn.cocunat.com/cdn-cgi/image/height=500,format=auto,quality=90/shopify/99171690-2441-450a-8fff-6cda15f362d2.webp" class="h-[250px] w-auto" data-astro-cid-zvox2n3a> </div> </div> <div class="flex justify-center mt-2 mb-8 sm:mt-4" data-astro-cid-zvox2n3a> <a href="/en-us/products/clinical-beauty-filler" class="bg-black text-white px-8 text-lg py-3" data-astro-cid-zvox2n3a>BUY NOW</a> </div> </div> </div> </div> </div> <div class="accordion-item" data-astro-cid-zvox2n3a> <button class="accordion-header uppercase bg-[#F6F4F4]" data-astro-cid-zvox2n3a> <span class="accordion-icon" data-astro-cid-zvox2n3a>+</span> Spots </button> <div class="accordion-content" data-astro-cid-zvox2n3a> <div class="flex flex-col sm:flex-row items-start" data-astro-cid-zvox2n3a> <div class="sm:w-1/2 sm:pl-4 sm:pr-6" data-astro-cid-zvox2n3a> <img src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=1152,format=auto,quality=90/shopify/9f115992-c71f-4589-b222-423fe944ced7.webp" class="w-full sm:mt-4" data-astro-cid-zvox2n3a> </div> <div class="px-6 sm:w-1/2" data-astro-cid-zvox2n3a> <p class="text-center text-2xl font-bold text-black mt-4 uppercase leading-tight" data-astro-cid-zvox2n3a>CLINICAL THE REAL C</p> <div class="my-3 text-center space-y-1" data-astro-cid-zvox2n3a><p style="text-align: center">A 20% pure Vitamin C (Ascorbic Acid) anti-spot serum with antioxidant power 30 times greater than its derivatives.</p></div> <div class="flex flex-col sm:flex-row-reverse" data-astro-cid-zvox2n3a> <div class="mt-6 space-y-4" data-astro-cid-zvox2n3a> <div class="flex items-center justify-center border-b border-gray-200 pb-2" data-astro-cid-zvox2n3a> <span class="text-4xl font-canela-italic w-[110px] block uppercase text-right flex justify-end" data-astro-cid-zvox2n3a><p><em>22.9%</em></p></span> <span class="text-left pl-4 w-[180px] block uppercase" data-astro-cid-zvox2n3a><p>fewer spots</p></span> </div> <div class="flex items-center justify-center border-b border-gray-200 pb-2" data-astro-cid-zvox2n3a> <span class="text-4xl font-canela-italic w-[110px] block uppercase text-right flex justify-end" data-astro-cid-zvox2n3a><p><em>15.1%</em></p></span> <span class="text-left pl-4 w-[180px] block uppercase" data-astro-cid-zvox2n3a><p>brighter skin</p></span> </div> <div class="flex items-center justify-center pb-2" data-astro-cid-zvox2n3a> <span class="text-4xl font-canela-italic w-[110px] block uppercase text-right flex justify-end" data-astro-cid-zvox2n3a><p><em>22.2%</em></p></span> <span class="text-left pl-4 w-[180px] block uppercase" data-astro-cid-zvox2n3a><p>fewer wrinkles</p></span> </div>  </div> <div class="flex justify-center mt-2 sm:mt-0" data-astro-cid-zvox2n3a> <img src="https://shopify-cdn.cocunat.com/cdn-cgi/image/height=500,format=auto,quality=90/shopify/6082fad0-dac9-4117-9833-f9cba5a0b227.webp" class="h-[250px] w-auto" data-astro-cid-zvox2n3a> </div> </div> <div class="flex justify-center mt-2 mb-8 sm:mt-4" data-astro-cid-zvox2n3a> <a href="/en-us/products/the-real-c" class="bg-black text-white px-8 text-lg py-3" data-astro-cid-zvox2n3a>BUY NOW</a> </div> </div> </div> </div> </div> <div class="accordion-item" data-astro-cid-zvox2n3a>
1977 <button class="accordion-header uppercase bg-[#F6F4F4]" data-astro-cid-zvox2n3a> <span class="accordion-icon" data-astro-cid-zvox2n3a>+</span> Cellulite </button> <div class="accordion-content" data-astro-cid-zvox2n3a> <div class="flex flex-col sm:flex-row items-start" data-astro-cid-zvox2n3a> <div class="sm:w-1/2 sm:pl-4 sm:pr-6" data-astro-cid-zvox2n3a> <img src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=1152,format=auto,quality=90/shopify/c4563f00-d72e-4478-833e-48f08083ee42.webp" class="w-full sm:mt-4" data-astro-cid-zvox2n3a> </div> <div class="px-6 sm:w-1/2" data-astro-cid-zvox2n3a> <p class="text-center text-2xl font-bold text-black mt-4 uppercase leading-tight" data-astro-cid-zvox2n3a>BODY POWER</p> <p class="font-brownRegular my-3 text-center" data-astro-cid-zvox2n3a></p> <div class="mb-3 text-center space-y-1" data-astro-cid-zvox2n3a><p style="text-align: center"><strong>A two-step reducer and anti-cellulite treatment. Reduces cellulite, activates fat-burning, and improves skin elasticity.</strong></p><p style="text-align: center">Actives with clinically proven effectiveness:</p></div> <div class="flex flex-col sm:flex-row-reverse" data-astro-cid-zvox2n3a> <div class="mt-6 space-y-4" data-astro-cid-zvox2n3a> <div class="flex items-center justify-center border-b border-gray-200 pb-2" data-astro-cid-zvox2n3a> <span class="text-4xl font-canela-italic w-[110px] block text-right flex justify-end" data-astro-cid-zvox2n3a><p><em>5.7 CM</em></p></span> <span class="text-left pl-4 w-[180px] block" data-astro-cid-zvox2n3a><p>Thigh circumference</p></span> </div> <div class="flex items-center justify-center border-b border-gray-200 pb-2" data-astro-cid-zvox2n3a> <span class="text-4xl font-canela-italic w-[110px] block text-right flex justify-end" data-astro-cid-zvox2n3a><p><em>5.5 CM</em></p></span> <span class="text-left pl-4 w-[180px] block" data-astro-cid-zvox2n3a><p>Hip circumference</p></span> </div> <div class="flex items-center justify-center border-b border-gray-200 pb-2" data-astro-cid-zvox2n3a> <span class="text-4xl font-canela-italic w-[110px] block text-right flex justify-end" data-astro-cid-zvox2n3a><p><em>5 CM</em></p></span> <span class="text-left pl-4 w-[180px] block" data-astro-cid-zvox2n3a><p>Waist circumference</p></span> </div> <div class="flex items-center justify-center pb-2" data-astro-cid-zvox2n3a> <span class="text-4xl font-canela-italic w-[110px] block text-right flex justify-end" data-astro-cid-zvox2n3a><p><em>2.4 CM</em></p></span> <span class="text-left pl-4 w-[180px] block" data-astro-cid-zvox2n3a><p>Arm circumference...</p></span> </div> </div> <div class="flex justify-center mt-2 sm:mt-0 sm:pr-6" data-astro-cid-zvox2n3a> <img src="https://shopify-cdn.cocunat.com/cdn-cgi/image/height=500,format=auto,quality=90/shopify/4116afe2-24da-4289-93fe-9dc9ced9abd6.webp" class="h-[250px] w-auto" data-astro-cid-zvox2n3a> </div> </div> <div class="flex justify-center mt-2 mb-8 sm:mt-4" data-astro-cid-zvox2n3a> <a href="/en-us/products/body-power-smart-burn-en" class="bg-black text-white px-8 text-lg py-3" data-astro-cid-zvox2n3a>BUY NOW</a> </div> </div> </div> </div> </div> </div> </div> </section>  
1977<script>
1978  // Initialize accordions when the DOM is loaded
1979  document.addEventListener('DOMContentLoaded', () => {
1980    const accordionHeaders = document.querySelectorAll('.accordion-header');
1981
1982    // Set initial state for first accordion
1983    if (accordionHeaders.length > 0) {
1984      const firstHeader = accordionHeaders[0];
1985      const firstContent = firstHeader.nextElementSibling;
1986      firstHeader.classList.add('active');
1987      firstContent.classList.add('show');
1988      firstHeader.querySelector('.accordion-icon').textContent = '-';
1989    }
1990
1991    // Add click handlers
1992    accordionHeaders.forEach(header => {
1993      header.addEventListener('click', () => {
1994        // Toggle current accordion
1995        const content = header.nextElementSibling;
1996        header.classList.toggle('active');
1997        content.classList.toggle('show');
1998        header.querySelector('.accordion-icon').textContent =
1999          header.classList.contains('active') ? '-' : '+';
2000      });
2001    });
2002  });
2003</script>
2003<div id="cocunat-home-highlight" class="component-banner-second max-w-6xl mx-auto mt-2 relative this-is-the-one" data-astro-cid-t34oe4u5> <a href="/en-us/club" class="cocunat-home-highlight_image h-[375px] sm:h-[350px] flex flex-col justify-top items-center sm:justify-end sm:items-start px-[32px] pt-3 sm:pt-10 pb-10 w-full bg-cover bg-center" style="
2004      --bg-mobile: url('https://shopify-cdn.cocunat.com/cdn-cgi/image/width=1536,format=auto,quality=90/e99b3d51-3169-40dd-b4bd-22a24115926a.jpg');
2005      --bg-desktop: url('https://shopify-cdn.cocunat.com/cdn-cgi/image/width=2304,format=auto,quality=90/280f08b1-ce5c-46aa-b82b-bad7bb990990.jpg');
2006      color: #000000;
2007      justify-content: flex-start;
2008      
2009    " data-astro-cid-t34oe4u5> <div class="text-center sm:text-left" data-astro-cid-t34oe4u5> <span class="cocunat-home-highlight_top_title text-[16px] sm:leading-[20px] sm:text-[20px] sm:leading-[24px] uppercase" data-astro-cid-t34oe4u5>DISCOVER OUR</span> <span class="cocunat-home-highlight_title text-[40px] sm:text-[48px] font-canela-italic block mt-0 max-w-[600px] leading-tight" data-astro-cid-t34oe4u5>CLUB COCUNAT</span> <span class="cocunat-home-highlight_subtitle text-[16px] sm:leading-[20px] sm:text-[20px] sm:leading-[24px] uppercase block mt-2" data-astro-cid-t34oe4u5><p>YOUR BEAUTY SUBSCRIPTION</p><p>from JUST $64/MONTH</p></span> <span class="cocunat-home-highlight_button text-[16px] sm:text-[20px] border-1 px-8 py-3 sm:mt-6 mt-4 inline-block" style="border-color: #000000;" data-astro-cid-t34oe4u5>JOIN NOW</span> </div> </a> </div> <div class="component-derma max-w-6xl mx-auto mt-6 relative px-4"> <p class="text-center text-2xl text-black mt-8 uppercase leading-tight">WE&#39;RE GUIDED BY SCIENCE</p>  <p class="text-left text-black mt-2 max-w-[550px] mx-auto sm:text-center">Our formulas are created by a team of experts and dermatologists who know the perfect ingredients for every need.</p> <div class="overflow-x-auto mt-6 pb-2"> <div class="sm:mx-auto flex w-[480px]"> <div class="w-56 relative "> <img src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=448,format=auto,quality=90/shopify/3da07f7f-3abf-408c-9c19-2544df3fc8f3.webp" class="w-full"> </div><div class="w-56 relative ml-6"> <img src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=448,format=auto,quality=90/shopify/d0ac3f78-1dff-45f7-ba8b-57f01d6253ed.webp" class="w-full"> </div> </div> </div> </div><div class="component-banner-third max-w-6xl mx-auto mt-2 relative this-is-the-one" data-astro-cid-ryp6tbfv> <a href="/en-us/landings/about-us" class="component-banner-third_image h-[375px] sm:h-[350px] flex flex-col justify-end items-center sm:justify-end sm:items-start px-[20px] pt-3 sm:pt-10 pb-10 w-full bg-cover bg-center" style="
2010      --bg-mobile: url('https://shopify-cdn.cocunat.com/cdn-cgi/image/width=1536,format=auto,quality=90/shopify/77addb05-8827-4f6e-842b-972d163134ea.jpg');
2011      --bg-desktop: url('https://shopify-cdn.cocunat.com/cdn-cgi/image/width=2304,format=auto,quality=90/shopify/ca65c1c4-85b6-4091-b4b8-7857cf7e9794.jpg');
2012      color: #000;
2013    " data-astro-cid-ryp6tbfv> <div class="text-left sm:text-left sm:w-1/2" data-astro-cid-ryp6tbfv> <span class="text-[20px] sm:text-[32px] sm:leading-[40px]" data-astro-cid-ryp6tbfv>We democratize aesthetic medicine with results never seen before in cosmetics.</span> <span class="text-[20px] sm:text-[24px] block sm:mb-6 mb-4 mt-0 max-w-[600px] leading-tight font-brownRegular mt-4" data-astro-cid-ryp6tbfv>Sara Werner | CEO &amp; Co-Founder</span> <span class="text-[16px] sm:text-[20px] border-1 px-8 py-3 mt-2" style="border-color: #000;" data-astro-cid-ryp6tbfv>Discover COCUNAT</span> </div> </a>  </div><div class="component-image-banner max-w-6xl mx-auto mt-6 relative" data-astro-cid-5fzkciky> <a href="/en-us/landings/beauty-awards" data-astro-cid-5fzkciky> <img src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=1536,format=auto,quality=90/shopify/6a089c95-4f6d-4723-a562-72ba31c89f3d.jpg" class="w-full banner-mobile" data-astro-cid-5fzkciky> <img src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=2304,format=auto,quality=90/shopify/7aa273b4-8fdc-4da8-a66c-6242a64771ae.jpg" class="w-full banner-desktop" data-astro-cid-5fzkciky> </a> </div> <div class="component-image-banner max-w-6xl mx-auto mt-6 relative" data-astro-cid-5fzkciky> <a href="https://cocunat.com/podcast" data-astro-cid-5fzkciky> <img src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=1536,format=auto,quality=90/shopify/98f43bb2-b2d1-41a9-8962-7792315854ec.jpg" class="w-full banner-mobile" data-astro-cid-5fzkciky> <img src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=2304,format=auto,quality=90/shopify/ddb15d78-78f2-4a0b-8fa8-c60da0c5482c.webp" class="w-full banner-desktop" data-astro-cid-5fzkciky> </a> </div> <div class="component-icons-footer max-w-6xl mx-auto mt-10 relative px-4"> <p class="text-center text-2xl text-black mt-8 uppercase leading-tight">YOUR SMART PURCHASE</p> <div class="grid grid-cols-3 sm:grid-cols-3 gap-6 mt-8 max-w-3xl mx-auto"> <div class="flex flex-col items-center text-center"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/icon-footer-1.svg?v=1734955189" class="w-[45px] h-[45px]"> <p class="text-center text-black mt-2 text-[12px] leading-tight">FREE SHIPPING FROM <span class='skin-shipping-threshold'>$59</span></p> </div> <div class="flex flex-col items-center text-center"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/icon-footer-2.svg?v=1734955189" class="w-[45px] h-[45px]"> <p class="text-center text-black mt-2 text-[12px] leading-tight">FREE SAMPLES WITH YOUR ORDER</p> </div> <div class="flex flex-col items-center text-center"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/icon-footer-3.svg?v=1734955189" class="w-[45px] h-[45px]"> <p class="text-center text-black mt-2 text-[12px] leading-tight">
2013VIRTUAL CONSULTATIONS WITH EXPERTS</p> </div> <div class="flex flex-col items-center text-center"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/icon-footer-4.svg?v=1734955189" class="w-[45px] h-[45px]"> <p class="text-center text-black mt-2 text-[12px] leading-tight">EASY RETURNS</p> </div> <div class="flex flex-col items-center text-center"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/icon-footer-5.svg?v=1734955189" class="w-[45px] h-[45px]"> <p class="text-center text-black mt-2 text-[12px] leading-tight">SUBSCRIPTION</p> </div> <div class="flex flex-col items-center text-center"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/icon-footer-6.svg?v=1734955189" class="w-[45px] h-[45px]"> <p class="text-center text-black mt-2 text-[12px] leading-tight">CUSTOMER SERVICE</p> </div> </div> </div> </div>  <div id="videoModal" class="fixed inset-0 z-[1000] hidden bg-black/90 overflow-auto"> <div class="relative w-[90%] max-w-[700px] mx-auto mt-[50vh] -translate-y-1/2"> <button class="close absolute -right-2.5 -top-2.5 w-8 h-8 bg-white text-black rounded-full text-2xl font-bold leading-none hover:bg-gray-100 z-[9999] flex items-center justify-center">&times;</button> <video id="modalVideo" controls class="w-full h-auto" playsinline> <source src="" type="video/mp4"> </video> </div> </div> <div class="bg-[#F6F4F4] relative"> <div class="mx-auto max-w-2xl px-4 mt-10 border-t border-gray-100" data-astro-cid-mt6f4gc5>  <footer class="flex flex-col items-center justify-center py-10"> <div class="text-center mb-8"> <h2 class="text-2xl mb-2 font-canela-italic">KEEP IN TOUCH!</h2> <p class="text-gray-600 mb-4">Be the first to know about our launches, special offers...</p> <div class="max-w-md mx-auto"> <form id="newsletter-form" class="relative"> <input type="email" id="newsletter-email" placeholder="Enter your email" class="w-full p-3 mb-3 border border-gray-300 rounded" required> <button type="submit" class="w-full bg-black text-white p-3 rounded hover:bg-gray-800 transition-colors relative" id="newsletter-submit"> <span class="inline-block">Subscribe</span> <span id="loading-spinner" class="hidden absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"> <svg class="animate-spin h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> <div id="newsletter-message" class="mt-2 text-sm"> <p id="success-message" class="text-green-600 hidden">Thank you for subscribing!</p> <p id="error-message" class="text-red-600 hidden">An error occurred. Please try again.</p> </div> </form> </div> </div> <div class="grid grid-cols-2 gap-8 w-full max-w-4xl mb-8 mt-10"> <div> <h3 class="font-brownRegular mb-3 text-sm sm:text-base">CUSTOMER SERVICE</h3> <ul class="space-y-2 text-gray-600"> <li><a href="/en-us/contact" class="hover:text-black text-xs sm:text-sm">CONTACT FORM</a></li> <li><a href="/en-us/pages/terms-of-service" class="hover:text-black text-xs sm:text-sm uppercase">TERMS AND CONDITIONS</a></li> <li class="promo-show-COCUNATDAYS promo-show-COCUNATDAYSMX hidden"><a href="/en-us/landings/legal-cocunat-days" class="hover:text-black text-xs sm:text-sm">DRAW TREAT YOURSELF TO WELNESS</a></li> <li><a href="/en-us/pages/delivery-and-returns-policy" class="hover:text-black text-xs sm:text-sm">SHIPPING &amp; RETURNS</a></li> <li><a href="/en-us/pages/secure-payment" class="hover:text-black text-xs sm:text-sm">SECURE SHOPPING</a></li> <!-- Keep the customer-service hours available for a future reactivation. --> <li class="hidden text-[10px] sm:text-xs text-gray-400"> Hours Monday to Thursday from 09:00 to 18:00 and Friday from 09:00 to 15:00 </li> </ul> </div> <div> <h3 class="font-brownRegular mb-3 text-sm sm:text-base">INFORMATION</h3> <ul class="space-y-2 text-gray-600"> <li><a href="https://cocunat.com/es-es/landings/about-us" class="hover:text-black text-xs sm:text-sm uppercase">ABOUT US</a></li> <li><a href="/en-us/stores" class="hover:text-black text-xs sm:text-sm uppercase"> Stores </a></li> <li><a href="" class="hover:text-black text-xs sm:text-sm hidden">STORE LOCATOR</a></li> <li><a href="https://club.co/cocunat" class="hover:text-black text-xs sm:text-sm">BECOME AN AMBASSADOR</a></li> <li><a href="https://cocunat.jobs.personio.de/" class="hover:text-black text-xs sm:text-sm">WORK WITH US</a></li> <li><a href="/en-us/landings/privacy-policy" class="hover:text-black text-xs sm:text-sm">SECURITY, PRIVACY &amp; COOKIES</a></li> </ul> <div class="sm:absolute bottom-10 right-10 max-w-sm text-right flex flex-col items-end"> <p class="text-xs text-gray-400 mt-10">This company is capitalized by INNVIERTE, AN INVESTMENT PROGRAM OF CDTI, E.P.E.</p> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/20241108_logo_
2013innvierte_azul_fondo_blanco_300ppp_1__1___1_-removebg-preview.png?v=1752068390&height=96&format=webp" alt="Cocunat" class="h-12 mt-2"> </div> </div> </div> <div class="flex justify-center gap-4 mb-6"> <a href="https://www.instagram.com/cocunat/" class="hover:opacity-80"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/social-1.png?v=1734775251&width=96&format=webp" alt="Instagram" class="w-12 h-12"> </a> <a href="https://www.facebook.com/cocunat.int/?brand_redir=569215909806848" class="hover:opacity-80"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/social-2.png?v=1734775251&width=96&format=webp" alt="Facebook" class="w-12 h-12"> </a> <a href="https://www.tiktok.com/@cocunat" class="hover:opacity-80"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/social-3.png?v=1734775251&width=96&format=webp" alt="TikTok" class="w-12 h-12"> </a> <a href="https://www.youtube.com/@Cocunat" class="hover:opacity-80"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/social-4.png?v=1734775251&width=96&format=webp" alt="YouTube" class="w-12 h-12"> </a> </div> <div class="text-xs text-gray-400 text-center">
2014© 2026 COCUNAT - INTERNATIONAL
2015</div> </footer>  </div>  </div> 
2015<script>
2016  const form = document.getElementById('newsletter-form');
2017  const emailInput = document.getElementById('newsletter-email');
2018  const submitButton = document.getElementById('newsletter-submit');
2019  const messageDiv = document.getElementById('newsletter-message');
2020  const successMessage = document.getElementById('success-message');
2021  const errorMessage = document.getElementById('error-message');
2022  const buttonText = submitButton?.querySelector('span:not(#loading-spinner)');
2023  const loadingSpinner = document.getElementById('loading-spinner');
2024
2025  function hideMessages() {
2026    successMessage?.classList.add('hidden');
2027    errorMessage?.classList.add('hidden');
2028  }
2029
2030  function identifyNewsletterProfile(email) {
2031    window._learnq = window._learnq || [];
2032    window._learnq.push(['identify', {
2033      '$email': email,
2034      'Signup Source': 'footer-form'
2035    }]);
2036  }
2037
2038  async function getGeoInfo() {
2039    try {
2040      const response = await fetch((window.__GEO_URL || 'https://geo.cocunat.workers.dev') + '/');
2041      return await response.json();
2042    } catch (error) {
2043      console.error('Error fetching geo info:', error);
2044      return { country: 'EN', language: 'US' }; // Default fallback
2045    }
2046  }
2047
2048  async function submitNewsletter(email, geoInfo) {
2049    const payload = {
2050      email,
2051      country: geoInfo.country,
2052      language: geoInfo.language,
2053      phone_number: '',
2054      birthday: '',
2055      where: 'footer-form',
2056      utm_campaign: 'website',
2057      utm_medium: 'website',
2058      utm_source: 'footer'
2059    };
2060
2061    try {
2062      const response = await fetch((window.__REST_API_URL || 'https://rest-api.cocunat.com') + '/v2/leads/', {
2063        method: 'POST',
2064        headers: {
2065          'Content-Type': 'application/json',
2066        },
2067        body: JSON.stringify(payload)
2068      });
2069
2070      if (!response.ok) throw new Error('Subscription failed');
2071      return true;
2072    } catch (error) {
2073      console.error('Error submitting newsletter:', error);
2074      return false;
2075    }
2076  }
2077
2078  form?.addEventListener('submit', async (e) => {
2079    e.preventDefault();
2080    
2081    if (!emailInput || !messageDiv || !submitButton || !buttonText || !loadingSpinner || !successMessage || !errorMessage) return;
2082    
2083    const email = emailInput.value.trim();
2084    if (!email) return;
2085    identifyNewsletterProfile(email);
2086
2087    try {
2088      submitButton.disabled = true;
2089      buttonText.classList.add('invisible');
2090      loadingSpinner.classList.remove('hidden');
2091      hideMessages();
2092
2093      const geoInfo = await getGeoInfo();
2094      const success = await submitNewsletter(email, geoInfo);
2095
2096      try{
2097        const currentUrl = new URL(window.location.href);
2098        document.dispatchEvent(new CustomEvent('EventGenerateLead', {
2099          detail: {
2100            market: currentUrl.pathname.split('/')[1].replace("/", ""),
2101            url: window.location.href,
2102            section: 'footer',
2103            section_action: 'submit'
2104          }
2105        }));
2106      }catch(e){
2107        console.error(e);
2108      }
2109
2110      if (success) {
2111        successMessage.classList.remove('hidden');
2112        emailInput.value = '';
2113      } else {
2114        throw new Error('Subscription failed');
2115      }
2116    } catch (error) {
2117      errorMessage.classList.remove('hidden');
2118    } finally {
2119      submitButton.disabled = false;
2120      buttonText.classList.remove('invisible');
2121      loadingSpinner.classList.add('hidden');
2122    }
2123  });
2124</script>
2124   <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>      
2124<script src="/general.js?v=2"></script>
2124  <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>
2124<script>
2125    function amm() {
2126      try {
2127        var s, d;
2128        s = localStorage.getItem("amm");
2129        d = JSON.parse(s);
2130        if (d) {
2131          return d;
2132        }
2133      } catch (err) {
2134        console.log(err);
2135      }
2136    }
2137
2138    function loadFacebookPixel() {
2139      if (window.fbq) return;
2140      window.fbq = function() {
2141        window.fbq.callMethod ? 
2142        window.fbq.callMethod.apply(window.fbq, arguments) : 
2143        window.fbq.queue.push(arguments);
2144      };
2145      if (!window._fbq) window._fbq = window.fbq;
2146      window.fbq.push = window.fbq;
2147      window.fbq.loaded = true;
2148      window.fbq.version = '2.0';
2149      window.fbq.queue = [];
2150    }
2151
2152    loadFacebookPixel();
2153
2154    const script = document.createElement('script');
2155    script.async = true;
2156    script.src = 'https://connect.facebook.net/en_US/fbevents.js';
2157    document.head.appendChild(script);
2158
2159    window.fbq('init', '1983837231849232', amm());
2160    window.fbq('track', 'PageView', {}, {
2161      eventID: 'fb_pv_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9)
2162    });
2163  </script>
2163<script>
2164    // Google Tag Manager
vendor: 348 bytes, lines 2164-2169
2164
2165    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
2166    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
2167    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
2168    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
2169    })(window,document,'script','dataLayer','
2169GTM-KW3SVVL
vendor: 9 bytes, lines 2169-2171
2169');
2170
2171    
2171window.dataLayer = window.dataLayer || [];
2172    function gtag(){dataLayer.push(arguments);}
2173    gtag('js', new Date());
2174
2175    //gtag('config', 'G-YJK3235YE2');
2176    //gtag('config', 'AW-966514714', {'allow_enhanced_conversions': true});
2177
2178    // Consent function
2179    function allConsentGranted() {
2180      gtag('consent', 'update', {
2181        'ad_user_data': 'granted',
2182        'ad_personalization': 'granted',
2183        'ad_storage': 'granted',
2184        'analytics_storage': 'granted'
2185      });
2186    }
2187
2188    // Set timeout for consent
2189    //setTimeout(allConsentGranted, 4000 + Math.floor(Math.random() * 1000));
2190  </script>
2190<script async type="text/javascript" src="https://static.klaviyo.com/onsite/js/YdBuXU/klaviyo.js"></script>
2190<script>
2191  /* >> TriplePixel :: start*/
2192  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);
2193  /* << TriplePixel :: end*/
2194  </script>
2194<!-- Terceros NO criticos diferidos fuera del critical path de LCP. Dentro del
2195       template los scripts quedan inertes (no se parsean ni descargan) hasta que
2196       el inyector de abajo los recrea tras la primera interaccion o el primer idle. --><template id="cocunat-deferred-3p">
2196<script type="text/javascript">
2197    (function() {
2198      var script = document.createElement('script');
2199      script.type = 'text/javascript';
2200      script.src = '//cdn-4.convertexperiments.com/v1/js/10043431-100414253.js?environment=production';
2201      document.body.appendChild(script);
2202    })();
2203  </script>
2203<script type="text/javascript">
2204      !function(s) {
2205        let o = s.createElement('script'), u = s.getElementsByTagName('script')[0];
2206        o.src = 'https://cdn.aggle.net/oir/oir.min.js';
2207        o.async = !0, o.setAttribute('oirtyp', '6311ae17'), o.setAttribute('oirid', 'PCN8LBBDF');
2208        u.parentNode.insertBefore(o, u);
2209      }(document);
2210    </script>
2210
2211    
2211<script type="text/javascript">
2212      !function(e) {
2213        let t = {  };
2214        (e._oirtrk = e._oirtrk || []).push(['track', 'on-site', t]);
2215      }(window);
2216    </script>
2216<script>
2217    // Outbrain Tracking Script
2218    (function() {
2219      try {
2220        console.log("Starting Outbrain tracking script");
2221
2222        /* DO NOT MODIFY THIS CODE*/
2223        !function(_window, _document) {
2224          var OB_ADV_ID = '003d68b0d82d96deca68d250f7d996c0ea';
2225          if (_window.obApi) {
2226            var toArray = function(object) {
2227              return Object.prototype.toString.call(object) === '[object Array]' ? object : [object];
2228            };
2229            _window.obApi.marketerId = toArray(_window.obApi.marketerId).concat(toArray(OB_ADV_ID));
2230            return;
2231          }
2232          var api = _window.obApi = function() {
2233            api.dispatch ? api.dispatch.apply(api, arguments) : api.queue.push(arguments);
2234          };
2235          api.version = '1.1';
2236          api.loaded = true;
2237          api.marketerId = OB_ADV_ID;
2238          api.queue = [];
2239          var tag = _document.createElement('script');
2240          tag.async = true;
2241          tag.src = '//amplify.outbrain.com/cp/obtp.js';
2242          tag.type = 'text/javascript';
2243          var script = _document.getElementsByTagName('script')[0];
2244          script.parentNode.insertBefore(tag, script);
2245        }(window, document);
2246
2247        console.log("Outbrain script loaded");
2248
2249        // Original tracking calls
2250        obApi('track', 'PAGE_VIEW');
2251        console.log("Outbrain: Tracked PAGE_VIEW");
2252
2253        obApi('track', 'Visita');
2254        console.log("Outbrain: Tracked 'Visita'");
2255
2256      } catch(e) {
2257        console.error("Error in Outbrain tracking script:", e);
2258      }
2259    })();
2260  </script>
2260<script>
2261    window._tfa = window._tfa || [];
2262    window._tfa.push({notify: 'event', name: 'page_view', id: 1798403});
2263    !function (t, f, a, x) {
2264      if (!document.getElementById(x)) {
2265        t.async = 1;t.src = a;t.id=x;f.parentNode.insertBefore(t, f);
2266      }
2267    }(document.createElement('script'),
2268    document.getElementsByTagName('script')[0],
2269    '//cdn.taboola.com/libtrc/unip/1798403/tfa.js',
2270    'tb_tfa_script');
2271  </script>
2271<script>
2272    var awMastertag = document.createElement("script");
2273    awMastertag.setAttribute("defer", "defer");
2274    awMastertag.src = "https://www.dwin1.com/49403.js";
2275    awMastertag.type = "text/javascript";
2276    document.getElementsByTagName("body")[0].appendChild(awMastertag);
2277  </script>
2277</template>
2277<script>
2278  /* Inyector de terceros diferidos: recrea los scripts inertes del template de
2279     arriba (Convert, Aggle, Outbrain, Taboola, AWIN) fuera del critical path de
2280     LCP. GTM, FB, TriplePixel y Klaviyo quedan EAGER por ser criticos. Dispara en
2281     la primera interaccion o, sin interaccion, en el primer idle tras
2282     DOMContentLoaded (techo 2.5s). Reversible: borra este bloque y el template
2283     y vuelve a dejar los scripts como estaban. */
2284  (function () {
2285    var fired = false;
2286    var evs = ['pointerdown', 'keydown', 'touchstart', 'scroll', 'mousemove'];
2287    function cleanup() {
2288      evs.forEach(function (e) { window.removeEventListener(e, go, { passive: true }); });
2289    }
2290    function go() {
2291      if (fired) return;
2292      fired = true;
2293      cleanup();
2294      var tpl = document.getElementById('cocunat-deferred-3p');
2295      if (!tpl || !tpl.content) return;
2296      var scripts = tpl.content.querySelectorAll('script');
2297      for (var i = 0; i < scripts.length; i++) {
2298        var old = scripts[i];
2299        var s = document.createElement('script');
2300        for (var j = 0; j < old.attributes.length; j++) {
2301          s.setAttribute(old.attributes[j].name, old.attributes[j].value);
2302        }
2303        if (!old.src) s.text = old.textContent;
2304        document.body.appendChild(s);
2305      }
2306    }
2307    evs.forEach(function (e) { window.addEventListener(e, go, { passive: true }); });
2308    function schedule() {
2309      if ('requestIdleCallback' in window) requestIdleCallback(go, { timeout: 2500 });
2310      else setTimeout(go, 2000);
2311    }
2312    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', schedule);
2313    else schedule();
2314  })();
2315</script>
2315<script>
2316    setTimeout(() => {
2317      try{
2318        const waitForAxon = (callback, maxAttempts = 10, interval = 1000) => {
2319            let attempts = 0;
2320            const tryAxon = () => {
2321              if (typeof axon !== 'undefined') {
2322                callback();
2323              } else if (attempts < maxAttempts) {
2324                attempts++;
2325                setTimeout(tryAxon, interval);
2326              } else {
2327                console.error('Axon failed to load after maximum attempts');
2328              }
2329            };
2330            tryAxon();
2331          };
2332          waitForAxon(() => {
2333            axon("track", "page_view", {});
2334          });
2335      }catch(e){
2336        console.error("Error in Axon tracking script:", e);
2337      }
2338    }, 500);
2339  </script>
2339<script>
2340(function (w, d) {
2341  w.addEventListener("load", function () {
2342    var s = d.createElement("script");
2343    s.src = "https://rum.corewebvitals.io/cwv/69b29c1d4f2b3f56f02bf58d.js";
2344    d.head.appendChild(s);
2345  });
2346})(window, document);
2347</script>
2347<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">   
2347<script>
2348        // KLAVIYO POPUP FORM
2349        window._klOnsite = window._klOnsite || [];
2350        
2351        // Helper functions for cookie management
2352        function getCookie(name) {
2353          const value = `; ${document.cookie}`;
2354          const parts = value.split(`; ${name}=`);
2355          if (parts.length === 2) return parts.pop().split(';').shift();
2356          return null;
2357        }
2358        
2359        function setCookie(name, value, days) {
2360          const expires = new Date();
2361          expires.setTime(expires.getTime() + (days * 24 * 60 * 60 * 1000));
2362          document.cookie = `${name}=${value};expires=${expires.toUTCString()};path=/`;
2363        }
2364        
2365        // Check if user is on mobile based on screen width only
2366        function isMobile() {
2367          return window.innerWidth <= 768;
2368        }
2369        
2370        // Function to set up form listeners
2371        function setupKlaviyoFormListeners() {
2372          const waitForForm = setInterval(function() {
2373            const formButtons = document.querySelectorAll('form.klaviyo-form button');
2374            
2375            if (formButtons.length > 0) {
2376              // Add click listener to all buttons in the Klaviyo form
2377              formButtons.forEach(function(button) {
2378                button.addEventListener('click', function() {
2379                  // Set cookie to block popup for 5 days
2380                  setCookie('klaviyo_popup_blocked', 'true', 5);
2381                });
2382              });
2383              
2384              // Also check for close button (X) if it exists
2385              const closeButton = document.querySelector('.klaviyo-close-form');
2386              if (closeButton) {
2387                closeButton.addEventListener('click', function() {
2388                  setCookie('klaviyo_popup_blocked', 'true', 5);
2389                });
2390              }
2391              
2392              clearInterval(waitForForm);
2393            }
2394          }, 100); // Check every 100ms
2395          
2396          // Clear interval after 10 seconds to prevent memory leak
2397          setTimeout(function() {
2398            clearInterval(waitForForm);
2399          }, 10000);
2400        }
2401        
2402        // Check if popup was blocked by user
2403        const popupBlocked = getCookie('klaviyo_popup_blocked');
2404        
2405        // Check if URL contains "/en-"
2406        const isEnglishMarket = window.location.pathname.includes('/en-');
2407        
2408        // Show popup on English markets and if not blocked
2409        if (isEnglishMarket && !popupBlocked && 1 == 2)  {
2410          // Wait 6 seconds before showing popup
2411          setTimeout(function() {
2412            // Double-check the blocked cookie in case it was set during the wait
2413            if (!getCookie('klaviyo_popup_blocked')) {
2414              // Show different form based on device type
2415              const formId = isMobile() ? 'XDKSbu' : 'Xvkubh';
2416              window._klOnsite.push(['openForm', formId]);
2417              
2418              // Set up form listeners after opening the form
2419              setupKlaviyoFormListeners();
2420            }
2421          }, 6000); // 6 seconds delay
2422        }
2423
2424        /*<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>*/
2425      </script>
2425 <!-- 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>
2426Parece 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.
2427</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>
2428Sí, soy de Canarias
2429</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>
2430No, continuar
2431</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> 
2431<script>
2432  document.addEventListener('DOMContentLoaded', () => {
2433    let itemList = [];
2434    setTimeout(() => {
2435      const productCards = document.querySelectorAll('.product-card');
2436      let index = 0;
2437      productCards.forEach(card => {
2438        let fullPrice = card.dataset.originalPrice;
2439        let finalPrice = fullPrice;
2440        if(card.querySelector('.price span')){
2441          let finalPriceWithCurrency = card.querySelector('.price span')?.innerHTML;
2442          finalPrice = finalPriceWithCurrency?.replace(/[^0-9.,]/g, '');
2443        }
2444        itemList.push({
2445          internal_id: card.dataset.internalId,
2446          item_id: card.dataset.sku,
2447          item_name: card.dataset.title,
2448          discount: Math.round(parseFloat(fullPrice) - parseFloat(finalPrice)),
2449          index: index,
2450          price: parseFloat(finalPrice),
2451          original_price: parseFloat(fullPrice),
2452          quantity: 1,
2453          free_shipping: false,
2454          discount_percentage: parseFloat(((parseFloat(fullPrice) - parseFloat(finalPrice)) / parseFloat(fullPrice) * 100).toFixed(2))
2455        });
2456        index++;
2457      });
2458      try{
2459        const currentUrl = new URL(window.location.href);
2460        document.dispatchEvent(new CustomEvent('EventViewItemList', {
2461          detail: {
2462            market: currentUrl.pathname.split('/')[1].replace("/", ""),
2463            url: window.location.href,
2464            item_list_id: "home_best_sellers",
2465            item_list_name: "Home - Best Sellers",
2466            items: itemList
2467          }
2468        }));
2469      }catch(e){
2470        console.error(e);
2471      }
2472    }, 1000);
2473  });
2474</script>
2474 
2474<script>
2475  // Video modal functionality
2476  document.addEventListener('DOMContentLoaded', () => {
2477    const videoModal = document.getElementById('videoModal');
2478    const modalVideo = document.getElementById('modalVideo');
2479    const closeButton = videoModal.querySelector('.close');
2480    const videoButtons = document.querySelectorAll('[data-video-url]');
2481
2482    function openVideoModal(videoUrl) {
2483      modalVideo.querySelector('source').src = videoUrl;
2484      modalVideo.load();
2485      videoModal.classList.remove('hidden');
2486      modalVideo.play();
2487      document.body.style.overflow = 'hidden';
2488    }
2489
2490    function closeVideoModal() {
2491      modalVideo.pause();
2492      videoModal.classList.add('hidden');
2493      modalVideo.querySelector('source').src = '';
2494      document.body.style.overflow = '';
2495    }
2496
2497    videoButtons.forEach(button => {
2498      button.addEventListener('click', () => {
2499        const videoUrl = button.getAttribute('data-video-url');
2500        if (videoUrl) {
2501          openVideoModal(videoUrl);
2502        }
2503      });
2504    });
2505
2506    closeButton.addEventListener('click', closeVideoModal);
2507    videoModal.addEventListener('click', (e) => {
2508      if (e.target === videoModal) {
2509        closeVideoModal();
2510      }
2511    });
2512
2513    // Handle escape key
2514    document.addEventListener('keydown', (e) => {
2515      if (e.key === 'Escape' && !videoModal.classList.contains('hidden')) {
2516        closeVideoModal();
2517      }
2518    });
2519  });
2520</script>

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.